From 0df71fe5d341addcbec57af28b0d6de6c48b4a11 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 06:20:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 264 ++++++++++++++++++++++-------------------------
 1 file changed, 125 insertions(+), 139 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7bef70..15f4a82 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
   return (
@@ -19,150 +19,136 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="large"
-        background="blurBottom"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="extrabold"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Menu", id: "menu" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Cafe Classic"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Cafe Classic"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="A Classic Experience in Every Sip"
-      description="Step into a timeless atmosphere where quality meets comfort. Join us for a memorable culinary experience in the heart of the city."
-      buttons={[{ text: "Visit Us", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg", alt: "High angle cup with delicious coffee on table" },
-        { src: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg", alt: "Coffee and macaroons on cafe table" },
-        { src: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg", alt: "Vertical shot of simple white chairs and tables in a restaurant with a blurry background" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", alt: "Portrait of a young young woman sitting at the modern cafe" },
-        { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "table set on dinning table" },
-      ]}
-      avatarText="Join 5,000+ local coffee lovers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            title="Classic Elegance, Warmly Served"
+            description="Discover a timeless cafe experience where artisan coffee and homemade delicacies meet a cozy, inviting atmosphere."
+            tag="Welcome to Cafe Classic"
+            rating={5}
+            ratingText="Rated 5 stars by our regulars"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", imageAlt: "Elegant dining area" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg", imageAlt: "Freshly brewed coffee" }
+            ]}
+            background={{ variant: "plain" }}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Authentic Cafe Traditions"
-      description="Our cafe is built on a foundation of passion for quality ingredients and warm hospitality. Every corner is curated to offer you a peaceful retreat from the bustling city."
-      imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            title="Our Heritage"
+            description={["We pride ourselves on creating a space that feels like home. From our freshly ground beans to our artisanal pastries, every detail is carefully crafted.", "Join us for a quiet afternoon or a morning start that lingers in your memory."]}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Gourmet Breakfast", description: "Start your day with hand-picked ingredients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-jeans-drinking-mulled-wine-cold-day-indoor-shot-ginger-woman-with-cup-tea_197531-14170.jpg" } },
-        { title: "Crafted Beverages", description: "Expertly brewed coffee and refreshing teas.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-cow-tongue-with-orange-carrots-arugula-plate-with-tomatoes-cucumber-soft-drink-table_141793-2843.jpg" } },
-        { title: "Artisan Pastries", description: "Freshly baked in our ovens every morning.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg" } },
-      ]}
-      showStepNumbers={false}
-      title="Signature Cafe Delights"
-      description="Discover our carefully crafted menu, featuring artisan coffee and freshly prepared seasonal delicacies."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            title="Our Signature Offerings"
+            description="Indulge in our curated selection of cafe delights."
+            textboxLayout="default"
+            features={[
+              { id: "1", title: "Artisan Breakfast", tags: ["Morning Special"], imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" },
+              { id: "2", title: "Craft Coffee", tags: ["Single Origin"], imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" },
+              { id: "3", title: "Homemade Pastries", tags: ["Freshly Baked"], imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={true}
-      products={[
-        { id: "1", name: "Rustic Sandwich", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fried-chicken_140725-3346.jpg" },
-        { id: "2", name: "Berry Cheesecake", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" },
-        { id: "3", name: "Signature Latte", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
-        { id: "4", name: "Butter Croissant", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" },
-        { id: "5", name: "Summer Salad", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-fresh-salad-with-sliced-vegetables-greens-inside-white-plate-white-floor_140725-14232.jpg" },
-        { id: "6", name: "Earl Grey Tea", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tea-party-composition-table_23-2149064401.jpg" },
-      ]}
-      title="Our Menu Favorites"
-      description="Explore our selection of premium cafe offerings."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            title="Menu Favorites"
+            description="Explore our curated favorites."
+            textboxLayout="default"
+            products={[
+              { id: "1", brand: "Classic", name: "Signature Latte", price: "$6", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
+              { id: "2", brand: "Sweet", name: "Berry Cheesecake", price: "$8", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      animationType="slide-up"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Anna S.", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
-        { id: "2", name: "Mark R.", role: "Designer", company: "Creative Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-talking-phone_1303-9907.jpg" },
-        { id: "3", name: "Elena K.", role: "Student", company: "City University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-window-sill-studio-with-loft-interior_613910-18991.jpg" },
-        { id: "4", name: "David L.", role: "Architect", company: "Studio B", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
-        { id: "5", name: "Sophie P.", role: "Traveler", company: "Nomad Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg" },
-      ]}
-      title="Loved by Our Guests"
-      description="Hear what our regulars say about their experiences at our cafe."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            title="Hear from Our Guests"
+            description="Experiences that define us."
+            textboxLayout="default"
+            testimonials={[
+              { id: "1", name: "Anna S.", handle: "@anna.coffee", testimonial: "The ambiance is perfect for a relaxing morning. Absolutely love their pastries!" },
+              { id: "2", name: "Mark R.", handle: "@mark.design", testimonial: "Best coffee in the city. The staff makes you feel at home every single visit." }
+            ]}
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Foodies Digest",        "Culinary Award",        "Best City Cafe",        "Local Guide",        "Top Rated Eats"]}
-      title="Recognized for Quality"
-      description="Featured in various culinary guides and associations."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            names={["Culinary Magazine", "City Guide", "Local Foodie Hub", "Barista Weekly"]}
+            title="As Seen In"
+            description="Honored to be recognized for our craft."
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "Do you accept reservations?", content: "Yes, for groups larger than four guests, we recommend booking in advance." },
-        { id: "f2", title: "Are you pet friendly?", content: "We have an outdoor terrace where pets are more than welcome." },
-        { id: "f3", title: "Do you offer catering?", content: "Absolutely! Contact us to discuss your event details." },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our cafe."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            faqs={[
+              { id: "1", title: "Do you have outdoor seating?", content: "Yes, our serene terrace is open during pleasant weather." },
+              { id: "2", title: "Can we host events?", content: "We would love to help you celebrate. Please reach out to our team." }
+            ]}
+            title="Common Inquiries"
+            textboxLayout="default"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{ variant: "radial-gradient" }}
-      title="Visit Us Today"
-      description="We are located in the heart of the city, open from 8 AM to 8 PM daily."
-      tag="Contact Us"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get in Touch"
+            title="Ready for a Coffee?"
+            description="Drop us a message or stop by the cafe for a visit."
+            background={{ variant: "plain" }}
+            mediaPosition="right"
+            imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Cafe Classic"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Contact", href: "#contact" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Cafe", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+              { title: "Contact", items: [{ label: "Location", href: "#" }, { label: "Support", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 Cafe Classic"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file