Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
name: "Menu", id: "product"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="M. Restaurant"
|
||||
/>
|
||||
@@ -54,64 +46,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Culinary Excellence at M. Restaurant"
|
||||
description="Experience modern French-inspired cuisine in an intimate, uniquely artistic setting in the heart of Budapest."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-spices_23-2148425615.jpg"
|
||||
imageAlt="Luxurious dining atmosphere"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-clams-seeds_23-2148425591.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-clams-seeds_23-2148425591.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muffins-black_114579-18496.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/muffins-black_114579-18496.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Recommended",
|
||||
},
|
||||
type: "text", text: "Michelin Recommended"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg",
|
||||
alt: "Dish preview",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg", alt: "Dish preview"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic French Vibes",
|
||||
},
|
||||
type: "text", text: "Authentic French Vibes"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-clams-seeds_23-2148425591.jpg",
|
||||
alt: "Dining atmosphere",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-clams-seeds_23-2148425591.jpg", alt: "Dining atmosphere"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Budapest's Finest",
|
||||
},
|
||||
type: "text", text: "Budapest's Finest"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,14 +88,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Unique Culinary Sanctuary",
|
||||
},
|
||||
type: "text", content: "A Unique Culinary Sanctuary"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg",
|
||||
alt: "Restaurant interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", alt: "Restaurant interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,38 +98,19 @@ export default function LandingPage() {
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Modern French Technique",
|
||||
description: "Classic French foundations with a contemporary, innovative twist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crab-meat-coconut-cream-soup-micro-greens-gray-concrete-background-top-view-copy-space-h_1258-52397.jpg",
|
||||
},
|
||||
id: "f1", tag: "Technique", title: "Modern French Technique", description: "Classic French foundations with a contemporary, innovative twist.", imageSrc: "http://img.b2bpic.net/free-photo/crab-meat-coconut-cream-soup-micro-greens-gray-concrete-background-top-view-copy-space-h_1258-52397.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Intimate Atmosphere",
|
||||
description: "Two levels of unique design and authentic, cozy charm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517414.jpg",
|
||||
},
|
||||
id: "f2", tag: "Ambiance", title: "Intimate Atmosphere", description: "Two levels of unique design and authentic, cozy charm.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517414.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Artistic Walls",
|
||||
description: "Hand-painted illustrations that define our restaurant's soul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598332.jpg",
|
||||
},
|
||||
id: "f3", tag: "Art", title: "Artistic Walls", description: "Hand-painted illustrations that define our restaurant's soul.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598332.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Seasonal Harvest",
|
||||
description: "Local organic produce selected daily by our lead chef.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4659.jpg",
|
||||
},
|
||||
id: "f4", tag: "Produce", title: "Seasonal Harvest", description: "Local organic produce selected daily by our lead chef.", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4659.jpg"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Private Dining",
|
||||
description: "Exclusive spaces for your most meaningful celebrations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",
|
||||
},
|
||||
id: "f5", tag: "Service", title: "Private Dining", description: "Exclusive spaces for your most meaningful celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg"},
|
||||
]}
|
||||
title="The M. Experience"
|
||||
description="Discover what makes our kitchen stand out among Budapest's finest dining destinations."
|
||||
@@ -179,49 +122,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chicken Goulash",
|
||||
price: "6,500 Ft",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549957.jpg",
|
||||
},
|
||||
id: "p1", name: "Chicken Goulash", price: "6,500 Ft", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549957.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chocolate Fondant",
|
||||
price: "3,200 Ft",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",
|
||||
},
|
||||
id: "p2", name: "Chocolate Fondant", price: "3,200 Ft", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Foie Gras Crème Caramel",
|
||||
price: "5,800 Ft",
|
||||
variant: "Specialty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7373.jpg",
|
||||
},
|
||||
id: "p3", name: "Foie Gras Crème Caramel", price: "5,800 Ft", variant: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7373.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Handmade Spätzle",
|
||||
price: "4,900 Ft",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg",
|
||||
},
|
||||
id: "p4", name: "Handmade Spätzle", price: "4,900 Ft", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chef's Catch of the Day",
|
||||
price: "8,500 Ft",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-chocolate-sauce-powdered-sugar_140725-7776.jpg",
|
||||
},
|
||||
id: "p5", name: "Chef's Catch of the Day", price: "8,500 Ft", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-chocolate-sauce-powdered-sugar_140725-7776.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Herb Velouté",
|
||||
price: "3,500 Ft",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg",
|
||||
},
|
||||
id: "p6", name: "Seasonal Herb Velouté", price: "3,500 Ft", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg"},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our curated menu of modern flavors."
|
||||
@@ -234,55 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Laila G.",
|
||||
date: "3 months ago",
|
||||
title: "Super special meal",
|
||||
quote: "Every course was impeccable.",
|
||||
tag: "Date Night",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
id: "t1", name: "Laila G.", date: "3 months ago", title: "Super special meal", quote: "Every course was impeccable.", tag: "Date Night", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. S. Sesli",
|
||||
date: "4 months ago",
|
||||
title: "Great flavors",
|
||||
quote: "Great flavors with a great restaurant.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. S. Sesli", date: "4 months ago", title: "Great flavors", quote: "Great flavors with a great restaurant.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Stefano R.",
|
||||
date: "4 months ago",
|
||||
title: "Impeccable quality",
|
||||
quote: "The restaurant was so unique and sweet.",
|
||||
tag: "Experience",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",
|
||||
},
|
||||
id: "t3", name: "Stefano R.", date: "4 months ago", title: "Impeccable quality", quote: "The restaurant was so unique and sweet.", tag: "Experience", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anita M.",
|
||||
date: "6 months ago",
|
||||
title: "Simply magical",
|
||||
quote: "The attention to detail in every plate was absolutely stunning.",
|
||||
tag: "Dinner",
|
||||
avatarSrc: "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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-lunch-while-eating-with-her-boyfriend-restaurant_637285-1953.jpg",
|
||||
},
|
||||
id: "t4", name: "Anita M.", date: "6 months ago", title: "Simply magical", quote: "The attention to detail in every plate was absolutely stunning.", tag: "Dinner", avatarSrc: "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", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-lunch-while-eating-with-her-boyfriend-restaurant_637285-1953.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Viktor H.",
|
||||
date: "1 year ago",
|
||||
title: "Top tier dining",
|
||||
quote: "Best dining experience in Budapest. Period.",
|
||||
tag: "Birthday",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-passionate-woman-with-flower-table_23-2148001712.jpg",
|
||||
},
|
||||
id: "t5", name: "Viktor H.", date: "1 year ago", title: "Top tier dining", quote: "Best dining experience in Budapest. Period.", tag: "Birthday", avatarSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-passionate-woman-with-flower-table_23-2148001712.jpg"},
|
||||
]}
|
||||
title="Gourmet Reviews"
|
||||
description="Hear what our wonderful guests have to say about their experience at M."
|
||||
@@ -295,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Booking in advance is highly recommended.",
|
||||
},
|
||||
id: "q1", title: "Do I need a reservation?", content: "Booking in advance is highly recommended."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Currently, we offer local pickup and table service only.",
|
||||
},
|
||||
id: "q2", title: "Do you offer delivery?", content: "Currently, we offer local pickup and table service only."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the restaurant LGBTQ+ friendly?",
|
||||
content: "Yes, we are a fully inclusive establishment.",
|
||||
},
|
||||
id: "q3", title: "Is the restaurant LGBTQ+ friendly?", content: "Yes, we are a fully inclusive establishment."},
|
||||
]}
|
||||
title="Useful Information"
|
||||
description="Everything you need to know for your visit."
|
||||
@@ -320,14 +185,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Join us for an unforgettable dining experience at M. Restaurant, Budapest."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "https://metterem.hu",
|
||||
},
|
||||
text: "Reserve Now", href: "https://metterem.hu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,33 +199,21 @@ export default function LandingPage() {
|
||||
logoText="M. Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Kertész u. 48, 1073 Budapest",
|
||||
href: "#",
|
||||
},
|
||||
label: "Kertész u. 48, 1073 Budapest", href: "#"},
|
||||
{
|
||||
label: "+36 30 878 3809",
|
||||
href: "tel:+36308783809",
|
||||
},
|
||||
label: "+36 30 878 3809", href: "tel:+36308783809"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Book a Table",
|
||||
href: "https://metterem.hu",
|
||||
},
|
||||
label: "Book a Table", href: "https://metterem.hu"},
|
||||
{
|
||||
label: "View Menu",
|
||||
href: "#product",
|
||||
},
|
||||
label: "View Menu", href: "#product"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user