Skip to content

Commit

Permalink
edited
Browse files Browse the repository at this point in the history 
edited
  • Loading branch information
@ClaudiusMainja
ClaudiusMainja committed Nov 28, 2024
1 parent df7790a commit e07fc9d
Show file tree
Hide file tree
Showing 7 changed files with 161 additions and 167 deletions.
Binary file added Dentmaster.zip
View file
Binary file not shown.
Binary file added assets/Dent Masters Logo-01.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
92 changes: 45 additions & 47 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
block md:inline-block py-2 px-4 md:p-0">
Contact Us
</a>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<button class="bg-red-600 hover:bg-red-700 text-white px-6 py-2 rounded-lg font-medium
transform hover:scale-105 transition-all duration-200 shadow-lg w-full md:w-auto
mt-2 md:mt-0 flex items-center justify-center">
Expand Down Expand Up @@ -148,7 +148,7 @@ <h1 class="text-6xl md:text-6xl md:text-left lg:text-7xl dm-serif-text-regular
We specialize in comprehensive auto body repairs for both accident-damaged
and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.
</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="flex flex-wrap gap-4">
<button class="bg-red-600 hover:bg-red-700 dark:bg-red-700 dark:hover:bg-slate-200 dark:hover:text-gray-600 text-white px-12 py-6 rounded-lg transition duration-300 shadow-lg">
Get a Quote
Expand Down Expand Up @@ -189,7 +189,7 @@ <h2 class="text-4xl md:text-6xl dm-serif-text-regular mb-4 text-red-600 dark:te
<div class="service-content p-6">
<h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white mb-3">Panel Beating</h3>
<p class="text-indigo-600 hover:text-white dark:text-gray-300 mb-4">Professional panel beating services to restore your vehicle's appearance and structural integrity.</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="learn-more-btn inline-block px-6 py-4 bg-red-500 text-white rounded-lg text-lg cursor-pointer">
Let's Chat →
</div>
Expand All @@ -205,7 +205,7 @@ <h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white mb-
<div class="service-content p-6">
<h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white mb-3">Spray Painting</h3>
<p class="text-indigo-600 hover:text-white dark:text-gray-300 mb-4">Expert color matching and premium quality paint finish for all vehicle types.</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="learn-more-btn inline-block px-6 py-4 bg-red-500 text-white rounded-lg text-lg cursor-pointer">
Let's Chat →
</div>
Expand All @@ -221,7 +221,7 @@ <h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white mb-
<div class="service-content p-6">
<h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hover:text-white mb-3">Windscreen Repairs</h3>
<p class="text-indigo-600 hover:text-white dark:text-gray-300 mb-4">Guaranteed fitting and removal of windscreens, meeting SANS standards.</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="learn-more-btn inline-block px-6 py-4 bg-red-500 text-white rounded-lg text-lg cursor-pointer">
Let's Chat →
</div>
Expand All @@ -237,7 +237,7 @@ <h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hov
<div class="service-content p-6">
<h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hover:text-white mb-3">Chassis Straightening</h3>
<p class="text-indigo-600 hover:text-white dark:text-gray-300 mb-4">Precision alignment and straightening services for optimal vehicle performance.</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="learn-more-btn inline-block px-6 py-4 bg-red-500 text-white rounded-lg text-lg cursor-pointer">
Let's Chat →
</div>
Expand All @@ -253,7 +253,7 @@ <h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hov
<div class="service-content p-6">
<h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hover:text-white mb-3">24-Hour Towing</h3>
<p class="text-indigo-600 hover:text-white dark:text-gray-300 mb-4">Enjoy free 24-hour towing within 20 km for our valued customers.</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="learn-more-btn inline-block px-6 py-4 bg-red-500 text-white rounded-lg text-lg cursor-pointer">
Let's Chat →
</div>
Expand All @@ -269,7 +269,7 @@ <h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hov
<div class="service-content p-6">
<h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hover:text-white mb-3">Accessory Fitting</h3>
<p class="text-indigo-600 hover:text-white dark:text-gray-300 mb-4"> Upgrade your vehicle with a range of stylish and secure accessories, professionally fitted.</p>
<a href="https://web.whatsapp.com/send?phone=263773372973&text=Hi%20*Dent%20Masters*!%20I%20need%20more%20info%20about%20Services%20https%3A%2F%2Fdentmasters.co.zw%2Fservices" target="_blank">
<a href="https://wa.me/message/ZY5URNEN7DWBC1" target="_blank">
<div class="learn-more-btn inline-block px-6 py-4 bg-red-500 text-white rounded-lg text-lg cursor-pointer">
Let's Chat →
</div>
Expand Down Expand Up @@ -336,51 +336,49 @@ <h3 class="text-xl montserrat-medium gradient-text mb-4 ">
</ul>
</div>

<!-- Column 2: Contact -->
<div class="transform hover:scale-105 transition duration-300 bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg hover:shadow-2xl" style="animation: float 6s ease-in-out infinite;">
<h3 class="text-xl gradient-text mb-4 montserrat-medium ">Contact Us</h3>
<ul class="space-y-3">
<li class="flex items-center text-gray-600 dark:text-gray-300 hover:text-red-500 dark:hover:text-red-400 transition duration-300">
<!-- Column 2: Contact -->
<div class="transform hover:scale-105 transition duration-300 bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg hover:shadow-2xl" style="animation: float 6s ease-in-out infinite;">
<h3 class="text-xl gradient-text mb-4 montserrat-medium ">Contact Us</h3>
<ul class="space-y-3">
<li class="flex items-center text-gray-600 dark:text-gray-300 hover:text-red-500 dark:hover:text-red-400 transition duration-300">
<svg class="w-5 h-5 mr-2 text-blue-500 animate-spin-slow" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
<span class="bounce-hover">+263 773 372 973
</span>
</li>
<li class="flex items-center text-gray-600 dark:text-gray-300 hover:text-red-500 dark:hover:text-red-400 transition duration-300">
<svg class="w-5 h-5 mr-2 text-blue-500 animate-spin-slow" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
<span class="bounce-hover">+263 773 372 973</span>
</li>
<li class="flex items-center text-gray-600 dark:text-gray-300 hover:text-red-500 dark:hover:text-red-400 transition duration-300">
<svg class="w-5 h-5 mr-2 text-blue-500 animate-spin-slow" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
<span class="bounce-hover">+263 774 335 134</span>
</li>
<li class="flex items-center text-gray-600 dark:text-gray-300 hover:text-red-500 dark:hover:text-red-400 transition duration-300">
<svg class="w-5 h-5 mr-2 text-blue-500 animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
<span class="bounce-hover">[email protected]</span>
</li>
</ul>
</div>

<!-- Column 3: Hours -->
<div class="transform hover:scale-105 transition duration-300 bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg hover:shadow-2xl">
<h3 class="text-xl gradient-text mb-4 montserrat-medium ">Hours</h3>
<ul class="space-y-3">
<li class="text-blue-600 dark:text-blue-400 bounce-hover flex items-center">
<span class="w-3 h-3 bg-green-500 rounded-full mr-2 animate-pulse"></span>
Mon-Fri: 9AM - 6PM
</li>
<li class="text-blue-600 dark:text-blue-400 bounce-hover flex items-center">
<span class="w-3 h-3 bg-green-500 rounded-full mr-2 animate-pulse"></span>
Saturday: 9AM - 4PM
</li>
<li class="text-red-500 dark:text-red-400 bounce-hover flex items-center">
<span class="w-3 h-3 bg-red-500 rounded-full mr-2 animate-pulse"></span>
Sunday: Closed
<span class="bounce-hover">+263 719 372 973
</span>
</li>
</ul>
</div>
<li class="flex items-center text-gray-600 dark:text-gray-300 hover:text-red-500 dark:hover:text-red-400 transition duration-300">
<svg class="w-5 h-5 mr-2 text-blue-500 animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
<span class="bounce-hover">[email protected]</span>
</li>
</ul>
</div>

<!-- Column 3: Hours -->
<div class="transform hover:scale-105 transition duration-300 bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg hover:shadow-2xl">
<h3 class="text-xl gradient-text mb-4 montserrat-medium ">Hours</h3>
<ul class="space-y-3">
<li class="text-blue-600 dark:text-blue-400 bounce-hover flex items-center">
<span class="w-3 h-3 bg-green-500 rounded-full mr-2 animate-pulse"></span>
Mon-Fri: 9AM - 6PM
</li>

<li class="text-red-500 dark:text-red-400 bounce-hover flex items-center">
<span class="w-3 h-3 bg-red-500 rounded-full mr-2 animate-pulse"></span>
Weekends: Closed
</li>
</ul>
</div>
</div>


<!-- Copyright -->
Expand Down
Loading

0 comments on commit e07fc9d

Please sign in to comment.