Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,279 +2,92 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
+        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+        borderRadius="soft"
         contentWidth="mediumLarge"
-        sizing="mediumSizeLargeTitles"
+        sizing="largeSizeMediumTitles"
-        background="circleGradient"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="outline"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Menu", id: "menu" },
-          id: "hero",
+        { name: "Contact", id: "contact" },
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="LUMIÈRE"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplitDoubleCarousel
-      background={{
+      title="Crafting the Exceptional"
-        variant: "gradient-bars",
+      description="A symphony of premium beans, precise extraction, and modern minimalist design."
-      }}
+      background={{ variant: "plain" }}
-      title="Elevating the Art of Coffee"
+      leftCarouselItems={[
-      description="Experience the culmination of meticulous craftsmanship and premium beans, curated for the modern palate."
+          { videoSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1", videoAriaLabel: "Coffee preparation close-up" }
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1"
+      rightCarouselItems={[
-      videoSrc="http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=2"
+          { imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1", imageAlt: "Espresso shot" }
+      ]}
+      buttons={[{ text: "Explore Menu", href: "#menu" }]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardTwo
+      <ProductCardThree
-      animationType="slide-up"
+      title="Curated Selection"
-      textboxLayout="split"
+      description="Experience our seasonal rotation of artisanal roasts."
       gridVariant="three-columns-all-equal-width"
+      animationType="blur-reveal"
+      textboxLayout="split"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "Signature Origin", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-with-cinnamon-foam_140725-6677.jpg" },
-          id: "p1",
+        { id: "2", name: "Midnight Brew", price: "$7", imageSrc: "http://img.b2bpic.net/milk-pouring-into-hot-coffee_23-2147834545.jpg" },
-          brand: "Signature",
+        { id: "3", name: "Golden Roast", price: "$8", imageSrc: "http://img.b2bpic.net/white-cup-with-fragrant-strong-espresso-coffee-with-thick-foam-traditional-greek-coffee-shop-top-view-coffee-with-saucer-gray-marble-table-idea-background-poster_166373-3823.jpg" }
-          name: "Velvet Latte",
-          price: "$8",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-with-cinnamon-foam_140725-6677.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Cold Brew",
-          name: "Midnight Roast",
-          price: "$7",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/milk-pouring-into-hot-coffee_23-2147834545.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Classic",
-          name: "Drip Special",
-          price: "$5",
-          rating: 4,
-          reviewCount: "80",
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-black-cup-saucer-dark-table-freee-place_140725-129927.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Specialty",
-          name: "Matcha Bliss",
-          price: "$9",
-          rating: 5,
-          reviewCount: "65",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-garnished-with-chocolate-syrup_140725-5974.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Iced",
-          name: "Cloud Americano",
-          price: "$7",
-          rating: 4,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-still-life_23-2149870653.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Signature",
-          name: "Golden Flat White",
-          price: "$8",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-cup-with-fragrant-strong-espresso-coffee-with-thick-foam-traditional-greek-coffee-shop-top-view-coffee-with-saucer-gray-marble-table-idea-background-poster_166373-3823.jpg",
-        },
-      ]}
-      title="Artisanal Menu"
-      description="A selection of our finest signature beverages and delicacies."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          handle: "@alex.r",
-          testimonial: "The best coffee experience in the city. Absolute perfection in every cup.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Modern, clean, and incredible attention to detail. My daily morning ritual.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus L.",
-          handle: "@m.leung",
-          testimonial: "Atmosphere and coffee are both world-class. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777630.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena V.",
-          handle: "@elenav",
-          testimonial: "Sophisticated coffee profiles that delight the senses every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
-        },
-        {
-          id: "5",
-          name: "Julian S.",
-          handle: "@j.santos",
-          testimonial: "A minimalist haven for true coffee lovers. Can't imagine better.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Loved by Connoisseurs"
-      description="Hear what our patrons say about their coffee journey."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Questions"
-      description="Everything you need to know about our sourcing and service."
-      faqsAnimation="blur-reveal"
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you source your coffee beans ethically?",
-          content: "Yes, we work directly with farms to ensure fair pay and sustainable agricultural practices for every single harvest.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer vegan milk alternatives?",
-          content: "We offer a variety of plant-based milks, including organic oat, almond, and soy, at no additional charge.",
-        },
-        {
-          id: "q3",
-          title: "Can I reserve space for a private event?",
-          content: "Absolutely. Our space is available for intimate gatherings and events. Please contact us via the form on our site for details.",
-        },
-        {
-          id: "q4",
-          title: "Is your coffee menu seasonal?",
-          content: "Yes, we curate our menu based on the harvest cycles of different coffee-growing regions globally.",
-        },
-        {
-          id: "q5",
-          title: "Do you offer wholesale beans?",
-          content: "We do provide roasted, premium beans for select partners. Inquire through our contact page to start the conversation.",
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Reserve Your Experience"
-      background={{
+      description="Whether it is a private event or a table reservation, let's connect."
-        variant: "gradient-bars",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      text="Visit our boutique coffee house and taste the difference. Reserve a table or inquire about events."
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@lumiere.coffee",
-        },
       ]}
+      textarea={{ name: "message", placeholder: "Tell us your requirements..." }}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777630.jpg"
+      useInvertedBackground={false}
+      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
-      columns={[
-        {
-          title: "General",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Our Story",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="LUMIÈRE"
+      imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
+      columns={[
+        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+        { title: "Contact", items: [{ label: "hello@lumiere.coffee", href: "mailto:hello@lumiere.coffee" }] }
+      ]}
     />
   </div>
       </ReactLenis>