Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,11 +5,10 @@ import ReactLenis from "lenis/react";
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Award, Facebook, Instagram, Star, Twitter } from "lucide-react";
+import { Award, Facebook, Instagram, Star, ShoppingCart, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,236 +25,109 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "Our Story",
-          id: "/story",
-        },
-        {
-          name: "Visit Yercaud",
-          id: "/yercaud",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="VB the Bakery"
-      button={{
-        text: "Order Online",
-        href: "/shop",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "Our Story", id: "/story" },
+              { name: "Visit Yercaud", id: "/yercaud" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="VB the Bakery"
+            button={{ text: "Order Online", href: "/shop" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      title="The Soul of Yercaud, Crafted in Cacao."
-      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",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-girl-blue-outfit-with-purple-cabbage-giving-thumbs-up-white_114579-74331.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Loved by 500+ locals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Artisanal Bakes",
-        },
-        {
-          type: "text",
-          text: "Small Batch Cacao",
-        },
-        {
-          type: "text",
-          text: "Handcrafted Luxury",
-        },
-        {
-          type: "text",
-          text: "Yercaud Origins",
-        },
-        {
-          type: "text",
-          text: "Premium Ingredients",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "plain" }}
+            title="The Soul of Yercaud, Crafted in Cacao."
+            description="Experience spectacular homemade chocolates and artisanal bakes, crafted in small batches with passion and precision."
+            buttons={[
+              { text: "Order Chocolates", href: "/shop" },
+              { 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"
+          />
+        </div>
 
-  <div id="story-about" data-section="story-about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Crafting Moments of Bliss"
-      buttons={[
-        {
-          text: "Read Our Full Story",
-          href: "/story",
-        },
-      ]}
-      tag="Our Heritage"
-      tagIcon={Award}
-      tagAnimation="slide-up"
-    />
-  </div>
+        <div id="gifting" data-section="gifting">
+          <TextAbout
+            title="Gifting Experience"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="testimonial-section" data-section="testimonial-section">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-young-male-cook-holding-raw-mushrooms-white_114579-88713.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
-        },
-        {
-          id: "5",
-          name: "Anita Rao",
-          imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
-        },
-      ]}
-      cardTitle="Customer Love ❤️"
-      cardTag="Reviews"
-      cardAnimation="slide-up"
-      cardTagIcon={Star}
-    />
-  </div>
+        <div id="story-about" data-section="story-about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Crafting Moments of Bliss"
+            buttons={[{ text: "Read Our Full Story", href: "/story" }]
+            }
+            tag="Our Heritage"
+            tagIcon={Award}
+            tagAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="The Art of Perfection"
-      description="We take pride in our slow-fermented, ethically sourced cacao, transformed by hand in the heart of Yercaud."
-      imageSrc="http://img.b2bpic.net/free-photo/professional-chief-black-man-twist-tasty-melted-chocolate-big-steel-pot-before-making-chocolate-bars_346278-495.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      metrics={[
-        {
-          value: "12+",
-          title: "Cacao Varieties",
-        },
-        {
-          value: "24h",
-          title: "Conching Time",
-        },
-        {
-          value: "100%",
-          title: "Handcrafted",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial-section" data-section="testimonial-section">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
+              { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/photo-young-male-cook-holding-raw-mushrooms-white_114579-88713.jpg" }
+            ]}
+            cardTitle="Customer Love ❤️"
+            cardTag="Reviews"
+            cardAnimation="slide-up"
+            cardTagIcon={Star}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Inquiries"
-      description="Everything you need to know about our sourcing, ordering, and delivery process."
-      imageSrc="http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-pastry-shop_23-2150360200.jpg"
-      mediaAnimation="blur-reveal"
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you ship nationwide?",
-          content: "Yes, we ship our artisanal chocolates across India with temperature-controlled packaging.",
-        },
-        {
-          id: "f2",
-          title: "Can I visit your bakery?",
-          content: "Absolutely! We invite you to experience the scent of roasting cacao in our Yercaud boutique.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer corporate gifting?",
-          content: "We offer curated luxury boxes for corporate gifting with bespoke branding options.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Common Inquiries"
+            description="Everything you need to know about our sourcing, ordering, and delivery process."
+            imageSrc="http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-pastry-shop_23-2150360200.jpg"
+            mediaAnimation="blur-reveal"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Product Details", content: "Our chocolates use 70% single-origin cacao from high-altitude estates, processed for 48 hours for silky texture." },
+              { id: "f2", title: "Store Visit", content: "Visit us at our Yercaud bakery shop. Open daily 9am - 7pm. Maps available on our contact page." },
+              { id: "f3", title: "Custom Gifting", content: "Need a custom gift? Use the Gifting Module during checkout to add personalized messages and notes." }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="VB the Bakery"
-      copyrightText="© 2025 VB the Bakery, Yercaud."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Follow us on Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Follow us on Facebook",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Follow us on Twitter",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="VB the Bakery"
+            copyrightText="© 2025 VB the Bakery, Yercaud."
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            ]}
+          />
+        </div>
+
+        <div className="fixed bottom-0 left-0 right-0 z-50 p-4 border-t bg-background shadow-lg md:hidden">
+          <div className="flex items-center justify-between gap-4">
+            <div className="font-bold text-lg">₹450</div>
+            <div className="flex gap-2">
+              <button className="flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-full text-sm font-semibold">
+                <ShoppingCart size={16} /> Add
+              </button>
+              <button className="flex items-center gap-2 px-4 py-2 border rounded-full text-sm font-semibold">
+                <MessageCircle size={16} /> WhatsApp
+              </button>
+            </div>
+          </div>
+        </div>
       </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>
+  );
+}