Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,17 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Shield, Sparkles, Zap } from "lucide-react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Shield, Sparkles, Zap, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,14 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "Experience", id: "features" },
-        {
+        { name: "Menu", id: "menu" },
-          name: "Experience",          id: "features"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Lumière Cafe"
     />
@@ -47,31 +44,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       title="Your Private Sanctuary"
       description="Experience curated coffee moments in our serene, members-only space. Where quality meets tranquility."
-      buttons={[
+      buttons={[{ text: "Book Table", href: "#contact" }]}
-        {
-          text: "Book Table",          href: "#contact"},
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", imageAlt: "Cafe ambiance" },
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",          imageAlt: "Cafe ambiance"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Barista detail" },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",          imageAlt: "Barista detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-with-watercolor-sketchbooks_23-2147802055.jpg",          imageAlt: "Cafe corner"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273148.jpg",          imageAlt: "Pastries"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",          imageAlt: "Evening cafe"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-5508.jpg",          imageAlt: "Seating area"},
       ]}
     />
   </div>
 
+  <div id="socialProof" data-section="socialProof">
+    <SocialProofOne
+      title="Trusted by Connoisseurs"
+      description="Our private members come from leading creative and architectural firms worldwide."
+      names={["Architectural Digest", "Monocle", "Kinfolk", "Wallpaper*", "Dezeen"]}
+      textboxLayout="default"
+      useInvertedBackground={false}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
@@ -86,15 +79,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Rare Origins", description: "Micro-lot coffee beans sourced from single estates.", bentoComponent: "reveal-icon", icon: Sparkles },
-          title: "Rare Origins",          description: "Micro-lot coffee beans sourced from single estates.",          bentoComponent: "reveal-icon",          icon: Sparkles,
+        { title: "Artisan Craft", description: "Hand-poured extraction methods for perfect clarity.", bentoComponent: "reveal-icon", icon: Zap },
-        },
+        { title: "Private Ambiance", description: "Sound-dampened spaces for focus and conversation.", bentoComponent: "reveal-icon", icon: Shield },
-        {
-          title: "Artisan Craft",          description: "Hand-poured extraction methods for perfect clarity.",          bentoComponent: "reveal-icon",          icon: Zap,
-        },
-        {
-          title: "Private Ambiance",          description: "Sound-dampened spaces for focus and conversation.",          bentoComponent: "reveal-icon",          icon: Shield,
-        },
       ]}
       title="Exquisite Offerings"
       description="More than just a cup—a ritual."
@@ -108,18 +95,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Etiopian Yirgacheffe", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753019.jpg" },
-          id: "p1",          name: "Etiopian Yirgacheffe",          price: "$8",          imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753019.jpg"},
+        { id: "p2", name: "Cold Brew Reserve", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg" },
-        {
+        { id: "p3", name: "Single Origin Pour-over", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg" },
-          id: "p2",          name: "Cold Brew Reserve",          price: "$10",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg"},
-        {
-          id: "p3",          name: "Single Origin Pour-over",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg"},
-        {
-          id: "p4",          name: "Cardamom Spiced Latte",          price: "$9",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-1716.jpg"},
-        {
-          id: "p5",          name: "Honey Oat Macchiato",          price: "$7",          imageSrc: "http://img.b2bpic.net/free-photo/lamp-hanging-outside-dark_1153-3482.jpg"},
-        {
-          id: "p6",          name: "Kyoto Style Iced Coffee",          price: "$11",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-empty-workplace_23-2148727527.jpg"},
       ]}
       title="The Daily Selection"
       description="Rotating seasonal menu crafted for the discerning palate."
@@ -131,16 +109,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", title: "Exquisite", quote: "The most peaceful place to start my day.", name: "Elena R.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg?_wi=1" },
-          id: "t1",          title: "Exquisite",          quote: "The most peaceful place to start my day.",          name: "Elena R.",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg"},
+        { id: "t2", title: "Refined", quote: "Truly unique beans, impeccably served.", name: "Marcus W.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-resting-home-after-difficult-day_1163-5490.jpg" },
-        {
-          id: "t2",          title: "Refined",          quote: "Truly unique beans, impeccably served.",          name: "Marcus W.",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-resting-home-after-difficult-day_1163-5490.jpg"},
-        {
-          id: "t3",          title: "Serenity",          quote: "I find my focus here every morning.",          name: "Sarah J.",          role: "Writer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg"},
-        {
-          id: "t4",          title: "Perfect",          quote: "Unmatched quality and discretion.",          name: "David L.",          role: "Investor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-with-beard_23-2152009546.jpg"},
-        {
-          id: "t5",          title: "A Ritual",          quote: "My hidden gem for coffee lovers.",          name: "Alice M.",          role: "Curator",          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg"},
       ]}
       title="Quiet Praise"
       description="What our guests say about their retreat."
@@ -148,67 +118,53 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardSeven
+      <MetricCardFourteen
-      animationType="slide-up"
+        title="Our Impact"
-      textboxLayout="default"
+        tag="Excellence"
-      useInvertedBackground={false}
+        metrics={[
-      metrics={[
+          { id: "m1", value: "15+", description: "Origin Countries" },
-        {
+          { id: "m2", value: "48h", description: "Slow-Brew Process" },
-          id: "m1",          value: "15",          title: "Origin Countries",          items: [
+          { id: "m3", value: "100%", description: "Member Satisfaction" }
-            "Sourced direct from farms",            "Fair wages",            "Traceable batches"],
+        ]}
-        },
+        metricsAnimation="slide-up"
-        {
+        useInvertedBackground={false}
-          id: "m2",          value: "48h",          title: "Peak Extraction",          items: [
+      />
-            "Small batches",            "Precision timing",            "Controlled humidity"],
-        },
-        {
-          id: "m3",          value: "100%",          title: "Discretion Rate",          items: [
-            "Private environment",            "No social media",            "Personalized service"],
-        },
-      ]}
-      title="Refined Standards"
-      description="Precision in every detail."
-    />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Do I need a membership?", content: "The cafe is exclusive to our members for a quiet experience." },
-          id: "f1",          title: "Do I need a membership?",          content: "The cafe is exclusive to our members for a quiet experience."},
+        { id: "f2", title: "How do I join?", content: "Application is by invite-only or waitlist submission." },
-        {
+        { id: "f3", title: "Can I bring guests?", content: "Yes, members may bring one guest per visit." },
-          id: "f2",          title: "How do I join?",          content: "Application is by invite-only or waitlist submission."},
-        {
-          id: "f3",          title: "Can I bring guests?",          content: "Yes, members may bring one guest per visit."},
       ]}
       title="Common Inquiries"
       faqsAnimation="slide-up"
       description="Everything you need to know about your visit."
+      imageSrc="http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg?_wi=2"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
-      useInvertedBackground={false}
+        tag="Join Us"
-      background={{
+        title="Apply for Membership"
-        variant: "plain"}}
+        description="Access a sanctuary curated for those who appreciate the finer things."
-      tag="Inquire"
+        buttons={[{ text: "Submit Application", href: "#" }]}
-      title="Secure Your Invitation"
+        useInvertedBackground={false}
-      description="Join our waitlist for membership consideration."
+        background={{ variant: "plain" }}
-      inputPlaceholder="Email Address"
+      />
-      buttonText="Apply Now"
-    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="Lumière Cafe"
-      leftLink={{
+      columns={[
-        text: "Privacy Policy",        href: "#"}}
+        { items: [{ label: "Philosophy", href: "#" }, { label: "Members", href: "#" }] },
-      rightLink={{
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
-        text: "Terms",        href: "#"}}
+      ]}
     />
   </div>
       </ReactLenis>