Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -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"
-          cardTag="4.9/5 sterren"
+          cardTitle="Over 300 tevreden klanten vertrouwen ons voor hun dakproblemen"
+          cardTag="4.7/5 sterren (90+ Google reviews)"
           cardAnimation="slide-up"
           useInvertedBackground={true}
         />
@@ -334,4 +366,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}