src/app/page.tsx

@@ -16,8 +16,7 @@ import { Sparkles, Utensils, Award, Smile, Star } from "lucide-react";
 export default function BuffetPage() {
   const lenis = useLenis();
 
-  const handleScroll = (e: React.MouseEvent<HTMLAnchorElement>, id: string) => {
-    e.preventDefault();
+  const handleScroll = (id: string) => {
     if (!id) return;
     const targetId = id.replace(/^#+/, "");
     const element = document.getElementById(targetId);
@@ -40,7 +39,7 @@ export default function BuffetPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -55,7 +54,7 @@ export default function BuffetPage() {
           ]}
           button={{ 
             text: "Book Now", 
-            onClick: (e: any) => handleScroll(e, "#contact") 
+            onClick: () => handleScroll("#contact") 
           }}
         />
         <div id="home"><HeroSplitDoubleCarousel
@@ -66,8 +65,8 @@ export default function BuffetPage() {
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
-            { text: "Reserve Your Table", onClick: (e: any) => handleScroll(e, "#contact") },
-            { text: "View Menu", onClick: (e: any) => handleScroll(e, "#menu") },
+            { text: "Reserve Your Table", onClick: () => handleScroll("#contact") },
+            { text: "View Menu", onClick: () => handleScroll("#menu") },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -90,9 +89,13 @@ export default function BuffetPage() {
           useInvertedBackground={false}
           animationType="slide-up"
           features={[
-            { title: "Live Refill Stations", description: "Our chefs monitor every tray, ensuring hot food is served at the perfect temperature.", icon: Utensils },
-            { title: "Always Fresh", description: "Sourcing premium seafood and seasonal produce daily for quality you can taste.", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3890.jpg", imageAlt: "Fresh ingredients" }] },
-            { title: "Improved Desserts", description: "Discover our expanded dessert bar with artisan pastries and seasonal fruits.", icon: Smile }
+            { 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.", mediaStack: [
+              { imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3890.jpg", imageAlt: "Fresh ingredients" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3890.jpg", imageAlt: "Fresh ingredients" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3890.jpg", imageAlt: "Fresh ingredients" }
+            ] },
+            { 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
@@ -102,8 +105,8 @@ export default function BuffetPage() {
           animationType="slide-up"
           useInvertedBackground={false}
           plans={[
-            { id: "lunch", tag: "Most Popular", tagIcon: Star, price: "$15.99", description: "Full access to our lunch selection until 4:00 PM.", button: { text: "Reserve Lunch", onClick: (e: any) => handleScroll(e, "#contact") }, features: ["All Lunch Stations", "Soft Drinks", "Fresh Sushi Bar"] },
-            { id: "dinner", tag: "Premium Choice", tagIcon: Award, price: "$29.99", description: "Complete dinner experience with full seafood bar.", button: { text: "Reserve Dinner", onClick: (e: any) => handleScroll(e, "#contact") }, features: ["All Lunch Features", "Premium Crab Legs", "Chef Specials"] }
+            { id: "lunch", 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", 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
@@ -142,7 +145,7 @@ export default function BuffetPage() {
           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: (e: any) => handleScroll(e, "#contact") }
+            { text: "Reserve Now", onClick: () => handleScroll("#contact") }
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}