Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Gourmet Haven"
|
||||
/>
|
||||
@@ -55,77 +43,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Culinary Excellence"
|
||||
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>
|
||||
|
||||
@@ -135,31 +80,11 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -173,42 +98,12 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -219,31 +114,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -256,14 +131,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Food Network",
|
||||
"Michelin Guide",
|
||||
"Eater",
|
||||
"Timeout",
|
||||
"Epicurious",
|
||||
"Saveur",
|
||||
"Food & Wine",
|
||||
]}
|
||||
"The Food Network", "Michelin Guide", "Eater", "Timeout", "Epicurious", "Saveur", "Food & Wine"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders."
|
||||
/>
|
||||
@@ -273,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
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.",
|
||||
},
|
||||
{ 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"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -297,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Book Your Table"
|
||||
description="Let us help you plan a special evening."
|
||||
@@ -313,29 +167,15 @@ export default function LandingPage() {
|
||||
logoText="Gourmet Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user