Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function LandingPage() {
   return (
@@ -18,194 +24,153 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="compact"
         sizing="mediumLargeSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Wines",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="VinoBoutique"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+                navItems={[
+                    { name: "Home", id: "hero" },
+                    { name: "About", id: "about" },
+                    { name: "Wines", id: "products" },
+                    { name: "Contact", id: "contact" }
+                ]}
+                brandName="VinoBoutique"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      title="Uncork Elegance."
-      description="Discover a curated selection of world-class vintages, sourced from the finest vineyards and delivered to your cellar with expert care."
-      testimonials={[
-        {
-          name: "Julian Thorne",          handle: "@sommelier",          testimonial: "Exceptional curation. Every bottle tells a story of terroir and tradition.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg?_wi=1"},
-        {
-          name: "Elena Rossi",          handle: "@winelover",          testimonial: "A sanctuary for wine lovers. The quality here is simply unmatched.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306398.jpg?_wi=1"},
-        {
-          name: "Marcus Vane",          handle: "@collector",          testimonial: "My go-to source for rare vintages. Absolutely pristine selection.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=1"},
-        {
-          name: "Sofia Bell",          handle: "@sofi_wines",          testimonial: "The service is as exquisite as the wines. Highly recommend.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144389.jpg?_wi=1"},
-        {
-          name: "Leo Vance",          handle: "@leo_cellars",          testimonial: "A truly refined experience from start to finish.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg?_wi=1"},
-      ]}
-      buttons={[
-        {
-          text: "Shop Collection",          href: "#products"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/tray-with-champagne-glasses_23-2148667931.jpg"
-      imageAlt="Vintage red wine"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg",          alt: "Julian"},
-        {
-          src: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306398.jpg",          alt: "Elena"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg",          alt: "Marcus"},
-        {
-          src: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144389.jpg",          alt: "Sofia"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg",          alt: "Leo"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Vintage Selections"},
-        {
-          type: "text",          text: "Expertly Sourced"},
-        {
-          type: "text",          text: "Global Vintages"},
-        {
-          type: "text",          text: "Private Collections"},
-        {
-          type: "text",          text: "Exclusive Access"},
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboard 
+                title="The Art of the Vine"
+                description="Exquisite vintages sourced from the finest estates, delivered with uncompromising grace."
+                background={{ variant: "gradient-bars" }}
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",          name: "Château Margaux 2015",          price: "$890",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-pomegranate-wine-blue-wall-drink-fruit-wine-sour-color-juice-bar-restaurant_179666-17547.jpg"},
-        {
-          id: "p2",          name: "Opus One 2018",          price: "$450",          imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-with-bottle-white-surface_114579-54878.jpg"},
-        {
-          id: "p3",          name: "Sassicaia 2019",          price: "$380",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-wine-glass-with-bottle-wine-dark-color-champagne-xmas-alcohol-drink_140725-93216.jpg"},
-        {
-          id: "p4",          name: "Dom Pérignon 2012",          price: "$320",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157449.jpg"},
-        {
-          id: "p5",          name: "Penfolds Grange 2017",          price: "$950",          imageSrc: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2150379011.jpg"},
-        {
-          id: "p6",          name: "Cloudy Bay Sauvignon",          price: "$95",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-wine-carafe-table_23-2149631800.jpg"},
-      ]}
-      title="The Vintage Cellar"
-      description="Our handpicked selection of exceptional wines."
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MediaAbout 
+                title="Our Legacy"
+                description="Cultivating elegance through decades of viticultural tradition."
+                useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Heritage in a Glass"
-      description="For over three decades, we have been dedicated to connecting wine enthusiasts with the most authentic expressions of viticulture. We don't just sell bottles; we preserve history."
-      imageSrc="http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216148.jpg"
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardThree 
+                title="Sustainable Practices"
+                description="Our commitment to the earth and our craft."
+                features={[
+                    { title: "Sustainable Farming", description: "Honoring the earth.", imageSrc: "/images/placeholder.jpg" },
+                    { title: "Aged to Perfection", description: "Patience in every bottle.", imageSrc: "/images/placeholder.jpg" },
+                    { title: "Global Sourcing", description: "The best of the world.", imageSrc: "/images/placeholder.jpg" }
+                ]}
+                gridVariant="three-columns-all-equal-width"
+                animationType="blur-reveal"
+                textboxLayout="default"
+                useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      animationType="slide-up"
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah J.",          handle: "@sarahwines",          testimonial: "Exquisite service, fast shipping.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg?_wi=2"},
-        {
-          id: "t2",          name: "David K.",          handle: "@dk_vintages",          testimonial: "The best selection in the city.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306398.jpg?_wi=2"},
-        {
-          id: "t3",          name: "Emily R.",          handle: "@emilytastes",          testimonial: "Beautifully aged bottles, great notes.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=2"},
-        {
-          id: "t4",          name: "Mark L.",          handle: "@mark_vino",          testimonial: "Incredible knowledge and advice.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144389.jpg?_wi=2"},
-        {
-          id: "t5",          name: "Anna P.",          handle: "@annap_somm",          testimonial: "A true treasure trove of wines.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg?_wi=2"},
-      ]}
-      showRating={true}
-      title="Curated by Connoisseurs"
-      description="Voices from our community of wine enthusiasts."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardFour 
+                title="Exclusive Selections"
+                description="Discover our curated range of fine wines."
+                useInvertedBackground={true}
+                gridVariant="uniform-all-items-equal"
+                animationType="slide-up"
+                textboxLayout="default"
+                products={[]}
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static"}}
-      tag="Inquire"
-      title="Join the Cellar Club"
-      description="Receive exclusive offers and invitations to private tasting events."
-      imageSrc="http://img.b2bpic.net/free-photo/wine-cellar_181624-1264.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardThree 
+                title="Private Collection Membership"
+                description="Access to exclusive releases."
+                useInvertedBackground={false}
+                plans={[]}
+                animationType="slide-up"
+                textboxLayout="default"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",          items: [
-            {
-              label: "All Wines",              href: "#products"},
-            {
-              label: "Rare Vintages",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "Our Story",              href: "#about"},
-            {
-              label: "Events",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Use",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="VinoBoutique"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardOne 
+                title="Our Impact"
+                description="Data reflecting our dedication."
+                useInvertedBackground={false}
+                gridVariant="uniform-all-items-equal"
+                animationType="depth-3d"
+                textboxLayout="default"
+                metrics={[]}
+            />
+        </div>
+
+        <div id="team" data-section="team">
+            <TeamCardTwo 
+                title="Our Sommeliers"
+                description="Meet the experts behind our collection."
+                useInvertedBackground={false}
+                gridVariant="three-columns-all-equal-width"
+                animationType="blur-reveal"
+                textboxLayout="default"
+                members={[]}
+            />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwo 
+                title="Refined Opinions"
+                description="What our patrons have to say."
+                useInvertedBackground={false}
+                animationType="depth-3d"
+                textboxLayout="default"
+                testimonials={[]}
+            />
+        </div>
+
+        <div id="faq" data-section="faq">
+            <FaqBase 
+                title="Common Queries"
+                description="Find answers to your questions."
+                useInvertedBackground={false}
+                faqsAnimation="blur-reveal"
+                textboxLayout="default"
+                faqs={[]}
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+            <ContactSplit 
+                title="Become a Patron"
+                description="Receive invitations to private tastings and exclusive bottle drops."
+                tag="Join Now"
+                background={{ variant: "rotated-rays-static" }}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="social-proof" data-section="social-proof">
+            <SocialProofOne 
+                names={["Château d'Yquem", "Penfolds", "Opus One", "Sassicaia", "Dom Pérignon"]}
+                title="Partnered Estates"
+                description="Collaborating with the world's most prestigious vineyards."
+                useInvertedBackground={false}
+                textboxLayout="default"
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal 
+                logoText="VinoBoutique"
+                columns={[]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}