From beca0a3d67da68bcc074ef1c2de26cfc5b75c3c0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 22:30:27 +0000
Subject: [PATCH 1/4] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 99 +++++++++++++++---------------------------
 1 file changed, 34 insertions(+), 65 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 883736b..b912323 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,78 +6,47 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextAbout from '@/components/sections/about/TextAbout';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="DecorHome"
-    />
-  </div>
-
-  <div id="about-us" data-section="about-us">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Our Story"
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Our Story"
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="DecorHome"
-      leftLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="DecorHome"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Our Story"
+            buttons={[{ text: "Contact Us", href: "/contact" }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="DecorHome"
+            leftLink={{ text: "Terms & Conditions", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From a7c6198630782f6aff37b632fc4595a17c915663 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 22:30:28 +0000
Subject: [PATCH 2/4] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 139 ++++++++++++++-------------------------
 1 file changed, 48 insertions(+), 91 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 2b2587d..2665b23 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -7,104 +7,61 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="DecorHome"
-    />
-  </div>
-
-  <div id="contact-form" data-section="contact-form">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Have questions or need support? Reach out to our dedicated team anytime."
-      buttons={[
-        {
-          text: "Send Message",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Have questions or need support? Reach out to our dedicated team anytime."
-      buttons={[
-        {
-          text: "Send Message",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Support Queries"
-      description="Check here first for quick answers."
-      faqsAnimation="blur-reveal"
-      faqs={[
-        {
-          id: "c1",
-          title: "Support hours?",
-          content: "We are available 24/7.",
-        },
-        {
-          id: "c2",
-          title: "Response time?",
-          content: "Within 24 hours.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="DecorHome"
-      leftLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="DecorHome"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Have questions or need support? Reach out to our dedicated team anytime."
+            buttons={[{ text: "Send Message" }]}
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Common Support Queries"
+            description="Check here first for quick answers."
+            faqsAnimation="blur-reveal"
+            faqs={[
+              { id: "c1", title: "Support hours?", content: "We are available 24/7." },
+              { id: "c2", title: "Response time?", content: "Within 24 hours." },
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="DecorHome"
+            leftLink={{ text: "Terms & Conditions", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From d585ec2d2edee0ae5839377744f2feb7246e49ff Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 22:30:28 +0000
Subject: [PATCH 3/4] Update src/app/page.tsx

---
 src/app/page.tsx | 302 +++++++++++++++--------------------------------
 1 file changed, 93 insertions(+), 209 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index eddfe8d..3734374 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,217 +17,101 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="DecorHome"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Elevate Your Living Space"
-      description="Curated home improvement and kitchen essentials delivered globally. Transform your home into a sanctuary with our premium selection."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "/shop",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008677.jpg"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          label: "Global Shipping",
-          title: "Worldwide Delivery",
-          items: [
-            "USA, UK, Canada, Australia",
-            "Fast tracked shipping",
-            "Secure packaging",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Quality",
-          title: "Premium Selection",
-          items: [
-            "Hand-picked items",
-            "Durable materials",
-            "Trend-focused design",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Support",
-          title: "24/7 Support",
-          items: [
-            "Easy returns",
-            "Live customer help",
-            "Multi-currency support",
-          ],
-        },
-      ]}
-      title="Why Choose DecorHome"
-      description="We ensure your shopping experience is seamless, secure, and satisfying."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Excellent Quality",
-          quote: "The kitchenware I ordered is stunning and arrived much faster than expected!",
-          name: "Sarah J.",
-          role: "London, UK",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36700.jpg",
-        },
-        {
-          id: "t2",
-          title: "Great Experience",
-          quote: "Fantastic selection of home decor. My living room looks brand new.",
-          name: "Mike D.",
-          role: "Toronto, CA",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-3d-rendering_52683-131548.jpg",
-        },
-        {
-          id: "t3",
-          title: "Top Notch",
-          quote: "Everything I bought fits perfectly. Reliable and high quality items.",
-          name: "Alice W.",
-          role: "Sydney, AU",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
-        },
-        {
-          id: "t4",
-          title: "Smooth Process",
-          quote: "Loved the tracking and communication. Excellent customer service.",
-          name: "Tom B.",
-          role: "New York, USA",
-          imageSrc: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg",
-        },
-        {
-          id: "t5",
-          title: "Highly Recommend",
-          quote: "Beautiful pieces that make a difference. I'll definitely shop again.",
-          name: "Emma R.",
-          role: "Los Angeles, USA",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
-        },
-      ]}
-      title="Loved by Homeowners"
-      description="See why thousands trust us to upgrade their kitchen and living spaces."
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Impact"
-      description="We are proud to serve a growing global community of home enthusiasts."
-      metrics={[
-        {
-          id: "m1",
-          value: "15k+",
-          title: "Happy Customers",
-          description: "Satisfied homeowners globally.",
-          icon: Smile,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Products",
-          description: "Curated selection.",
-          icon: Package,
-        },
-        {
-          id: "m3",
-          value: "45+",
-          title: "Countries",
-          description: "Delivering to your door.",
-          icon: Globe,
-        },
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Frequently Asked Questions"
-      description="Got questions? We've got answers."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "faq1",
-          title: "How long is shipping?",
-          content: "Typically 7-14 business days depending on your location.",
-        },
-        {
-          id: "faq2",
-          title: "Can I return items?",
-          content: "Yes, we offer a 30-day return policy for unused items.",
-        },
-        {
-          id: "faq3",
-          title: "Where do you ship?",
-          content: "We ship globally to over 45 countries.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="DecorHome"
-      leftLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="DecorHome"
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="Elevate Your Living Space"
+            description="Curated home improvement and kitchen essentials delivered globally. Transform your home into a sanctuary with our premium selection."
+            buttons={[{ text: "Shop Now", href: "/shop" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008677.jpg"
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", label: "Global Shipping", title: "Worldwide Delivery", items: ["USA, UK, Canada, Australia", "Fast tracked shipping", "Secure packaging"] },
+              { id: "f2", label: "Quality", title: "Premium Selection", items: ["Hand-picked items", "Durable materials", "Trend-focused design"] },
+              { id: "f3", label: "Support", title: "24/7 Support", items: ["Easy returns", "Live customer help", "Multi-currency support"] },
+            ]}
+            title="Why Choose DecorHome"
+            description="We ensure your shopping experience is seamless, secure, and satisfying."
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", title: "Excellent Quality", quote: "The kitchenware I ordered is stunning and arrived much faster than expected!", name: "Sarah J.", role: "London, UK", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36700.jpg" },
+              { id: "t2", title: "Great Experience", quote: "Fantastic selection of home decor. My living room looks brand new.", name: "Mike D.", role: "Toronto, CA", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-3d-rendering_52683-131548.jpg" },
+              { id: "t3", title: "Top Notch", quote: "Everything I bought fits perfectly. Reliable and high quality items.", name: "Alice W.", role: "Sydney, AU", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg" },
+              { id: "t4", title: "Smooth Process", quote: "Loved the tracking and communication. Excellent customer service.", name: "Tom B.", role: "New York, USA", imageSrc: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg" },
+              { id: "t5", title: "Highly Recommend", quote: "Beautiful pieces that make a difference. I'll definitely shop again.", name: "Emma R.", role: "Los Angeles, USA", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
+            ]}
+            title="Loved by Homeowners"
+            description="See why thousands trust us to upgrade their kitchen and living spaces."
+          />
+        </div>
+        <div id="metric" data-section="metric">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Impact"
+            description="We are proud to serve a growing global community of home enthusiasts."
+            metrics={[
+              { id: "m1", value: "15k+", title: "Happy Customers", description: "Satisfied homeowners globally.", icon: Smile },
+              { id: "m2", value: "500+", title: "Products", description: "Curated selection.", icon: Package },
+              { id: "m3", value: "45+", title: "Countries", description: "Delivering to your door.", icon: Globe },
+            ]}
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Got questions? We've got answers."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "faq1", title: "How long is shipping?", content: "Typically 7-14 business days depending on your location." },
+              { id: "faq2", title: "Can I return items?", content: "Yes, we offer a 30-day return policy for unused items." },
+              { id: "faq3", title: "Where do you ship?", content: "We ship globally to over 45 countries." },
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="DecorHome"
+            leftLink={{ text: "Terms & Conditions", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 6f9e7738c015e70ebfd540cc0050960ee2ab9470 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 22:30:29 +0000
Subject: [PATCH 4/4] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 253 ++++++++++--------------------------------
 1 file changed, 58 insertions(+), 195 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index dc442ac..cfc94ae 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -7,208 +7,71 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
-export default function LandingPage() {
+export default function ShopPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="DecorHome"
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "DecorHome",
-          name: "Modern Ceramic Vase",
-          price: "$45.00",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          brand: "DecorHome",
-          name: "Kitchen Knife Set",
-          price: "$120.00",
-          rating: 5,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096507.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          brand: "DecorHome",
-          name: "Luxury Wool Throw",
-          price: "$85.00",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-still-life-with-candles-knitted-element-book-flowers_169016-11189.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          brand: "DecorHome",
-          name: "Smart Kitchen Scale",
-          price: "$30.00",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-glass-scale-with-kettle_23-2148824405.jpg?_wi=1",
-        },
-        {
-          id: "p5",
-          brand: "DecorHome",
-          name: "Minimalist Wall Clock",
-          price: "$55.00",
-          rating: 4,
-          reviewCount: "112",
-          imageSrc: "http://img.b2bpic.net/free-photo/clock-wooden-desk-against-weathered-wall_23-2147943450.jpg?_wi=1",
-        },
-        {
-          id: "p6",
-          brand: "DecorHome",
-          name: "Cozy Table Lamp",
-          price: "$95.00",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-digital-art-style_23-2151153834.jpg?_wi=1",
-        },
-      ]}
-      title="Shop Our Collection"
-      description="Discover our latest additions for home and kitchen."
-    />
-  </div>
-
-  <div id="product" data-section="product">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Shop Our Collection"
-      description="Discover our latest additions for home and kitchen."
-      products={[
-        {
-          id: "p1",
-          brand: "DecorHome",
-          name: "Modern Ceramic Vase",
-          price: "$45.00",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          brand: "DecorHome",
-          name: "Kitchen Knife Set",
-          price: "$120.00",
-          rating: 5,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096507.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          brand: "DecorHome",
-          name: "Luxury Wool Throw",
-          price: "$85.00",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-still-life-with-candles-knitted-element-book-flowers_169016-11189.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          brand: "DecorHome",
-          name: "Smart Kitchen Scale",
-          price: "$30.00",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-glass-scale-with-kettle_23-2148824405.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          brand: "DecorHome",
-          name: "Minimalist Wall Clock",
-          price: "$55.00",
-          rating: 4,
-          reviewCount: "112",
-          imageSrc: "http://img.b2bpic.net/free-photo/clock-wooden-desk-against-weathered-wall_23-2147943450.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          brand: "DecorHome",
-          name: "Cozy Table Lamp",
-          price: "$95.00",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-digital-art-style_23-2151153834.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Shopping Help"
-      description="Questions about our shop."
-      faqsAnimation="opacity"
-      faqs={[
-        {
-          id: "s1",
-          title: "Payment methods?",
-          content: "We accept credit cards, PayPal, and Apple Pay.",
-        },
-        {
-          id: "s2",
-          title: "Order tracking?",
-          content: "You will receive a tracking link via email once shipped.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="DecorHome"
-      leftLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="DecorHome"
+          />
+        </div>
+        <div id="product" data-section="product">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Shop Our Collection"
+            description="Discover our latest additions for home and kitchen."
+            products={[
+              { id: "p1", brand: "DecorHome", name: "Modern Ceramic Vase", price: "$45.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg" },
+              { id: "p2", brand: "DecorHome", name: "Kitchen Knife Set", price: "$120.00", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096507.jpg" },
+              { id: "p3", brand: "DecorHome", name: "Luxury Wool Throw", price: "$85.00", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-still-life-with-candles-knitted-element-book-flowers_169016-11189.jpg" },
+              { id: "p4", brand: "DecorHome", name: "Smart Kitchen Scale", price: "$30.00", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-glass-scale-with-kettle_23-2148824405.jpg" },
+              { id: "p5", brand: "DecorHome", name: "Minimalist Wall Clock", price: "$55.00", rating: 4, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/clock-wooden-desk-against-weathered-wall_23-2147943450.jpg" },
+              { id: "p6", brand: "DecorHome", name: "Cozy Table Lamp", price: "$95.00", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-digital-art-style_23-2151153834.jpg" },
+            ]}
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Shopping Help"
+            description="Questions about our shop."
+            faqsAnimation="opacity"
+            faqs={[
+              { id: "s1", title: "Payment methods?", content: "We accept credit cards, PayPal, and Apple Pay." },
+              { id: "s2", title: "Order tracking?", content: "You will receive a tracking link via email once shipped." },
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="DecorHome"
+            leftLink={{ text: "Terms & Conditions", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file