Update src/app/page.tsx
This commit is contained in:
168
src/app/page.tsx
168
src/app/page.tsx
@@ -21,65 +21,32 @@ export default function LandingPage() {
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "product"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Főoldal", id: "hero" },
|
||||
{ name: "Rólunk", id: "about" },
|
||||
{ name: "Étlap", id: "product" },
|
||||
{ name: "Kapcsolat", id: "contact" },
|
||||
]}
|
||||
brandName="M. Restaurant"
|
||||
brandName="M. Étterem"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
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"},
|
||||
]}
|
||||
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-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/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"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
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: "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: "text", text: "Budapest's Finest"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="M. Étterem: Kulináris Élmény Budapest Szívében"
|
||||
description="Fedezze fel modern, francia ihletésű konyhánkat egy intim, művészi hangulatú környezetben a Kertész utcában."
|
||||
buttons={[{ text: "Asztalfoglalás", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-restaurant-table-setting-with-candles-wine-glasses_140725-8458.jpg"
|
||||
imageAlt="Elegáns éttermi hangulat"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,10 +54,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
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: "text", content: "Egyedülálló Gasztronómiai Menedék" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/interior-of-modern-restaurant-with-artistic-walls_140725-8458.jpg", alt: "Étterem belső" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,19 +66,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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", 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", 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", 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", 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"},
|
||||
{ id: "f1", tag: "Technika", title: "Modern Francia Technikák", description: "Klasszikus francia alapok kortárs innovációval ötvözve.", imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-plate-with-french-style-garnish_1258-52397.jpg" },
|
||||
{ id: "f2", tag: "Hangulat", title: "Intim Légkör", description: "Két szinten elterülő, egyedi design és meghitt hangulat.", imageSrc: "http://img.b2bpic.net/free-photo/couple-dining-in-luxurious-artistic-restaurant_23-2150517414.jpg" },
|
||||
]}
|
||||
title="The M. Experience"
|
||||
description="Discover what makes our kitchen stand out among Budapest's finest dining destinations."
|
||||
title="Az M. Élmény"
|
||||
description="Fedezze fel, mi teszi különlegessé éttermünket Budapest gasztronómiai térképén."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,42 +81,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "p1", name: "Kacsacomb", price: "6.500 Ft", variant: "Klasszikus", imageSrc: "http://img.b2bpic.net/free-photo/traditional-duck-leg-garnish_7502-7373.jpg" },
|
||||
{ id: "p2", name: "Csokoládé Fondant", price: "3.200 Ft", variant: "Desszert", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondant-with-berries_23-2148549957.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our curated menu of modern flavors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
title="Gourmet Reviews"
|
||||
description="Hear what our wonderful guests have to say about their experience at M."
|
||||
title="Étlapunk Kínálata"
|
||||
description="Válogasson válogatott fogásaink közül."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,17 +94,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "Is the restaurant LGBTQ+ friendly?", content: "Yes, we are a fully inclusive establishment."},
|
||||
{
|
||||
id: "q4", title: "Is there nearby parking or public transport?", content: "Yes, we are conveniently located near the Akácfa utca tram stops and several public parking garages on Kertész u."},
|
||||
{ id: "q1", title: "Szükséges asztalt foglalni?", content: "Igen, előzetes asztalfoglalás erősen ajánlott." },
|
||||
{ id: "q4", title: "Hol tudok parkolni vagy tömegközlekedni?", content: "A Kertész utca környékén több nyilvános parkolóház is található. Tömegközlekedéssel könnyen megközelíthető az Akácfa utcai megállóktól, illetve az Astoria és a Blaha Lujza tér felől is rövid sétával elérhetőek vagyunk." },
|
||||
]}
|
||||
title="Useful Information"
|
||||
description="Everything you need to know for your visit."
|
||||
title="Hasznos Információk"
|
||||
description="Minden, amit a látogatás előtt érdemes tudnia."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -186,38 +106,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
text="Join us for an unforgettable dining experience at M. Restaurant, Budapest."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now", href: "https://metterem.hu"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Várjuk szeretettel az M. Étteremben, egy felejthetetlen budapesti vacsorára."
|
||||
buttons={[{ text: "Foglaljon Most", href: "https://metterem.hu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="M. Restaurant"
|
||||
logoText="M. Étterem"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Kertész u. 48, 1073 Budapest", href: "#"},
|
||||
{
|
||||
label: "+36 30 878 3809", href: "tel:+36308783809"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Book a Table", href: "https://metterem.hu"},
|
||||
{
|
||||
label: "View Menu", href: "#product"},
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{ title: "Elérhetőség", items: [{ label: "Kertész u. 48, 1073 Budapest", href: "#" }, { label: "+36 30 878 3809", href: "tel:+36308783809" }] },
|
||||
{ title: "Linkek", items: [{ label: "Asztalfoglalás", href: "https://metterem.hu" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user