From 1aaede854221bee93a7cdcde339e817c6ee59be3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 13:51:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 295 +++++++++++------------------------------------
 1 file changed, 66 insertions(+), 229 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d5a3976..de2bd1f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import TextAbout from '@/components/sections/about/TextAbout';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -28,284 +28,121 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="NaMi Sushi-Asia"
+      brandName="Joli Café Bar"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Authentic Flavors, Modern Elegance"
-      description="Experience the finest fusion of tradition and innovation at NaMi Sushi-Asia. Join us for a culinary journey."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/american-diner-aesthetics_23-2151854444.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018774.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
-          alt: "Diner",
-        },
-      ]}
-      avatarText="Loved by over 500+ satisfied guests"
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fresh Sashimi",
-        },
-        {
-          type: "text",
-          text: "Authentic Ramen",
-        },
-        {
-          type: "text",
-          text: "Premium Nigiri",
-        },
-        {
-          type: "text",
-          text: "Artisan Rolls",
-        },
-        {
-          type: "text",
-          text: "Gourmet Flavors",
-        },
-      ]}
+      <HeroSplit
+      background={{ variant: "gradient-bars" }}
+      title="Joli Café Bar Restaurant"
+      description="Where authentic flavors meet modern elegance. Join us for a culinary journey."
+      imageSrc="http://img.b2bpic.net/free-photo/gourmet-meal-restaurant_23-2150532506.jpg"
+      imageAlt="Joli Café Bar Atmosphere"
+      mediaPosition="right"
+      mediaAnimation="slide-up"
+      buttons={[{ text: "View Our Menu", href: "#menu" }]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
+      <TextAbout
       title="A Legacy of Freshness"
-      description="At NaMi, we blend centuries-old Asian culinary techniques with the freshest ingredients to bring you an unparalleled dining experience."
-      imageSrc="http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186462.jpg"
-      imageAlt="Chef preparing sushi"
+      useInvertedBackground={false}
+      ariaLabel="About our restaurant"
+      buttons={[{ text: "Discover More", href: "#contact" }]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardFour
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      title="Our Signature Creations"
+      description="Hand-crafted delicacies prepared daily for our guests."
       products={[
         {
-          id: "1",
-          name: "Signature Nigiri",
-          price: "$28",
-          variant: "Fresh Salmon",
-          imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-rice-ginger-wasabi_140725-1022.jpg",
-        },
+          id: "1",          name: "Gourmet Brunch",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-table_23-2150652654.jpg"},
         {
-          id: "2",
-          name: "Zen Maki Roll",
-          price: "$18",
-          variant: "Spicy Tuna",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-sushi-roll-with-crab-tuna-plate-with-ginger-wasabi-wood_141793-11173.jpg",
-        },
+          id: "2",          name: "Artisan Coffee",          price: "$6",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148782354.jpg"},
         {
-          id: "3",
-          name: "Tempura Bliss",
-          price: "$22",
-          variant: "Shrimp",
-          imageSrc: "http://img.b2bpic.net/free-photo/baked-sushi-with-wasabi-ginger-soy-sauce-bamboo-leaf_141793-2900.jpg",
-        },
-        {
-          id: "4",
-          name: "Tuna Sashimi",
-          price: "$30",
-          variant: "Bluefin Tuna",
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-background-fish-japanese-sashimi_1203-3999.jpg",
-        },
-        {
-          id: "5",
-          name: "Miso Ramen",
-          price: "$20",
-          variant: "Rich Broth",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-bowl-with-noodle-soup-black-background_23-2148320848.jpg",
-        },
-        {
-          id: "6",
-          name: "Crispy Gyoza",
-          price: "$12",
-          variant: "Pork",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dumplings-dish-with-chopsticks-herbs_23-2148694351.jpg",
-        },
+          id: "3",          name: "Evening Tapas",          price: "$14",          imageSrc: "http://img.b2bpic.net/free-photo/tapas-plate_23-2148909876.jpg"}
       ]}
-      title="Our Signature Creations"
-      description="Hand-crafted delicacies prepared daily."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
+      <MetricCardTwo
       useInvertedBackground={false}
-      title="By The Numbers"
-      tag="Our Growth"
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      title="Our Achievements"
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years of Excellence",
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          description: "Happy Guests Served",
-        },
-        {
-          id: "m3",
-          value: "3",
-          description: "Global Cuisine Awards",
-        },
+        { id: "m1", value: "10+", description: "Years in Service" },
+        { id: "m2", value: "5000+", description: "Satisfied Diners" },
+        { id: "m3", value: "4.9", description: "Customer Rating" },
       ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardFive
       useInvertedBackground={false}
-      testimonial="The freshness of the fish is unparalleled. Truly the best sushi I have had in the city."
-      rating={5}
-      author="Sarah Miller"
-      avatars={[
+      title="What People Say"
+      textboxLayout="split"
+      testimonials={[
         {
-          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
-          alt: "Guest",
-        },
+          id: "t1",          name: "Emily R.",          date: "Oct 2024",          title: "Incredible Experience",          quote: "The ambiance at Joli Café is simply magical. Everything we ordered was perfection.",          tag: "Guest",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-cafe_23-2148972344.jpg"
+        }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqDouble
+      title="Common Questions"
       textboxLayout="split"
+      faqsAnimation="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you offer private dining?",
-          content: "Yes, we have private rooms available for special occasions.",
-        },
-        {
-          id: "f2",
-          title: "Are vegetarian options available?",
-          content: "We offer a wide range of vegetarian and vegan sushi rolls.",
-        },
-        {
-          id: "f3",
-          title: "How can I make a reservation?",
-          content: "You can reserve via our website or by calling us directly.",
-        },
+        { id: "f1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance." },
+        { id: "f2", title: "Do you offer vegan options?", content: "Yes, our menu includes a variety of plant-based dishes." },
       ]}
-      title="Frequently Asked Questions"
-      description="Have questions? We've got answers."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
+      title="Get In Touch"
+      description="Reserve your spot or inquire about private events."
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Reservation"
-      title="Visit Us Today"
-      description="Book your table and join us for an exquisite dining experience."
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-friends-kitchen_23-2148965329.jpg"
-      mediaAnimation="slide-up"
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "Special Requests?" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterLogoEmphasis
+      logoText="Joli Café Bar"
       columns={[
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "123 Sakura Way",
-              href: "#",
-            },
-            {
-              label: "contact@nami.com",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Mon-Sun 11am-10pm",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+        { items: [{ label: "Contact", href: "#contact" }] }
       ]}
-      logoText="NaMi Sushi-Asia"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1