Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e16551f014 | |||
| 7d7978e1a3 | |||
| 3a77807667 | |||
| 2c54a3c158 | |||
| 9209095113 | |||
| 70bd366d19 | |||
| eeaad8f1c7 |
176
src/app/page.tsx
176
src/app/page.tsx
@@ -4,20 +4,18 @@ import ReactLenis, { useLenis } from "lenis/react";
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
||||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||||
import { Sparkles, Utensils, Award, Smile, Star } from "lucide-react";
|
import { Sparkles, Award, Star } from "lucide-react";
|
||||||
|
|
||||||
export default function BuffetPage() {
|
export default function BuffetPage() {
|
||||||
const lenis = useLenis();
|
const lenis = useLenis();
|
||||||
|
|
||||||
const handleScroll = (id: string) => {
|
const handleScroll = (id: string) => {
|
||||||
if (!id) return;
|
|
||||||
const targetId = id.replace(/^#+/, "");
|
const targetId = id.replace(/^#+/, "");
|
||||||
const element = document.getElementById(targetId);
|
const element = document.getElementById(targetId);
|
||||||
if (element && lenis) {
|
if (element && lenis) {
|
||||||
@@ -57,95 +55,99 @@ export default function BuffetPage() {
|
|||||||
onClick: () => handleScroll("#contact")
|
onClick: () => handleScroll("#contact")
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<div id="home"><HeroSplitDoubleCarousel
|
<div id="home">
|
||||||
title="A Global Feast, Fresh Daily"
|
<HeroSplitDoubleCarousel
|
||||||
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."
|
title="A Global Feast, Fresh Daily"
|
||||||
tag="🔥 87 people dining right now"
|
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."
|
||||||
tagIcon={Sparkles}
|
tag="🔥 87 people dining right now"
|
||||||
tagAnimation="slide-up"
|
tagIcon={Sparkles}
|
||||||
background={{ variant: "canvas-reveal" }}
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
background={{ variant: "canvas-reveal" }}
|
||||||
{ text: "Reserve Your Table", onClick: () => handleScroll("#contact") },
|
buttons={[
|
||||||
{ text: "View Menu", onClick: () => handleScroll("#menu") },
|
{ text: "Reserve Your Table", onClick: () => handleScroll("#contact") },
|
||||||
]}
|
{ text: "View Menu", onClick: () => handleScroll("#menu") },
|
||||||
buttonAnimation="slide-up"
|
]}
|
||||||
carouselPosition="right"
|
buttonAnimation="slide-up"
|
||||||
leftCarouselItems={[
|
carouselPosition="right"
|
||||||
{ 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" },
|
leftCarouselItems={[
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plate_23-2150346588.jpg", imageAlt: "Premium crab and shrimp" },
|
{ 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/square-slice-chocolate-cheesecake_114579-16589.jpg", imageAlt: "Decadent dessert selection" },
|
{ 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" },
|
rightCarouselItems={[
|
||||||
{ 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/life-style_1122-1851.jpg", imageAlt: "Family dining atmosphere" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg", imageAlt: "Chef at work" },
|
{ 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>
|
carouselItemClassName="!aspect-[4/5]"
|
||||||
<div id="menu"><FeatureBento
|
/>
|
||||||
title="The Epicure Experience"
|
</div>
|
||||||
description="We combine culinary variety with premium service to redefine the buffet concept."
|
|
||||||
textboxLayout="default"
|
<div id="menu">
|
||||||
useInvertedBackground={false}
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
title="Our Premium Menu Selection"
|
||||||
features={[
|
description="From fresh ocean catches to artisanal desserts, discover our curated culinary selection."
|
||||||
{ bentoComponent: "reveal-icon", title: "Live Refill Stations", description: "Our chefs monitor every tray, ensuring hot food is served at the perfect temperature.", icon: Utensils },
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
{ bentoComponent: "reveal-icon", title: "Always Fresh", description: "Sourcing premium seafood and seasonal produce daily for quality you can taste.", icon: Utensils },
|
animationType="slide-up"
|
||||||
{ bentoComponent: "reveal-icon", title: "Improved Desserts", description: "Discover our expanded dessert bar with artisan pastries and seasonal fruits.", icon: Smile }
|
textboxLayout="default"
|
||||||
]}
|
useInvertedBackground={false}
|
||||||
/></div>
|
products={[
|
||||||
<div id="pricing"><PricingCardFive
|
{ 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" },
|
||||||
title="Transparent Value"
|
{ id: "2", name: "Alaskan Crab Legs", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plate_23-2150346588.jpg?_wi=2" },
|
||||||
description="Choose the perfect dining time for you and your family."
|
{ id: "3", name: "Artisan Cheesecake", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake_114579-16589.jpg?_wi=2" },
|
||||||
textboxLayout="split-actions"
|
{ id: "4", name: "Seasonal Fruit Platter", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruit-platter_144627-26478.jpg" }
|
||||||
animationType="slide-up"
|
]}
|
||||||
useInvertedBackground={false}
|
/>
|
||||||
plans={[
|
</div>
|
||||||
{ 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 id="pricing">
|
||||||
]}
|
<PricingCardFive
|
||||||
/></div>
|
title="Transparent Value"
|
||||||
<div id="about"><TestimonialCardTwelve
|
description="Choose the perfect dining time for you and your family."
|
||||||
cardTitle="Join 10,000+ Happy Guests"
|
textboxLayout="split-actions"
|
||||||
cardTag="Testimonials"
|
animationType="slide-up"
|
||||||
cardTagIcon={Star}
|
useInvertedBackground={false}
|
||||||
cardAnimation="slide-up"
|
plans={[
|
||||||
useInvertedBackground={true}
|
{ 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"] },
|
||||||
testimonials={[
|
{ 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"] }
|
||||||
{ 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>
|
|
||||||
<FeatureCardSixteen
|
<div id="about">
|
||||||
title="Our Commitment to Excellence"
|
<TestimonialCardTwelve
|
||||||
description="We prioritize your satisfaction above all else."
|
cardTitle="Join 10,000+ Happy Guests"
|
||||||
textboxLayout="default"
|
cardTag="Testimonials"
|
||||||
useInvertedBackground={false}
|
cardTagIcon={Star}
|
||||||
animationType="slide-up"
|
cardAnimation="slide-up"
|
||||||
negativeCard={{ items: ["Cold dishes in the past", "Long queues"] }}
|
useInvertedBackground={true}
|
||||||
positiveCard={{ items: ["Steaming hot food always", "Live kitchen support"] }}
|
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>
|
||||||
|
|
||||||
<FaqBase
|
<FaqBase
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions about your reservation?"
|
description="Have questions about your reservation?"
|
||||||
|
faqsAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
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." }]}
|
||||||
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"
|
<div id="contact">
|
||||||
title="Join Us Tonight"
|
<ContactCTA
|
||||||
description="Urgency Alert: Peak hours filling up. Book now to guarantee your spot for an exceptional evening."
|
tag="Hurry, Seats Filling Fast"
|
||||||
background={{ variant: "rotated-rays-animated" }}
|
title="Join Us Tonight"
|
||||||
buttons={[
|
description="Urgency Alert: Peak hours filling up. Book now to guarantee your spot for an exceptional evening."
|
||||||
{ text: "Reserve Now", onClick: () => handleScroll("#contact") }
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
]}
|
useInvertedBackground={false}
|
||||||
buttonAnimation="slide-up"
|
buttons={[{ text: "Reserve Now", onClick: () => handleScroll("#contact") }]}
|
||||||
useInvertedBackground={false}
|
/>
|
||||||
/></div>
|
</div>
|
||||||
|
|
||||||
<FooterBase
|
<FooterBase
|
||||||
logoText="Epicure Buffet"
|
logoText="Epicure Buffet"
|
||||||
columns={[{ title: "Dining", items: [{ label: "Lunch Menu", href: "#" }] }]}
|
columns={[{ title: "Dining", items: [{ label: "Lunch Menu", href: "#" }] }]}
|
||||||
|
|||||||
Reference in New Issue
Block a user