diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7c2c24..ce4a8e2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,6 +5,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -75,27 +76,19 @@ export default function HomePage() {
         <FeatureCardTwentyTwo
           features={[
             {
-              id: "1",
-              title: "Web Design & UI/UX",
-              category: ["Design", "Strategy"],
+              id: "1",              title: "Web Design & UI/UX",              category: ["Design", "Strategy"],
               imageSrc: "https://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg"
             },
             {
-              id: "2",
-              title: "Full-Stack Development",
-              category: ["Development", "Technology"],
+              id: "2",              title: "Full-Stack Development",              category: ["Development", "Technology"],
               imageSrc: "https://img.b2bpic.net/free-photo/side-view-attractive-hispanic-developer-programming-software-using-computer-while-working-from-home_662251-988.jpg"
             },
             {
-              id: "3",
-              title: "E-Commerce Solutions",
-              category: ["E-Commerce", "Conversion"],
+              id: "3",              title: "E-Commerce Solutions",              category: ["E-Commerce", "Conversion"],
               imageSrc: "https://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg"
             },
             {
-              id: "4",
-              title: "Digital Marketing & SEO",
-              category: ["Marketing", "Growth"],
+              id: "4",              title: "Digital Marketing & SEO",              category: ["Marketing", "Growth"],
               imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg"
             }
           ]}
@@ -109,50 +102,58 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="portfolio" data-section="portfolio">
+        <ProductCardFour
+          products={[
+            {
+              id: "1",              name: "E-Commerce Redesign",              price: "Luxury Fashion",              variant: "React, Next.js, Tailwind",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-trends-landing-page_23-2150357312.jpg",              imageAlt: "ecommerce luxury fashion website digital",              onProductClick: () => console.log('View project'),
+              isFavorited: false
+            },
+            {
+              id: "2",              name: "SaaS Dashboard Platform",              price: "Tech Startup",              variant: "TypeScript, Node.js, PostgreSQL",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-collection-landing-page_23-2149985152.jpg",              imageAlt: "saas dashboard platform technology startup",              onProductClick: () => console.log('View project'),
+              isFavorited: false
+            },
+            {
+              id: "3",              name: "Brand Identity & Website",              price: "Creative Agency",              variant: "Design System, Animation",              imageSrc: "https://img.b2bpic.net/free-vector/fashion-sale-landing-page-concept_23-2148584181.jpg",              imageAlt: "branding design identity creative website",              onProductClick: () => console.log('View project'),
+              isFavorited: false
+            },
+            {
+              id: "4",              name: "Mobile App & Web App",              price: "Fintech Company",              variant: "React Native, Web Platform",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-boutique-landing-page_23-2149327774.jpg",              imageAlt: "mobile app fintech technology digital",              onProductClick: () => console.log('View project'),
+              isFavorited: false
+            }
+          ]}
+          title="Featured Projects"
+          description="Showcase of our latest work with leading brands across industries"
+          tag="Our Portfolio"
+          tagIcon={Award}
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Amsterdam",
-              handle: "Founder, Amsterdam Design Co",
-              testimonial: "Webuild transformed our vision into a stunning digital platform. Their expertise and attention to detail is unmatched.",
-              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
+              id: "1",              name: "Sarah Amsterdam",              handle: "Founder, Amsterdam Design Co",              testimonial: "Webuild transformed our vision into a stunning digital platform. Their expertise and attention to detail is unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
             },
             {
-              id: "2",
-              name: "Marcus Mueller",
-              handle: "CEO, TechStart Berlin",
-              testimonial: "Working with Webuild was seamless. They delivered ahead of schedule with exceptional quality and creative solutions.",
-              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
+              id: "2",              name: "Marcus Mueller",              handle: "CEO, TechStart Berlin",              testimonial: "Working with Webuild was seamless. They delivered ahead of schedule with exceptional quality and creative solutions.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
             },
             {
-              id: "3",
-              name: "Elena Rodriguez",
-              handle: "Marketing Director, Global Brands",
-              testimonial: "The team at Webuild brings both technical excellence and creative flair. Highly recommended for any web project.",
-              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
+              id: "3",              name: "Elena Rodriguez",              handle: "Marketing Director, Global Brands",              testimonial: "The team at Webuild brings both technical excellence and creative flair. Highly recommended for any web project.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
             },
             {
-              id: "4",
-              name: "James Chen",
-              handle: "Founder, E-Commerce Ventures",
-              testimonial: "Our conversion rate increased 45% after Webuild redesigned our platform. Incredible results and partnership.",
-              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
+              id: "4",              name: "James Chen",              handle: "Founder, E-Commerce Ventures",              testimonial: "Our conversion rate increased 45% after Webuild redesigned our platform. Incredible results and partnership.",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
             },
             {
-              id: "5",
-              name: "Liv Bergman",
-              handle: "Product Manager, Nordic Software",
-              testimonial: "Webuild's team is responsive, innovative, and deeply committed to understanding our business goals.",
-              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
+              id: "5",              name: "Liv Bergman",              handle: "Product Manager, Nordic Software",              testimonial: "Webuild's team is responsive, innovative, and deeply committed to understanding our business goals.",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
             },
             {
-              id: "6",
-              name: "David Rossi",
-              handle: "CMO, European Fashion Brand",
-              testimonial: "From concept to launch, Webuild's professionalism and creativity exceeded all expectations. True partners.",
-              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"
+              id: "6",              name: "David Rossi",              handle: "CMO, European Fashion Brand",              testimonial: "From concept to launch, Webuild's professionalism and creativity exceeded all expectations. True partners.",              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"
             }
           ]}
           animationType="entrance-slide"
@@ -182,36 +183,35 @@ export default function HomePage() {
         />
       </div>
 
-      <FooterBase
-        logoText="Webuild"
-        copyrightText="© 2025 Webuild. All rights reserved."
-        columns={[
-          {
-            title: "Company",
-            items: [
-              { label: "About", href: "/about" },
-              { label: "Team", href: "/about#team" },
-              { label: "Careers", href: "https://webuild.nl/careers" }
-            ]
-          },
-          {
-            title: "Services",
-            items: [
-              { label: "Web Design", href: "/services" },
-              { label: "Development", href: "/services" },
-              { label: "E-Commerce", href: "/services" }
-            ]
-          },
-          {
-            title: "Connect",
-            items: [
-              { label: "Contact", href: "/contact" },
-              { label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
-              { label: "Instagram", href: "https://instagram.com/webuild" }
-            ]
-          }
-        ]}
-      />
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Webuild"
+          copyrightText="© 2025 Webuild. All rights reserved."
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About", href: "/about" },
+                { label: "Team", href: "/about#team" },
+                { label: "Careers", href: "https://webuild.nl/careers" }
+              ]
+            },
+            {
+              title: "Services",              items: [
+                { label: "Web Design", href: "/services" },
+                { label: "Development", href: "/services" },
+                { label: "E-Commerce", href: "/services" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Contact", href: "/contact" },
+                { label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
+                { label: "Instagram", href: "https://instagram.com/webuild" }
+              ]
+            }
+          ]}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file