final changes

ClaudiusMainja · Nov 29, 2024 · d686f94 · d686f94
1 parent 360a7da
commit d686f94
Show file tree

Hide file tree

Showing 6 changed files with 169 additions and 46 deletions.
diff --git a/assets/Dent Masters Logo-01.png → assets/logo.png b/assets/Dent Masters Logo-01.png → assets/logo.png
diff --git a/index.html b/index.html
@@ -3,6 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta name="keywords" content="panel beating,spray painting, windscreen repairs, chasis straightening, 24 hour towing, accessory fitting, car services ">
+    <meta name="author" content="Claudius Mainja">
+
+    <!-- Open Graph / Social Media Meta Tags -->
+    <meta property="og:title" content="DentMasters- Panel Beating and Spray Painting  specialists">
+    <meta property="og:description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/logo.png">
     <title>Dentmasters - Professional Auto Body Repairs</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
@@ -12,6 +21,27 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>
 <link rel="stylesheet" href="/main.css">
+
+  <!-- Schema.org markup for Google -->
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Person",
+      "name": "Claudius Mainja",
+      "jobTitle": "Product Designer & Web Developer",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Cape Town",
+        "addressCountry": "South Africa"
+      },
+      "url": "https://www.claudius-mainja.com",
+      "sameAs": [
+        "https://linkedin.com/in/claudiusmainja",
+        "https://github.com/claudiusmainja",
+      ]
+    }
+    </script>
+
 </head>
 
     <!-- Custom Cursor -->
@@ -26,14 +56,9 @@
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex items-center justify-between h-16">
                     <!-- Logo -->
-                    <div class="flex-shrink-0">
+                    <div class="flex justify-between items-center h-16">
                         <a href="/index.html" class="flex items-center space-x-2">
-                            <!-- Logo SVG -->
-                            <svg class="h-8 w-8 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
-                                      d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
-                            <span class="text-white text-4xl dm-serif-text-regular">Dent<span class="text-red-500" >Masters</span> </span>
+                            <img src="/assets/logo.png" alt="logo" height="150px" width="150px" >
                         </a>
                     </div>
 
@@ -281,8 +306,11 @@ <h3 class="text-2xl montserrat-medium text-red-500 uppercase dark:text-white hov
 
             <!-- CTA Section -->
             <div class="text-center mt-16 ">
-                <a href="/pages/services.html"target="_blank"   class="inline-block px-8 py-4 text-2xl  text-white rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 hover:from-blue-700 hover:to-blue-900 transform hover:scale-105 transition-all duration-300 shadow-lg">
+
+                <a href="/pages/services.html"  class="inline-block px-8 py-4 text-2xl  text-white rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 hover:from-blue-700 hover:to-blue-900 transform hover:scale-105 transition-all duration-300 shadow-lg">
+                    <button>
                    Go to our service page
+                </button>
                 </a>
             </div>
         </div>

diff --git a/pages/about.html b/pages/about.html
@@ -3,6 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta name="keywords" content="panel beating,spray painting, windscreen repairs, chasis straightening, 24 hour towing, accessory fitting, car services ">
+    <meta name="author" content="Claudius Mainja">
+
+    <!-- Open Graph / Social Media Meta Tags -->
+    <meta property="og:title" content="DentMasters- Panel Beating and Spray Painting  specialists">
+    <meta property="og:description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/logo.png">
     <title>Dentmasters - Professional Auto Body Repairs</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
@@ -12,9 +21,27 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
     <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">
+
+  <!-- Schema.org markup for Google -->
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Person",
+      "name": "Claudius Mainja",
+      "jobTitle": "Product Designer & Web Developer",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Cape Town",
+        "addressCountry": "South Africa"
+      },
+      "url": "https://www.claudius-mainja.com",
+      "sameAs": [
+        "https://linkedin.com/in/claudiusmainja",
+        "https://github.com/claudiusmainja",
+      ]
+    }
+    </script>
+
 </head>
 
     <!-- Custom Cursor -->
@@ -29,14 +56,9 @@
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex items-center justify-between h-16">
                     <!-- Logo -->
-                    <div class="flex-shrink-0">
+                    <div class="flex justify-between items-center h-16">
                         <a href="/index.html" class="flex items-center space-x-2">
-                            <!-- Logo SVG -->
-                            <svg class="h-8 w-8 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
-                                      d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
-                            <span class="text-white text-4xl dm-serif-text-regular">Dent<span class="text-red-500" >Masters</span> </span>
+                            <img src="/assets/logo.png" alt="logo" height="150px" width="150px" >
                         </a>
                     </div>
 
@@ -49,7 +71,6 @@
                             <span class="hamburger-line block w-4 h-0.5 bg-white"></span>
                         </div>
                     </label>
-
                     <!-- Navigation Links -->
                     <div class="nav-links absolute md:relative top-16 md:top-0 left-0 w-full md:w-auto 
                                 bg-blue-800 md:bg-transparent">

diff --git a/pages/contact.html b/pages/contact.html
@@ -3,6 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta name="keywords" content="panel beating,spray painting, windscreen repairs, chasis straightening, 24 hour towing, accessory fitting, car services ">
+    <meta name="author" content="Claudius Mainja">
+
+    <!-- Open Graph / Social Media Meta Tags -->
+    <meta property="og:title" content="DentMasters- Panel Beating and Spray Painting  specialists">
+    <meta property="og:description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/logo.png">
     <title>Dentmasters - Professional Auto Body Repairs</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
@@ -12,25 +21,44 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>
 <link rel="stylesheet" href="/main.css">
-<link rel="stylesheet" href="/src/services.css">
+
+  <!-- Schema.org markup for Google -->
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Person",
+      "name": "Claudius Mainja",
+      "jobTitle": "Product Designer & Web Developer",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Cape Town",
+        "addressCountry": "South Africa"
+      },
+      "url": "https://www.claudius-mainja.com",
+      "sameAs": [
+        "https://linkedin.com/in/claudiusmainja",
+        "https://github.com/claudiusmainja",
+      ]
+    }
+    </script>
 
 </head>
 
+    <!-- Custom Cursor -->
+    <div class="cursor-dot hidden md:block"></div>
+    <div class="cursor-outline hidden md:block"></div>
 
+    <!-- Progress Bar -->
+    <div class="progress-bar"></div>
 
 <header>
         <nav class="bg-gradient-to-tr from-gray-800 to-blue-800 shadow-lg fixed w-full top-0 z-50 py-6 montserrat">
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex items-center justify-between h-16">
                     <!-- Logo -->
-                    <div class="flex-shrink-0">
+                    <div class="flex justify-between items-center h-16">
                         <a href="/index.html" class="flex items-center space-x-2">
-                            <!-- Logo SVG -->
-                            <svg class="h-8 w-8 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
-                                      d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
-                            <span class="text-white text-4xl dm-serif-text-regular">Dent<span class="text-red-500" >Masters</span> </span>
+                            <img src="/assets/logo.png" alt="logo" height="150px" width="150px" >
                         </a>
                     </div>
 

diff --git a/pages/quote.html b/pages/quote.html
@@ -3,6 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta name="keywords" content="panel beating,spray painting, windscreen repairs, chasis straightening, 24 hour towing, accessory fitting, car services ">
+    <meta name="author" content="Claudius Mainja">
+
+    <!-- Open Graph / Social Media Meta Tags -->
+    <meta property="og:title" content="DentMasters- Panel Beating and Spray Painting  specialists">
+    <meta property="og:description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/logo.png">
     <title>Dentmasters - Professional Auto Body Repairs</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
@@ -12,6 +21,27 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>
 <link rel="stylesheet" href="/main.css">
+
+  <!-- Schema.org markup for Google -->
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Person",
+      "name": "Claudius Mainja",
+      "jobTitle": "Product Designer & Web Developer",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Cape Town",
+        "addressCountry": "South Africa"
+      },
+      "url": "https://www.claudius-mainja.com",
+      "sameAs": [
+        "https://linkedin.com/in/claudiusmainja",
+        "https://github.com/claudiusmainja",
+      ]
+    }
+    </script>
+
 </head>
 
     <!-- Custom Cursor -->
@@ -26,14 +56,9 @@
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex items-center justify-between h-16">
                     <!-- Logo -->
-                    <div class="flex-shrink-0">
+                    <div class="flex justify-between items-center h-16">
                         <a href="/index.html" class="flex items-center space-x-2">
-                            <!-- Logo SVG -->
-                            <svg class="h-8 w-8 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
-                                      d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
-                            <span class="text-white text-4xl dm-serif-text-regular">Dent<span class="text-red-500" >Masters</span> </span>
+                            <img src="/assets/logo.png" alt="logo" height="150px" width="150px" >
                         </a>
                     </div>
 
@@ -46,7 +71,6 @@
                             <span class="hamburger-line block w-4 h-0.5 bg-white"></span>
                         </div>
                     </label>
-
                     <!-- Navigation Links -->
                     <div class="nav-links absolute md:relative top-16 md:top-0 left-0 w-full md:w-auto 
                                 bg-blue-800 md:bg-transparent">

diff --git a/pages/services.html b/pages/services.html
@@ -3,6 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta name="keywords" content="panel beating,spray painting, windscreen repairs, chasis straightening, 24 hour towing, accessory fitting, car services ">
+    <meta name="author" content="Claudius Mainja">
+
+    <!-- Open Graph / Social Media Meta Tags -->
+    <meta property="og:title" content="DentMasters- Panel Beating and Spray Painting  specialists">
+    <meta property="og:description" content="We specialize in comprehensive auto body repairs for both accident-damaged and non-runner vehicles, serving Harare and the whole of Zimbabwe with excellence.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/logo.png">
     <title>Dentmasters - Professional Auto Body Repairs</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
@@ -11,10 +20,28 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js"></script>
 <link rel="stylesheet" href="/main.css">
-<link rel="stylesheet" href="/src/services.css">
+
+  <!-- Schema.org markup for Google -->
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Person",
+      "name": "Claudius Mainja",
+      "jobTitle": "Product Designer & Web Developer",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Cape Town",
+        "addressCountry": "South Africa"
+      },
+      "url": "https://www.claudius-mainja.com",
+      "sameAs": [
+        "https://linkedin.com/in/claudiusmainja",
+        "https://github.com/claudiusmainja",
+      ]
+    }
+    </script>
+
 </head>
 
     <!-- Custom Cursor -->
@@ -29,14 +56,9 @@
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex items-center justify-between h-16">
                     <!-- Logo -->
-                    <div class="flex-shrink-0">
+                    <div class="flex justify-between items-center h-16">
                         <a href="/index.html" class="flex items-center space-x-2">
-                            <!-- Logo SVG -->
-                            <svg class="h-8 w-8 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
-                                      d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
-                            <span class="text-white text-4xl dm-serif-text-regular">Dent<span class="text-red-500" >Masters</span> </span>
+                            <img src="/assets/logo.png" alt="logo" height="150px" width="150px" >
                         </a>
                     </div>
 
@@ -329,7 +351,7 @@ <h3 class="text-xl gradient-text mb-4 montserrat-medium ">Contact Us</h3>
               </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>