Final Commits

final commits

index.html

@@ -67,7 +67,7 @@
                                              block md:inline-block py-2 px-4 md:p-0">
                                 Contact Us
                             </a>
-                            <a href="/pages/quote.html" target="_blank">
+                            <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">
                             <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">
@@ -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="/pages/quote.html" target="_blank">
+                    <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">
                     <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
@@ -164,7 +164,7 @@ <h1 class="text-6xl md:text-6xl md:text-left lg:text-7xl  dm-serif-text-regular
 
                 <!-- Image/illustration -->
                 <div class="hidden lg:block">
-                    <img src="/assets/images/hero image 1.png" alt="hero image" class="rounded-lg shadow-2xl container  "/>
+                    <img src="/assets/images/WE ARE.png" alt="hero image" class="rounded-lg shadow-2xl container  "/>
                 </div>
             </div>
         </div>

pages/about.html

@@ -13,6 +13,7 @@
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>
 <link rel="stylesheet" href="/main.css">
 <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:wght@500&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/src/about.css">
 <link rel="stylesheet" href="/src/services.css">
 </head>
 
@@ -69,7 +70,7 @@
                                              block md:inline-block py-2 px-4 md:p-0">
                                 Contact Us
                             </a>
-                            <a href="/pages/quote.html" target="_blank">
+                            <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">
                             <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">
@@ -128,7 +129,7 @@ <h1 class="text-6xl md:text-6xl md:text-left lg:text-7xl  dm-serif-text-regular
 
                 <!-- Image/illustration -->
                 <div class="hidden lg:block">
-                    <img src="/assets/images/about us.png" alt="Who We Are" class="rounded-lg shadow-2xl container"/>
+                    <img src="/assets/images/Main team.png" alt="Who We Are" class="rounded-lg shadow-2xl container"/>
                 </div>
             </div>
         </div>
@@ -180,7 +181,11 @@ <h3 class="font-dm-serif text-2xl mb-4 text-gray-800 dark:text-white">Our Values
             </div>
         </div>
 
-        <!-- Services Overview -->
+
+        <!--Our team
+
+  
+
         <div class="bg-gray-100 text-indigo-500 py-16">
             <div class="container mx-auto px-6">
                 <h2 class="font-dm-serif text-5xl mb-12 text-center text-gray-800 dark:text-red-500">Our Expertise</h2>

pages/contact.html

@@ -64,7 +64,7 @@
                                              block md:inline-block py-2 px-4 md:p-0">
                                 Contact Us
                             </a>
-                            <a href="/pages/quote.html" target="_blank">
+                            <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">
                             <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">
@@ -98,7 +98,7 @@
         <section class="bg-brand-gradient relative min-h-screen overflow-hidden">
             <!-- Background with gradient overlay -->
    <div class="absolute inset-0 z-0">
-       <img src="/assets/images/aboutbg.jpg" alt="Auto repair shop" class="object-cover w-full h-full"/>
+       <img src="/assets/images/Main team.png" alt="Auto repair shop" class="object-cover w-full h-full"/>
        <div class="absolute inset-0 bg-gradient-to-r from-red-900/80 via-blue-900/70 to-white/30 dark:from-red-950/90 dark:via-blue-950/80 dark:to-gray-900/40 "></div>
    </div>
 
@@ -107,12 +107,12 @@
            <!-- Text content -->
            <div class="text-white dark:text-gray-100">
                <h1 class="text-6xl md:text-6xl md:text-left lg:text-7xl  dm-serif-text-regular mb-6 slide-in">
-                   About Us
+                   Need a service, <br> This is your time!
                </h1>
                <p class="text-lg md:text-2xl mb-8 text-gray-100 dark:text-gray-200 montserrat text-left">
-                   Your trusted partner in auto body repairs and services in Harare. We bring life back to both accident-damaged and non-runner vehicles, old and new.
+                Get in touch with our auto body repair experts
                </p>
-               <a href="/pages/quote.html" target="_blank">
+               <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">
                <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
@@ -128,18 +128,15 @@ <h1 class="text-6xl md:text-6xl md:text-left lg:text-7xl  dm-serif-text-regular
 
            <!-- Image/illustration -->
            <div class="hidden lg:block">
-               <img src="/assets/images/about us.png" alt="Who We Are" class="rounded-lg shadow-2xl container"/>
+               <img src="/assets/images/Main team.png" alt="Who We Are" class="rounded-lg shadow-2xl container"/>
            </div>
        </div>
    </div>
 
 </section>
 <body class="font-montserrat bg-white text-gray-900 dark:bg-gray-900 dark:text-white min-h-screen flex flex-col">
     <div class="container mx-auto px-4 py-8 flex-grow">
-        <header class="text-center mb-8 md:mb-12">
-            <h1 class="text-3xl md:text-4xl font-dm-serif text-dent-blue dark:text-dent-white mb-4">Contact Dent Masters</h1>
-            <p class="text-base md:text-xl text-gray-600 dark:text-gray-300">Get in touch with our auto body repair experts</p>
-        </header>
+
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
             <!-- Contact Form -->

pages/services.html

@@ -70,7 +70,7 @@
                                              block md:inline-block py-2 px-4 md:p-0">
                                 Contact Us
                             </a>
-                            <a href="/pages/quote.html" target="_blank">
+                            <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">
                             <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">
@@ -111,7 +111,7 @@ <h1 class="text-6xl md:text-6xl md:text-left lg:text-7xl  dm-serif-text-regular
                <p class="text-lg md:text-2xl mb-8 text-gray-100 dark:text-gray-200 montserrat text-left">
                 as your trusted partner in Harare for comprehensive auto body repairs and restoration. From minor dents to major collision repairs, we bring your vehicle back to its original glory
                </p>
-               <a href="/pages/quote.html" target="_blank">
+               <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">
                <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

src/about.css

@@ -9,4 +9,29 @@
 /* Dark mode styles */
 .dark .text-dark-primary { color: #ffffff; }
 .dark .bg-dark-primary { background-color: #1a1a1a; }
-.dark .bg-dark-secondary { background-color: #2d2d2d; }
+.dark .bg-dark-secondary { background-color: #2d2d2d; }
+
+.team-card {
+    transition: all 0.6s ease;
+}
+.team-card:hover {
+    transform: scale(1.05);
+    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+}
+.team-overlay {
+    opacity: 0;
+    transition: opacity 0.4s ease;
+    background: rgba(0,0,0,0.6);
+}
+.team-card:hover .team-overlay {
+    opacity: 1;
+}
+.team-description {
+    transform: translateY(20px);
+    opacity: 0;
+    transition: all 0.4s ease;
+}
+.team-card:hover .team-description {
+    transform: translateY(0);
+    opacity: 1;
+}