diff --git a/src/app/page.tsx b/src/app/page.tsx index 534b1f5..6b80c4a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,22 +1,36 @@ "use client"; -import ReactLenis from "lenis/react"; +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 FeatureBento from "@/components/sections/feature/FeatureBento"; -import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix"; import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen"; -import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven"; import PricingCardFive from "@/components/sections/pricing/PricingCardFive"; -import TeamCardFive from "@/components/sections/team/TeamCardFive"; 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, Utensils, Award, Users, TrendingUp, Shield, Clock, Smile, CheckCircle, XCircle, Star, Calendar } from "lucide-react"; +import { Sparkles, Utensils, Award, Smile, Star } from "lucide-react"; export default function BuffetPage() { + const lenis = useLenis(); + + const handleScroll = (e: React.MouseEvent, id: string) => { + e.preventDefault(); + if (!id) return; + const targetId = id.replace(/^#+/, ""); + const element = document.getElementById(targetId); + if (element && lenis) { + lenis.scrollTo(element); + } else { + const target = document.getElementById(targetId); + if (target) { + target.scrollIntoView({ behavior: "smooth" }); + } + } + }; + return ( handleScroll(e, "#contact") + }} /> - handleScroll(e, "#contact") }, + { text: "View Menu", onClick: (e: any) => handleScroll(e, "#menu") }, ]} buttonAnimation="slide-up" carouselPosition="right" @@ -65,52 +82,31 @@ export default function BuffetPage() { { imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg", imageAlt: "Chef at work" }, ]} carouselItemClassName="!aspect-[4/5]" - /> - + +
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"] } ]} - /> -
+
+ />
- handleScroll(e, "#contact") } ]} buttonAnimation="slide-up" useInvertedBackground={false} - /> + />