From 70fa5a1a6b85414b278abda2aafcdaec50cc8aba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 14:31:26 +0000
Subject: [PATCH] Switch to version 4: modified src/app/page.tsx

---
 src/app/page.tsx | 178 +++++++++++++++++++++++------------------------
 1 file changed, 88 insertions(+), 90 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 446c03c..559d801 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,18 +4,20 @@ import ReactLenis, { useLenis } from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
-import { Sparkles, Award, Star } from "lucide-react";
+import { Sparkles, Utensils, Award, Smile, Star } from "lucide-react";
 
 export default function BuffetPage() {
   const lenis = useLenis();
 
   const handleScroll = (id: string) => {
+    if (!id) return;
     const targetId = id.replace(/^#+/, "");
     const element = document.getElementById(targetId);
     if (element && lenis) {
@@ -55,99 +57,95 @@ export default function BuffetPage() {
             onClick: () => handleScroll("#contact") 
           }}
         />
-        <div id="home">
-          <HeroSplitDoubleCarousel
-            title="A Global Feast, Fresh Daily"
-            description="Indulge in an endless variety of premium sushi, fresh-caught seafood, and chef-curated international cuisines. Always freshly refilled for your perfect dining experience."
-            tag="🔥 87 people dining right now"
-            tagIcon={Sparkles}
-            tagAnimation="slide-up"
-            background={{ variant: "canvas-reveal" }}
-            buttons={[
-              { text: "Reserve Your Table", onClick: () => handleScroll("#contact") },
-              { text: "View Menu", onClick: () => handleScroll("#menu") },
-            ]}
-            buttonAnimation="slide-up"
-            carouselPosition="right"
-            leftCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-variety-fish-delivery-sushi-package-different-types-rolls_132075-14235.jpg?_wi=1", imageAlt: "Freshly prepared sushi rolls" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plate_23-2150346588.jpg?_wi=1", imageAlt: "Premium crab and shrimp" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake_114579-16589.jpg?_wi=1", imageAlt: "Decadent dessert selection" },
-            ]}
-            rightCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", imageAlt: "Family dining atmosphere" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/waiter-carries-dish-with-snacks-walking-backyard_8353-9017.jpg", imageAlt: "Live refill stations" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg", imageAlt: "Chef at work" },
-            ]}
-            carouselItemClassName="!aspect-[4/5]"
-          />
-        </div>
-
-        <div id="menu">
-          <ProductCardThree
-            title="Our Premium Menu Selection"
-            description="From fresh ocean catches to artisanal desserts, discover our curated culinary selection."
-            gridVariant="four-items-2x2-equal-grid"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            products={[
-              { id: "1", name: "Signature Sushi Roll", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-variety-fish-delivery-sushi-package-different-types-rolls_132075-14235.jpg?_wi=2" },
-              { id: "2", name: "Alaskan Crab Legs", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plate_23-2150346588.jpg?_wi=2" },
-              { id: "3", name: "Artisan Cheesecake", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake_114579-16589.jpg?_wi=2" },
-              { id: "4", name: "Seasonal Fruit Platter", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruit-platter_144627-26478.jpg" }
-            ]}
-          />
-        </div>
-
-        <div id="pricing">
-          <PricingCardFive
-            title="Transparent Value"
-            description="Choose the perfect dining time for you and your family."
-            textboxLayout="split-actions"
-            animationType="slide-up"
-            useInvertedBackground={false}
-            plans={[
-              { id: "lunch", period: "per person", description: "Great for quick lunches.", featuresTitle: "Lunch Amenities", tag: "Most Popular", tagIcon: Star, price: "$15.99", button: { text: "Reserve Lunch", onClick: () => handleScroll("#contact") }, features: ["All Lunch Stations", "Soft Drinks", "Fresh Sushi Bar"] },
-              { id: "dinner", period: "per person", description: "Full evening indulgence.", featuresTitle: "Dinner Amenities", tag: "Premium Choice", tagIcon: Award, price: "$29.99", button: { text: "Reserve Dinner", onClick: () => handleScroll("#contact") }, features: ["All Lunch Features", "Premium Crab Legs", "Chef Specials"] }
-            ]}
-          />
-        </div>
-
-        <div id="about">
-          <TestimonialCardTwelve
-            cardTitle="Join 10,000+ Happy Guests"
-            cardTag="Testimonials"
-            cardTagIcon={Star}
-            cardAnimation="slide-up"
-            useInvertedBackground={true}
-            testimonials={[
-              { id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
-              { id: "2", name: "Mark Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man_23-2148213458.jpg" }
-            ]}
-          />
-        </div>
-
+        <div id="home"><HeroSplitDoubleCarousel
+          title="A Global Feast, Fresh Daily"
+          description="Indulge in an endless variety of premium sushi, fresh-caught seafood, and chef-curated international cuisines. Always freshly refilled for your perfect dining experience."
+          tag="🔥 87 people dining right now"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          background={{ variant: "canvas-reveal" }}
+          buttons={[
+            { text: "Reserve Your Table", onClick: () => handleScroll("#contact") },
+            { text: "View Menu", onClick: () => handleScroll("#menu") },
+          ]}
+          buttonAnimation="slide-up"
+          carouselPosition="right"
+          leftCarouselItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-variety-fish-delivery-sushi-package-different-types-rolls_132075-14235.jpg", imageAlt: "Freshly prepared sushi rolls" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plate_23-2150346588.jpg", imageAlt: "Premium crab and shrimp" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake_114579-16589.jpg", imageAlt: "Decadent dessert selection" },
+          ]}
+          rightCarouselItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", imageAlt: "Family dining atmosphere" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/waiter-carries-dish-with-snacks-walking-backyard_8353-9017.jpg", imageAlt: "Live refill stations" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg", imageAlt: "Chef at work" },
+          ]}
+          carouselItemClassName="!aspect-[4/5]"
+        /></div>
+        <div id="menu"><FeatureBento
+          title="The Epicure Experience"
+          description="We combine culinary variety with premium service to redefine the buffet concept."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            { bentoComponent: "reveal-icon", title: "Live Refill Stations", description: "Our chefs monitor every tray, ensuring hot food is served at the perfect temperature.", icon: Utensils },
+            { bentoComponent: "reveal-icon", title: "Always Fresh", description: "Sourcing premium seafood and seasonal produce daily for quality you can taste.", icon: Utensils },
+            { bentoComponent: "reveal-icon", title: "Improved Desserts", description: "Discover our expanded dessert bar with artisan pastries and seasonal fruits.", icon: Smile }
+          ]}
+        /></div>
+        <div id="pricing"><PricingCardFive
+          title="Transparent Value"
+          description="Choose the perfect dining time for you and your family."
+          textboxLayout="split-actions"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          plans={[
+            { id: "lunch", period: "per person", featuresTitle: "Lunch Amenities", tag: "Most Popular", tagIcon: Star, price: "$15.99", description: "Full access to our lunch selection until 4:00 PM.", button: { text: "Reserve Lunch", onClick: () => handleScroll("#contact") }, features: ["All Lunch Stations", "Soft Drinks", "Fresh Sushi Bar"] },
+            { id: "dinner", period: "per person", featuresTitle: "Dinner Amenities", tag: "Premium Choice", tagIcon: Award, price: "$29.99", description: "Complete dinner experience with full seafood bar.", button: { text: "Reserve Dinner", onClick: () => handleScroll("#contact") }, features: ["All Lunch Features", "Premium Crab Legs", "Chef Specials"] }
+          ]}
+        /></div>
+        <div id="about"><TestimonialCardTwelve
+          cardTitle="Join 10,000+ Happy Guests"
+          cardTag="Testimonials"
+          cardTagIcon={Star}
+          cardAnimation="slide-up"
+          useInvertedBackground={true}
+          testimonials={[
+            { id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
+            { id: "2", name: "Mark Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man_23-2148213458.jpg" }
+          ]}
+        /></div>
+        <FeatureCardSixteen
+          title="Our Commitment to Excellence"
+          description="We prioritize your satisfaction above all else."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          negativeCard={{ items: ["Cold dishes in the past", "Long queues"] }}
+          positiveCard={{ items: ["Steaming hot food always", "Live kitchen support"] }}
+        />
         <FaqBase
           title="Frequently Asked Questions"
           description="Have questions about your reservation?"
-          faqsAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          faqs={[{ id: "1", title: "Do you offer senior discounts?", content: "Yes, we offer special rates for seniors available during our lunch hours upon request." }]}
+          faqsAnimation="slide-up"
+          faqs={[
+            { id: "1", title: "Do you offer senior discounts?", content: "Yes, we offer special rates for seniors available during our lunch hours upon request." }
+          ]}
         />
-        
-        <div id="contact">
-          <ContactCTA
-            tag="Hurry, Seats Filling Fast"
-            title="Join Us Tonight"
-            description="Urgency Alert: Peak hours filling up. Book now to guarantee your spot for an exceptional evening."
-            background={{ variant: "rotated-rays-animated" }}
-            useInvertedBackground={false}
-            buttons={[{ text: "Reserve Now", onClick: () => handleScroll("#contact") }]}
-          />
-        </div>
-
+        <div id="contact"><ContactCTA
+          tag="Hurry, Seats Filling Fast"
+          title="Join Us Tonight"
+          description="Urgency Alert: Peak hours filling up. Book now to guarantee your spot for an exceptional evening."
+          background={{ variant: "rotated-rays-animated" }}
+          buttons={[
+            { text: "Reserve Now", onClick: () => handleScroll("#contact") }
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        /></div>
         <FooterBase
           logoText="Epicure Buffet"
           columns={[{ title: "Dining", items: [{ label: "Lunch Menu", href: "#" }] }]}
@@ -155,4 +153,4 @@ export default function BuffetPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file