Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -31,22 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "reservation",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Dishes", id: "dishes" },
|
||||
{ name: "Lifestyle", id: "lifestyle" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reservation", id: "reservation" }
|
||||
]}
|
||||
brandName="MARPESA"
|
||||
/>
|
||||
@@ -54,46 +45,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="MARPESA"
|
||||
description="Where Taste Becomes Memory."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#reservation",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Reserve a Table", href: "#reservation" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-balcony-background-night-city_1153-3809.jpg?_wi=1",
|
||||
imageAlt: "Wine pouring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-burning-white-candles-tall-glass-vases_8353-585.jpg",
|
||||
imageAlt: "Chef plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg",
|
||||
imageAlt: "Sunset terrace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-salad-with-glass-wine-table-with-trees-sunlight-leak-background_176474-3901.jpg",
|
||||
imageAlt: "Dinner service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-dinner-two-summer-white_1203-4949.jpg",
|
||||
imageAlt: "Cocktail bar",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg",
|
||||
imageAlt: "Candlelight",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-balcony-background-night-city_1153-3809.jpg", imageAlt: "Wine pouring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/row-burning-white-candles-tall-glass-vases_8353-585.jpg", imageAlt: "Chef plating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg", imageAlt: "Sunset terrace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-salad-with-glass-wine-table-with-trees-sunlight-leak-background_176474-3901.jpg", imageAlt: "Dinner service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beach-dinner-two-summer-white_1203-4949.jpg", imageAlt: "Cocktail bar" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg", imageAlt: "Candlelight" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,15 +67,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "At Marpesa, every dish tells a story.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg",
|
||||
alt: "Interior",
|
||||
},
|
||||
{ type: "text", content: "At Marpesa, every dish tells a story." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg", alt: "Interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,48 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Handmade Gnocchi",
|
||||
price: "28€",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-macaroni-white-plate_114579-33496.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mediterranean Salad",
|
||||
price: "18€",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sauce-herbs_140725-2749.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grilled Sea Bass",
|
||||
price: "34€",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad_1203-7429.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lemon Tart",
|
||||
price: "12€",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-plate-two-sweet-doughnuts-with-colorful-sprinkles_114579-87208.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Negroni",
|
||||
price: "14€",
|
||||
variant: "Cocktail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-with-tomatoes-parsley-white-table_1253-953.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lamb Cutlets",
|
||||
price: "38€",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-garlic_140725-6641.jpg",
|
||||
},
|
||||
{ id: "1", name: "Handmade Gnocchi", price: "28€", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/delicious-macaroni-white-plate_114579-33496.jpg" },
|
||||
{ id: "2", name: "Mediterranean Salad", price: "18€", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sauce-herbs_140725-2749.jpg" },
|
||||
{ id: "3", name: "Grilled Sea Bass", price: "34€", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad_1203-7429.jpg" },
|
||||
{ id: "4", name: "Lemon Tart", price: "12€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/blue-plate-two-sweet-doughnuts-with-colorful-sprinkles_114579-87208.jpg" },
|
||||
{ id: "5", name: "Signature Negroni", price: "14€", variant: "Cocktail", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-with-tomatoes-parsley-white-table_1253-953.jpg" },
|
||||
{ id: "6", name: "Lamb Cutlets", price: "38€", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-garlic_140725-6641.jpg" }
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Crafted with passion. Served with elegance."
|
||||
@@ -175,28 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "311+",
|
||||
title: "Happy Guests",
|
||||
description: "Sharing memories",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.7",
|
||||
title: "Rating",
|
||||
description: "Average review",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "12+",
|
||||
title: "Years",
|
||||
description: "Culinary passion",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "1", value: "311+", title: "Happy Guests", description: "Sharing memories", icon: Users },
|
||||
{ id: "2", value: "4.7", title: "Rating", description: "Average review", icon: Star },
|
||||
{ id: "3", value: "12+", title: "Years", description: "Culinary passion", icon: Award }
|
||||
]}
|
||||
title="Not just a meal — a feeling."
|
||||
description="An atmosphere designed for your pleasure."
|
||||
@@ -210,26 +115,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anastasia P."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg",
|
||||
alt: "Anastasia P.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/drunk-girl-having-fun-party_52683-92751.jpg",
|
||||
alt: "Vasiliki Z.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg",
|
||||
alt: "Aggelos V.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg", alt: "Anastasia P." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/drunk-girl-having-fun-party_52683-92751.jpg", alt: "Vasiliki Z." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg", alt: "Aggelos V." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", alt: "Guest 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -243,44 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Starters",
|
||||
price: "12-18€",
|
||||
period: "Menu",
|
||||
features: [
|
||||
"Greek Salad",
|
||||
"Grilled Octopus",
|
||||
"Spanakopita",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-table-outdoor-patio-with-beautiful-tropical-beach-sea_74190-8179.jpg",
|
||||
imageAlt: "candlelit restaurant table dining luxury",
|
||||
id: "m1", title: "Starters", price: "12-18€", period: "Menu", features: ["Greek Salad", "Grilled Octopus", "Spanakopita"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-table-outdoor-patio-with-beautiful-tropical-beach-sea_74190-8179.jpg", imageAlt: "Starters selection", button: { text: "Reserve", href: "#reservation" }
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Main Courses",
|
||||
price: "24-40€",
|
||||
period: "Menu",
|
||||
features: [
|
||||
"Fresh Seafood",
|
||||
"Lamb Chops",
|
||||
"Traditional Gnocchi",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-balcony-background-night-city_1153-3809.jpg?_wi=2",
|
||||
imageAlt: "candlelit restaurant table dining luxury",
|
||||
id: "m2", title: "Main Courses", price: "24-40€", period: "Menu", features: ["Fresh Seafood", "Lamb Chops", "Traditional Gnocchi"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-balcony-background-night-city_1153-3809.jpg", imageAlt: "Main course selection", button: { text: "Reserve", href: "#reservation" }
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Drinks",
|
||||
price: "8-16€",
|
||||
period: "Menu",
|
||||
features: [
|
||||
"Signature Wines",
|
||||
"Craft Cocktails",
|
||||
"Artisan Coffee",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg",
|
||||
imageAlt: "candlelit restaurant table dining luxury",
|
||||
},
|
||||
id: "m3", title: "Drinks", price: "8-16€", period: "Menu", features: ["Signature Wines", "Craft Cocktails", "Artisan Coffee"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg", imageAlt: "Drinks selection", button: { text: "Reserve", href: "#reservation" }
|
||||
}
|
||||
]}
|
||||
title="Menu Selection"
|
||||
description="Explore our refined Mediterranean offerings."
|
||||
@@ -290,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Reserve Your Experience"
|
||||
description="Limited tables available tonight."
|
||||
@@ -303,41 +164,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Zakynthos, Greece",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+30 210 123 456",
|
||||
href: "tel:+30210123456",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Daily 6pm - 12am",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Contact", items: [{ label: "Zakynthos, Greece", href: "#" }, { label: "+30 210 123 456", href: "tel:+30210123456" }] },
|
||||
{ title: "Hours", items: [{ label: "Daily 6pm - 12am", href: "#" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
|
||||
]}
|
||||
logoText="MARPESA"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user