Update src/app/page.tsx
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -29,161 +29,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Gourmet Haven"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Gourmet Haven"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Exquisite Flavors, Unforgettable Moments."
|
||||
description="Experience fine dining reimagined with fresh, locally sourced ingredients and a touch of culinary artistry."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-still-life-with-table-arrangement_23-2148966236.jpg"
|
||||
imageAlt="Luxurious restaurant table setting"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Happy woman enjoying at dining table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-smartphone-beer_23-2147680764.jpg", alt: "Smiling woman with smartphone and beer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "New year spend with friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg", alt: "Medium shot woman holding cup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", alt: "Friends eating pizza" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied diners"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/flat-summer-tropical-pattern_23-2148940594.jpg", alt: "Tropical pattern" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/pattern-coffee-mugs_23-2147599379.jpg", alt: "Coffee mug pattern" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/flat-kwanzaa-pattern-design_23-2149212519.jpg", alt: "Kwanzaa pattern" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/coloured-food-pattern_1131-10.jpg", alt: "Food pattern" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Exquisite Flavors, Unforgettable Moments."
|
||||
description="Experience fine dining reimagined with fresh, locally sourced ingredients and a touch of culinary artistry."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-still-life-with-table-arrangement_23-2148966236.jpg"
|
||||
imageAlt="Luxurious restaurant table setting"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Happy woman enjoying at dining table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-smartphone-beer_23-2147680764.jpg", alt: "Smiling woman with smartphone and beer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "New year spend with friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg", alt: "Medium shot woman holding cup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", alt: "Friends eating pizza" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied diners"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/flat-summer-tropical-pattern_23-2148940594.jpg", alt: "Tropical pattern" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/pattern-coffee-mugs_23-2147599379.jpg", alt: "Coffee mug pattern" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/flat-kwanzaa-pattern-design_23-2149212519.jpg", alt: "Kwanzaa pattern" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/coloured-food-pattern_1131-10.jpg", alt: "Food pattern" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="A Tradition of Culinary Excellence"
|
||||
useInvertedBackground={false}
|
||||
description="Founded with a passion for gastronomy, Gourmet Haven brings together decades of culinary expertise to create an atmosphere of warmth and sophistication. Every dish we serve tells a story of tradition, quality, and meticulous attention to detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="A Tradition of Culinary Excellence"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Award, title: "Expert Chefs", description: "Masters of their craft." },
|
||||
{ icon: Leaf, title: "Farm to Table", description: "Fresh, seasonal produce." },
|
||||
{ icon: Wine, title: "Fine Selections", description: "Premium wine pairing." },
|
||||
{ icon: Clock, title: "Timeless Ambiance", description: "Elegant setting for any occasion." },
|
||||
{ icon: Heart, title: "Customer First", description: "Your experience is our priority." },
|
||||
]}
|
||||
title="Why Dine With Us?"
|
||||
description="Crafting dishes that delight the senses."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Award, title: "Expert Chefs", description: "Masters of their craft." },
|
||||
{ icon: Leaf, title: "Farm to Table", description: "Fresh, seasonal produce." },
|
||||
{ icon: Wine, title: "Fine Selections", description: "Premium wine pairing." },
|
||||
{ icon: Clock, title: "Timeless Ambiance", description: "Elegant setting for any occasion." },
|
||||
{ icon: Heart, title: "Customer First", description: "Your experience is our priority." },
|
||||
]}
|
||||
title="Why Dine With Us?"
|
||||
description="Crafting dishes that delight the senses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Truffle Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-pasta-inside-plate-brown-table-pasta-food-meal-dinner_140725-27960.jpg" },
|
||||
{ id: "p2", name: "Grilled Salmon", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-steak_1339-5875.jpg" },
|
||||
{ id: "p3", name: "Ribeye Steak", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-served-with-potato-dish-mushroom-sauce_140725-5831.jpg" },
|
||||
{ id: "p4", name: "Roasted Duck", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg" },
|
||||
{ id: "p5", name: "Sea Bass", price: "$36", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510867.jpg" },
|
||||
{ id: "p6", name: "Caesar Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-caesar-salad-food_140725-129938.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our curated culinary creations."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Truffle Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-pasta-inside-plate-brown-table-pasta-food-meal-dinner_140725-27960.jpg" },
|
||||
{ id: "p2", name: "Grilled Salmon", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-steak_1339-5875.jpg" },
|
||||
{ id: "p3", name: "Ribeye Steak", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-served-with-potato-dish-mushroom-sauce_140725-5831.jpg" },
|
||||
{ id: "p4", name: "Roasted Duck", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg" },
|
||||
{ id: "p5", name: "Sea Bass", price: "$36", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510867.jpg" },
|
||||
{ id: "p6", name: "Caesar Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-caesar-salad-food_140725-129938.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our curated culinary creations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg" },
|
||||
{ id: "t2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg" },
|
||||
{ id: "t3", name: "Charlie R.", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-vector/pattern-background-kitchen-utensils_52683-21734.jpg" },
|
||||
{ id: "t5", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Reviews"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg" },
|
||||
{ id: "t2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg" },
|
||||
{ id: "t3", name: "Charlie R.", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-vector/pattern-background-kitchen-utensils_52683-21734.jpg" },
|
||||
{ id: "t5", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Food Network", "Michelin Guide", "Eater", "Timeout", "Epicurious", "Saveur", "Food & Wine"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["The Food Network", "Michelin Guide", "Eater", "Timeout", "Epicurious", "Saveur", "Food & Wine"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance." },
|
||||
{ id: "f2", title: "Are there vegetarian options?", content: "We offer a diverse selection of vegetarian and vegan dishes." },
|
||||
{ id: "f3", title: "What are your hours?", content: "We are open from 5 PM to 11 PM daily." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance." },
|
||||
{ id: "f2", title: "Are there vegetarian options?", content: "We offer a diverse selection of vegetarian and vegan dishes." },
|
||||
{ id: "f3", title: "What are your hours?", content: "We are open from 5 PM to 11 PM daily." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Book Your Table"
|
||||
description="Let us help you plan a special evening."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Book Your Table"
|
||||
description="Let us help you plan a special evening."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Gourmet Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Gourmet Haven. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Gourmet Haven"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Gourmet Haven. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user