|
|
|
|
@@ -1,21 +1,35 @@
|
|
|
|
|
"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 MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
|
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
|
|
|
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 TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
|
|
|
import { Sparkles, Utensils, Award, Users, TrendingUp, Shield, Clock, Smile, CheckCircle, XCircle } from "lucide-react";
|
|
|
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
|
|
|
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) {
|
|
|
|
|
lenis.scrollTo(element);
|
|
|
|
|
} else {
|
|
|
|
|
const target = document.getElementById(targetId);
|
|
|
|
|
if (target) {
|
|
|
|
|
target.scrollIntoView({ behavior: "smooth" });
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
@@ -25,7 +39,7 @@ export default function BuffetPage() {
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="metallic"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
>
|
|
|
|
|
@@ -38,9 +52,12 @@ export default function BuffetPage() {
|
|
|
|
|
{ name: "Experience", id: "about" },
|
|
|
|
|
{ name: "Reserve", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Book Now",
|
|
|
|
|
onClick: () => handleScroll("#contact")
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
<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"
|
|
|
|
|
@@ -48,8 +65,8 @@ export default function BuffetPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "canvas-reveal" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Reserve Your Table", href: "#contact" },
|
|
|
|
|
{ text: "View Menu", href: "#menu" },
|
|
|
|
|
{ text: "Reserve Your Table", onClick: () => handleScroll("#contact") },
|
|
|
|
|
{ text: "View Menu", onClick: () => handleScroll("#menu") },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
carouselPosition="right"
|
|
|
|
|
@@ -64,64 +81,49 @@ 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]"
|
|
|
|
|
/>
|
|
|
|
|
<FeatureBento
|
|
|
|
|
/></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={[
|
|
|
|
|
{
|
|
|
|
|
title: "Live Refill Stations",
|
|
|
|
|
description: "Our chefs monitor every tray, ensuring hot food is served at the perfect temperature.", bentoComponent: "reveal-icon", icon: Utensils
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Always Fresh",
|
|
|
|
|
description: "Sourcing premium seafood and seasonal produce daily for quality you can taste.", bentoComponent: "media-stack", items: [
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3890.jpg", imageAlt: "Fresh ingredients" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg", imageAlt: "Plated dishes" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg", imageAlt: "Chef station" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Improved Desserts",
|
|
|
|
|
description: "Discover our expanded dessert bar with artisan pastries and seasonal fruits.", bentoComponent: "reveal-icon", 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.", icon: Utensils },
|
|
|
|
|
{ bentoComponent: "reveal-icon", title: "Improved Desserts", description: "Discover our expanded dessert bar with artisan pastries and seasonal fruits.", icon: Smile }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
/></div>
|
|
|
|
|
<div id="pricing"><PricingCardFive
|
|
|
|
|
title="Transparent Value"
|
|
|
|
|
description="Simple, family-friendly pricing with something for everyone."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
description="Choose the perfect dining time for you and your family."
|
|
|
|
|
textboxLayout="split-actions"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "lunch", value: "$15.99", title: "Lunch", description: "Available daily until 4:00 PM", icon: Clock },
|
|
|
|
|
{ id: "dinner", value: "$19.99", title: "Dinner", description: "Full evening buffet experience", icon: Utensils },
|
|
|
|
|
{ id: "kids", value: "Age-Based", title: "Kids Pricing", description: "Special rates for younger guests", icon: Users },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
|
testimonial="The variety here is unmatched! From the fresh sashimi to the hot crab legs, everything was constantly replenished and tasted incredible. Truly the best value in the city."
|
|
|
|
|
rating={5}
|
|
|
|
|
author="— Sarah Jenkins, Local Foodie"
|
|
|
|
|
avatars={[
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Guest" },
|
|
|
|
|
]}
|
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
|
avatarsAnimation="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", "Service delays", "Limited dessert variety"] }}
|
|
|
|
|
positiveCard={{ items: ["Steaming hot food always", "Live kitchen support", "Attentive hospitality", "Upgraded dessert collection"] }}
|
|
|
|
|
negativeCard={{ items: ["Cold dishes in the past", "Long queues"] }}
|
|
|
|
|
positiveCard={{ items: ["Steaming hot food always", "Live kitchen support"] }}
|
|
|
|
|
/>
|
|
|
|
|
<FaqBase
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
@@ -130,31 +132,23 @@ export default function BuffetPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
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." },
|
|
|
|
|
{ id: "2", title: "How often is the food replaced?", content: "Our team operates a live kitchen system, meaning trays are monitored and replaced the moment they drop below capacity." },
|
|
|
|
|
{ id: "3", title: "Is the buffet kid-friendly?", content: "Absolutely! We have dedicated stations with family favorites that children love, alongside our premium seafood and sushi options." },
|
|
|
|
|
{ id: "4", title: "Do I need to reserve?", content: "While walk-ins are welcome, weekend dining fills up fast. We recommend booking in advance to ensure your table is waiting." }
|
|
|
|
|
{ id: "1", title: "Do you offer senior discounts?", content: "Yes, we offer special rates for seniors available during our lunch hours upon request." }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Book Your Table"
|
|
|
|
|
<div id="contact"><ContactCTA
|
|
|
|
|
tag="Hurry, Seats Filling Fast"
|
|
|
|
|
title="Join Us Tonight"
|
|
|
|
|
description="Weekend dining fills fast — reserve now to guarantee your spot for an exceptional evening."
|
|
|
|
|
description="Urgency Alert: Peak hours filling up. Book now to guarantee your spot for an exceptional evening."
|
|
|
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Now", href: "#contact" }
|
|
|
|
|
{ text: "Reserve Now", onClick: () => handleScroll("#contact") }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
/></div>
|
|
|
|
|
<FooterBase
|
|
|
|
|
logoText="Epicure Buffet"
|
|
|
|
|
copyrightText="© 2026 | Epicure Buffet"
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Dining", items: [{ label: "Lunch Menu", href: "#" }, { label: "Dinner Menu", href: "#" }] },
|
|
|
|
|
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] },
|
|
|
|
|
{ title: "Support", items: [{ label: "Reservations", href: "#" }, { label: "Contact Us", href: "#" }] },
|
|
|
|
|
]}
|
|
|
|
|
columns={[{ title: "Dining", items: [{ label: "Lunch Menu", href: "#" }] }]}
|
|
|
|
|
/>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
