Merge version_7 into main

Merge version_7 into main

src/app/about/page.tsx

@@ -45,28 +45,20 @@ export default function AboutPage() {
 
       <div id="about-metrics" data-section="about-metrics">
         <AboutMetric
-          title="Dak en Isolatie B.V. - Meer dan 30 jaar expertise in dakdekking en isolatie"
+          title="Dak en Isolatie B.V. - Uw betrouwbare partner voor dakdekking en isolatie"
           metrics={[
             {
               icon: Users,
-              label: "Ervaren Vakmensen",
+              label: "Ervaren Vakmensen",              value: "30+"},
-              value: "30+",
-            },
             {
               icon: Award,
-              label: "Jaren Ervaring",
+              label: "Tevreden Klanten",              value: "300+"},
-              value: "30",
-            },
             {
               icon: Heart,
-              label: "Tevreden Klanten",
+              label: "Google Reviews",              value: "90+"},
-              value: "500+",
-            },
             {
               icon: Shield,
-              label: "Garantie op Werk",
+              label: "Garantie op Werk",              value: "100%"},
-              value: "100%",
-            },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -79,32 +71,14 @@ export default function AboutPage() {
           description="Met passie en vakmanschap zorgen wij voor daken die bestand zijn tegen alles wat de tijd brengt"
           metrics={[
             {
-              id: "1",
+              id: "1",              value: "Kwaliteit",              title: "Beste Materialen",              description: "Alleen de beste materialen en technieken toegepast",              imageSrc:
-              value: "Kwaliteit",
+                "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=7",              imageAlt: "Kwaliteitswerk"},
-              title: "Beste Materialen",
-              description: "Alleen de beste materialen en technieken toegepast",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=7",
-              imageAlt: "Kwaliteitswerk",
-            },
             {
-              id: "2",
+              id: "2",              value: "Betrouwbaarheid",              title: "Altijd Beschikbaar",              description: "24-uurse ondersteuning en snelle respons op noodreparaties",              imageSrc:
-              value: "Betrouwbaarheid",
+                "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=5",              imageAlt: "Professioneel team"},
-              title: "Altijd Beschikbaar",
-              description: "24-uurse ondersteuning en snelle respons op noodreparaties",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=5",
-              imageAlt: "Professioneel team",
-            },
             {
-              id: "3",
+              id: "3",              value: "Duurzaamheid",              title: "Milieubewust",              description: "Ondersteunende oplossingen met aandacht voor het milieu",              imageSrc:
-              value: "Duurzaamheid",
+                "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=5",              imageAlt: "Duurzame isolatie"},
-              title: "Milieubewust",
-              description: "Ondersteunende oplossingen met aandacht voor het milieu",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=5",
-              imageAlt: "Duurzame isolatie",
-            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -120,62 +94,37 @@ export default function AboutPage() {
           copyrightText="© 2024 Dak en Isolatie B.V. Alle rechten voorbehouden."
           columns={[
             {
-              title: "Diensten",
+              title: "Diensten",              items: [
-              items: [
                 {
-                  label: "Daklekkage Reparatie",
+                  label: "Daklekkage Reparatie",                  href: "/#services"},
-                  href: "/#services",
-                },
                 {
-                  label: "Dakrenovatie",
+                  label: "Dakrenovatie",                  href: "/#services"},
-                  href: "/#services",
-                },
                 {
-                  label: "Dakisolatie",
+                  label: "Dakisolatie",                  href: "/#services"},
-                  href: "/#services",
-                },
                 {
-                  label: "Platte Daken",
+                  label: "Platte Daken",                  href: "/#services"},
-                  href: "/#services",
-                },
                 {
-                  label: "Zink- en Loodwerk",
+                  label: "Zink- en Loodwerk",                  href: "/#services"},
-                  href: "/#services",
-                },
               ],
             },
             {
-              title: "Bedrijf",
+              title: "Bedrijf",              items: [
-              items: [
                 {
-                  label: "Over Ons",
+                  label: "Over Ons",                  href: "/about"},
-                  href: "/about",
-                },
                 {
-                  label: "Reviews",
+                  label: "Reviews",                  href: "/#testimonials"},
-                  href: "/#testimonials",
-                },
                 {
-                  label: "Werkgebied",
+                  label: "Werkgebied",                  href: "/#service-areas"},
-                  href: "/#service-areas",
-                },
               ],
             },
             {
-              title: "Contact",
+              title: "Contact",              items: [
-              items: [
                 {
-                  label: "📞 085-0607091",
+                  label: "📞 085-0607091",                  href: "tel:085-0607091"},
-                  href: "tel:085-0607091",
-                },
                 {
-                  label: "📧 dakenisolatiebv@gmail.com",
+                  label: "📧 dakenisolatiebv@gmail.com",                  href: "mailto:dakenisolatiebv@gmail.com"},
-                  href: "mailto:dakenisolatiebv@gmail.com",
-                },
                 {
-                  label: "📍 Posthoornstraat 17, 3011 WD Rotterdam",
+                  label: "📍 Posthoornstraat 17, 3011 WD Rotterdam",                  href: "/contact"},
-                  href: "/contact",
-                },
               ],
             },
           ]}
@@ -183,4 +132,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -59,7 +59,7 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboardSplit
           logoText="Betrouwbare Dakdekker"
-          description="Daklekkage, renovatie of isolatie nodig? Onze experts staan klaar. 30+ jaar ervaring, gratis offerte, garantie op werk."
+          description="Daklekkage, renovatie of isolatie nodig? Onze experts staan klaar. Professioneel, betrouwbaar, en altijd beschikbaar."
           background={{ variant: "plain" }}
           buttons={[
             {
@@ -74,7 +74,7 @@ export default function HomePage() {
           imageAlt="Professionele dakdekker aan het werk"
           frameStyle="card"
           mediaAnimation="slide-up"
-          descriptionClassName="relative pb-4 after:content-['500+_tevreden_klanten_•_4.9/5_⭐_rating'] after:block after:text-sm after:text-gray-600 after:dark:text-gray-400 after:mt-3 after:font-normal"
+          descriptionClassName="relative pb-4 after:content-['300+_tevreden_klanten_•_90+_Google_reviews_•_4.7/5_⭐'] after:block after:text-sm after:text-gray-600 after:dark:text-gray-400 after:mt-3 after:font-normal"
         />
       </div>
 
@@ -211,6 +211,38 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="portfolio" data-section="portfolio">
+        <MetricCardEleven
+          title="Ons Portfolio"
+          description="Bekijk enkele projecten die wij succesvol hebben afgerond voor onze klanten"
+          metrics={[
+            {
+              id: "1",              value: "Project",              title: "Dakrenovatie",              description: "Volledige dakerrenovatie met moderne materialen",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlqHcP4ShvyU7UfI2VtBEnPE9s/uploaded-1773230177456-g0dhp3jh.png",              imageAlt: "Dakrenovatie project"
+            },
+            {
+              id: "2",              value: "Project",              title: "Isolatiewerk",              description: "Professionele isolatie installatie",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlqHcP4ShvyU7UfI2VtBEnPE9s/uploaded-1773230177456-5n1juvin.jpg",              imageAlt: "Isolatie project"
+            },
+            {
+              id: "3",              value: "Project",              title: "Daklekkage Reparatie",              description: "Snelle en effectieve reparatie van daklekkage",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlqHcP4ShvyU7UfI2VtBEnPE9s/uploaded-1773230177457-kccj91xj.jpg",              imageAlt: "Daklekkage reparatie"
+            },
+            {
+              id: "4",              value: "Project",              title: "Platte Dak",              description: "Installatie van een platte dak",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlqHcP4ShvyU7UfI2VtBEnPE9s/uploaded-1773230177457-bpz9ej6k.jpg",              imageAlt: "Platte dak project"
+            },
+            {
+              id: "5",              value: "Project",              title: "Zink- en Loodwerk",              description: "Decoratief zink- en loodwerk afwerking",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlqHcP4ShvyU7UfI2VtBEnPE9s/uploaded-1773230177457-kqktraak.jpg",              imageAlt: "Zink- en loodwerk"
+            },
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwelve
           testimonials={[
@@ -239,8 +271,8 @@ export default function HomePage() {
                 "http://img.b2bpic.net/free-photo/mature-couple-with-insurance-agent_1398-4340.jpg",              imageAlt: "Linda Vermeer"
             },
           ]}
-          cardTitle="Over 500 tevreden klanten vertrouwen ons voor hun dakproblemen"
+          cardTitle="Over 300 tevreden klanten vertrouwen ons voor hun dakproblemen"
-          cardTag="4.9/5 sterren"
+          cardTag="4.7★ uit 90+ geverifieerde Google reviews - Lees onze beoordelingen"
           cardAnimation="slide-up"
           useInvertedBackground={true}
         />