Update src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ma Poêle"
|
||||
/>
|
||||
@@ -57,39 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ma Poêle Smoke House"
|
||||
description="Où la fumée rencontre l’âme. Experience authentic wood-fired cooking and charcoal grilling in the heart of Agadir."
|
||||
tag="Since 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Réserver une Table", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg?_wi=1",
|
||||
imageAlt: "grilled beef steak",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg?_wi=1",
|
||||
imageAlt: "wood fire grill",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-steak-medium-rare-beef-with-spices-tomatoes-asparagus-top-view_2829-11261.jpg",
|
||||
imageAlt: "Juicy steak medium rare beef",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-side-view_141793-2370.jpg",
|
||||
imageAlt: "Fried meat with potato",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-ribs-kebab-served-with-grilled-potatoes-salad_140725-1564.jpg",
|
||||
imageAlt: "Lamb ribs kebab",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg", imageAlt: "grilled beef steak" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg", imageAlt: "wood fire grill" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,15 +61,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Au feu de bois",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-man-making-bonfire_23-2148506908.jpg",
|
||||
alt: "Wood fired cooking",
|
||||
},
|
||||
{ type: "text", content: "Au feu de bois" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-man-making-bonfire_23-2148506908.jpg", alt: "Wood fired cooking" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,42 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ma Poêle Burger",
|
||||
price: "95 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-cheeseburger-with-bacon-french-fries-brown-bread_140725-5673.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Poulpe Braisé",
|
||||
price: "140 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-stewed-octopus-with-potato-greens-plate_141793-3687.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pizza Wood-Fired",
|
||||
price: "85 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-near-oven_23-2150873852.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Smoked Ribs",
|
||||
price: "160 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23833.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Grilled Sea Bass",
|
||||
price: "130 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-chop-meat-steak_1203-9915.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vegetable Skewers",
|
||||
price: "60 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak-placed-wooden-tray_1150-23142.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ma Poêle Burger", price: "95 DH", imageSrc: "http://img.b2bpic.net/free-photo/meat-cheeseburger-with-bacon-french-fries-brown-bread_140725-5673.jpg" },
|
||||
{ id: "2", name: "Poulpe Braisé", price: "140 DH", imageSrc: "http://img.b2bpic.net/free-photo/side-view-stewed-octopus-with-potato-greens-plate_141793-3687.jpg" },
|
||||
{ id: "3", name: "Pizza Wood-Fired", price: "85 DH", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-near-oven_23-2150873852.jpg" },
|
||||
{ id: "4", name: "Smoked Ribs", price: "160 DH", imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23833.jpg" },
|
||||
{ id: "5", name: "Grilled Sea Bass", price: "130 DH", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-chop-meat-steak_1203-9915.jpg" },
|
||||
{ id: "6", name: "Vegetable Skewers", price: "60 DH", imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak-placed-wooden-tray_1150-23142.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover our authentic charcoal-grilled specialties."
|
||||
@@ -165,33 +88,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "loc",
|
||||
title: "Location",
|
||||
description: "Rue de la Foire, Agadir",
|
||||
tag: "Address",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-plate-with-red-gurza-side-view_141793-4739.jpg",
|
||||
imageAlt: "Man holds plate with red gurza side view",
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
title: "Hours",
|
||||
description: "Mon-Sun: 12PM-11PM",
|
||||
tag: "Open Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg?_wi=2",
|
||||
imageAlt: "Man holds plate with red gurza side view",
|
||||
},
|
||||
{
|
||||
id: "map",
|
||||
title: "Find Us",
|
||||
description: "Google Map Integration enabled",
|
||||
tag: "Map",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg?_wi=2",
|
||||
imageAlt: "Man holds plate with red gurza side view",
|
||||
},
|
||||
{ id: "loc", title: "Location", description: "Rue de la Foire, Agadir", tag: "Address", imageSrc: "http://img.b2bpic.net/free-photo/man-holds-plate-with-red-gurza-side-view_141793-4739.jpg", imageAlt: "Man holds plate with red gurza side view" },
|
||||
{ id: "hours", title: "Hours", description: "Mon-Sun: 12PM-11PM", tag: "Open Daily", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg", imageAlt: "Man holds plate with red gurza side view" },
|
||||
{ id: "map", title: "Find Us", description: "Google Map Integration enabled", tag: "Map", imageSrc: "http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg", imageAlt: "Man holds plate with red gurza side view" }
|
||||
]}
|
||||
title="Visit Us in Agadir"
|
||||
description="Open Daily 12:00 PM - 11:00 PM."
|
||||
@@ -204,51 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarahfoodie",
|
||||
testimonial: "The best burger in Agadir!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-restaurant-kitchen_23-2151949248.jpg",
|
||||
imageAlt: "Chef in restaurant kitchen",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John",
|
||||
handle: "@traveler",
|
||||
testimonial: "Authentic wood-fire taste.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg?_wi=3",
|
||||
imageAlt: "Chef in restaurant kitchen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim",
|
||||
handle: "@agadirfood",
|
||||
testimonial: "Amazing octopus!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg?_wi=3",
|
||||
imageAlt: "Chef in restaurant kitchen",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Laila",
|
||||
handle: "@lailagourmet",
|
||||
testimonial: "Great atmosphere.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-making-bonfire_23-2148506908.jpg",
|
||||
imageAlt: "Chef in restaurant kitchen",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar",
|
||||
handle: "@omareats",
|
||||
testimonial: "Truly soul satisfying.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-cheeseburger-with-bacon-french-fries-brown-bread_140725-5673.jpg?_wi=2",
|
||||
imageAlt: "Chef in restaurant kitchen",
|
||||
},
|
||||
{ id: "1", name: "Sarah", handle: "@sarahfoodie", testimonial: "The best burger in Agadir!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chef-restaurant-kitchen_23-2151949248.jpg", imageAlt: "Chef in restaurant kitchen" },
|
||||
{ id: "2", name: "John", handle: "@traveler", testimonial: "Authentic wood-fire taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg", imageAlt: "Chef in restaurant kitchen" },
|
||||
{ id: "3", name: "Karim", handle: "@agadirfood", testimonial: "Amazing octopus!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg", imageAlt: "Chef in restaurant kitchen" },
|
||||
{ id: "4", name: "Laila", handle: "@lailagourmet", testimonial: "Great atmosphere.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-making-bonfire_23-2148506908.jpg", imageAlt: "Chef in restaurant kitchen" },
|
||||
{ id: "5", name: "Omar", handle: "@omareats", testimonial: "Truly soul satisfying.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/meat-cheeseburger-with-bacon-french-fries-brown-bread_140725-5673.jpg", imageAlt: "Chef in restaurant kitchen" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Reviews"
|
||||
@@ -260,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Instagram Feed",
|
||||
"Facebook Page",
|
||||
"TripAdvisor",
|
||||
"Google Reviews",
|
||||
"TikTok",
|
||||
"Food Blogger",
|
||||
"Agadir Eat",
|
||||
]}
|
||||
names={["Instagram Feed", "Facebook Page", "TripAdvisor", "Google Reviews", "TikTok", "Food Blogger", "Agadir Eat"]}
|
||||
title="Follow Our Journey"
|
||||
description="Check out our latest dishes on Instagram."
|
||||
/>
|
||||
@@ -277,9 +132,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Book Your Table"
|
||||
description="Contact us today to secure your spot."
|
||||
@@ -294,36 +147,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-smoke-wallpaper-background-desktop_53876-133372.jpg"
|
||||
logoText="Ma Poêle"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user