Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -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={[
@@ -334,4 +366,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}