diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 407f827..60b6f07 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import TextAbout from '@/components/sections/about/TextAbout';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { ShoppingCart, MessageCircle, Star, Award, Facebook, Instagram } from "lucide-react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { ShoppingCart, MessageCircle, Instagram, Facebook, Star } from "lucide-react";
 
 export default function ProductPage() {
   return (
@@ -25,7 +25,8 @@ export default function ProductPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarStyleApple
+            brandName="VB the Bakery"
             navItems={[
               { name: "Home", id: "/" },
               { name: "Shop", id: "/shop" },
@@ -33,40 +34,54 @@ export default function ProductPage() {
               { name: "Our Story", id: "/story" },
               { name: "Contact", id: "/contact" },
             ]}
-            brandName="VB the Bakery"
-            button={{ text: "Order Online", href: "/shop" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplit
+          <HeroSplitKpi
             background={{ variant: "plain" }}
             title="Artisanal Cacao, Hand-Tempered."
             description="Discover our signature 70% single-origin dark chocolate, infused with Yercaud coffee beans for an unparalleled finish."
             imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
-            imagePosition="right"
+            kpis={[
+              { value: "70%", label: "Dark Cacao" },
+              { value: "48h", label: "Stone Ground" },
+              { value: "100%", label: "Single Origin" }
+            ]}
           />
         </div>
 
         <div id="story-about" data-section="story-about">
-          <TextAbout
+          <TestimonialAboutCard
             title="Our Visual Story: The Bean to Bar Journey"
             tag="The Process"
+            description="From estate to tempering."
+            subdescription="Discover the craft."
+            icon={Star}
+            imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="gifting" data-section="gifting">
-          <TextAbout
+          <TestimonialAboutCard
             title="The Boutique Gifting Experience"
             tag="Boutique"
+            description="Premium packaging for every occasion."
+            subdescription="Gift elegance."
+            icon={Star}
+            imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
             useInvertedBackground={true}
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitMedia
+          <FaqBase
             title="Product Details"
             textboxLayout="default"
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
+            description="Everything you need to know about our chocolates."
             faqs={[
               { id: "p1", title: "Sourcing", content: "Single origin cacao sourced directly from high-altitude estates." },
               { id: "p2", title: "Crafting", content: "Small batch, 48-hour stone grinding process for silky texture." },
@@ -76,12 +91,13 @@ export default function ProductPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="VB the Bakery"
-            socialLinks={[
-              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+          <FooterSimple
+            columns={[
+              { title: "Bakery", items: [{ label: "About" }, { label: "Contact" }] },
+              { title: "Social", items: [{ label: "Instagram" }, { label: "Facebook" }] }
             ]}
+            bottomLeftText="© 2024 VB the Bakery"
+            bottomRightText="All Rights Reserved"
           />
         </div>