Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -46,7 +46,7 @@ export default function LandingPage() {
             description="Experience spectacular homemade chocolates and artisanal bakes, crafted in small batches with passion and precision."
             buttons={[
               { text: "Order Chocolates", href: "/shop" },
-              { text: "Visit Us in Yercaud", href: "/yercaud" },
+              { text: "Plan Your Yercaud Visit", href: "/yercaud" },
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
             mediaAnimation="blur-reveal"
@@ -64,7 +64,8 @@ export default function LandingPage() {
           <TextAbout
             useInvertedBackground={false}
             title="Crafting Moments of Bliss"
-            buttons={[{ text: "Read Our Full Story", href: "/story" }]}
+            buttons={[{ text: "Read Our Full Story", href: "/story" }]
+            }
             tag="Our Heritage"
             tagIcon={Award}
             tagAnimation="slide-up"
@@ -129,4 +130,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,107 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/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, Star } from "lucide-react";
+
+export default function ProductPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="large"
+        background="floatingGradient"
+        cardStyle="outline"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="VB the Bakery"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "Products", id: "/products" },
+              { name: "Our Story", id: "/story" },
+              { name: "Contact", id: "/contact" },
+            ]}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <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?_wi=1"
+            enableKpiAnimation={true}
+            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">
+          <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?_wi=2"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="gifting" data-section="gifting">
+          <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?_wi=3"
+            useInvertedBackground={true}
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <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." },
+              { id: "p3", title: "Storage", content: "Store in a cool, dry place away from direct sunlight." }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <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>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}