Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,46 +31,33 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Us",
|
name: "About Us", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "#menu"},
|
||||||
id: "#menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Reserve Your Table",
|
text: "Reserve Your Table", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
brandName="Melo Dakar"
|
brandName="Melo Dakar"
|
||||||
|
brandNameClassName="text-[#008B8B]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
logoText="Melo Dakar"
|
logoText="Melo Dakar"
|
||||||
|
logoClassName="text-[#008B8B]"
|
||||||
description="Experience refined elegance, generous portions, and impeccable service in our thoughtfully curated brunch sanctuary. From signature American brunches to artisanal pastries, every moment is crafted for you."
|
description="Experience refined elegance, generous portions, and impeccable service in our thoughtfully curated brunch sanctuary. From signature American brunches to artisanal pastries, every moment is crafted for you."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Reserve Your Table Now",
|
text: "Reserve Your Table Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg"
|
||||||
imageAlt="Elegant luxury restaurant interior during brunch"
|
imageAlt="Elegant luxury restaurant interior during brunch"
|
||||||
@@ -91,23 +78,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Artisanal Cocktails",
|
title: "Artisanal Cocktails", description: "Our mixologists craft signature cocktails, blending local flavors with international spirits for a refreshing twist.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185358.jpg", imageAlt: "Artisanal brunch cocktail"},
|
||||||
description: "Our mixologists craft signature cocktails, blending local flavors with international spirits for a refreshing twist.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185358.jpg",
|
|
||||||
imageAlt: "Artisanal brunch cocktail",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Gourmet Pastries",
|
title: "Gourmet Pastries", description: "Indulge in our selection of freshly baked artisanal pastries, from flaky croissants to decadent tarts, all made in-house.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-tasty-dessert-close-up_23-2148516919.jpg", imageAlt: "Assorted gourmet pastries"},
|
||||||
description: "Indulge in our selection of freshly baked artisanal pastries, from flaky croissants to decadent tarts, all made in-house.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-tasty-dessert-close-up_23-2148516919.jpg",
|
|
||||||
imageAlt: "Assorted gourmet pastries",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Impeccable Service",
|
title: "Impeccable Service", description: "Our dedicated team provides attentive and personalized service, ensuring every visit is seamless and memorable.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-silver-cutlery-wooden-wall_140725-12960.jpg", imageAlt: "Elegant table setting"},
|
||||||
description: "Our dedicated team provides attentive and personalized service, ensuring every visit is seamless and memorable.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-silver-cutlery-wooden-wall_140725-12960.jpg",
|
|
||||||
imageAlt: "Elegant table setting",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="A Brunch Experience Beyond Compare"
|
title="A Brunch Experience Beyond Compare"
|
||||||
description="Discover what makes Melo Dakar the premier destination for discerning diners and social epicures alike."
|
description="Discover what makes Melo Dakar the premier destination for discerning diners and social epicures alike."
|
||||||
@@ -122,53 +97,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "dish-1",
|
id: "dish-1", name: "Eggs Benedict Royale", price: "$25", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/marble-plate-with-boiled-egg-toast-high-quality-photo_114579-26212.jpg", imageAlt: "Eggs Benedict with hollandaise sauce"},
|
||||||
name: "Eggs Benedict Royale",
|
|
||||||
price: "$25",
|
|
||||||
variant: "Classic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-plate-with-boiled-egg-toast-high-quality-photo_114579-26212.jpg",
|
|
||||||
imageAlt: "Eggs Benedict with hollandaise sauce",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dish-2",
|
id: "dish-2", name: "Melo's Fluffy Pancakes", price: "$22", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-stack-pancakes-with-red-berries-plate-near-tea-pitcher_181624-2196.jpg", imageAlt: "Stack of fluffy pancakes with berries"},
|
||||||
name: "Melo's Fluffy Pancakes",
|
|
||||||
price: "$22",
|
|
||||||
variant: "Sweet",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-stack-pancakes-with-red-berries-plate-near-tea-pitcher_181624-2196.jpg",
|
|
||||||
imageAlt: "Stack of fluffy pancakes with berries",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dish-3",
|
id: "dish-3", name: "Smoked Salmon Bagel", price: "$28", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-bruschetta-with-avocado-served-with-lemon_140725-1621.jpg", imageAlt: "Smoked salmon bagel with cream cheese"},
|
||||||
name: "Smoked Salmon Bagel",
|
|
||||||
price: "$28",
|
|
||||||
variant: "Savory",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-bruschetta-with-avocado-served-with-lemon_140725-1621.jpg",
|
|
||||||
imageAlt: "Smoked salmon bagel with cream cheese",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dish-4",
|
id: "dish-4", name: "Avocado Toast with Poached Egg", price: "$20", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186014.jpg", imageAlt: "Avocado toast with a perfectly poached egg"},
|
||||||
name: "Avocado Toast with Poached Egg",
|
|
||||||
price: "$20",
|
|
||||||
variant: "Healthy",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186014.jpg",
|
|
||||||
imageAlt: "Avocado toast with a perfectly poached egg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dish-5",
|
id: "dish-5", name: "Steak & Eggs", price: "$35", variant: "Hearty", imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg", imageAlt: "Grilled steak with sunny-side-up eggs"},
|
||||||
name: "Steak & Eggs",
|
|
||||||
price: "$35",
|
|
||||||
variant: "Hearty",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg",
|
|
||||||
imageAlt: "Grilled steak with sunny-side-up eggs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dish-6",
|
id: "dish-6", name: "Exotic Fruit Platter", price: "$18", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-figs-bowl-with-strawberries_176474-28142.jpg", imageAlt: "Colorful platter of exotic fruits"},
|
||||||
name: "Exotic Fruit Platter",
|
|
||||||
price: "$18",
|
|
||||||
variant: "Fresh",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-figs-bowl-with-strawberries_176474-28142.jpg",
|
|
||||||
imageAlt: "Colorful platter of exotic fruits",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Exquisite Brunch Menu"
|
title="Our Exquisite Brunch Menu"
|
||||||
description="Explore our diverse culinary offerings, from classic brunch favorites to unique, artisanal creations."
|
description="Explore our diverse culinary offerings, from classic brunch favorites to unique, artisanal creations."
|
||||||
@@ -182,45 +121,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Aïsha Diallo", handle: "@AishaDakar", testimonial: "Melo Dakar is an absolute gem! The ambiance, the service, and especially the food are simply divine. The best brunch spot in Dakar, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg", imageAlt: "Aïsha Diallo portrait"},
|
||||||
name: "Aïsha Diallo",
|
|
||||||
handle: "@AishaDakar",
|
|
||||||
testimonial: "Melo Dakar is an absolute gem! The ambiance, the service, and especially the food are simply divine. The best brunch spot in Dakar, hands down.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg",
|
|
||||||
imageAlt: "Aïsha Diallo portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Omar Ndiaye", handle: "@OmarFoodie", testimonial: "Every dish is a masterpiece. I brought my family for a weekend brunch, and everyone loved their meal. The portions are generous, and the quality is outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-blue-background-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-16124.jpg", imageAlt: "Omar Ndiaye portrait"},
|
||||||
name: "Omar Ndiaye",
|
|
||||||
handle: "@OmarFoodie",
|
|
||||||
testimonial: "Every dish is a masterpiece. I brought my family for a weekend brunch, and everyone loved their meal. The portions are generous, and the quality is outstanding.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-blue-background-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-16124.jpg",
|
|
||||||
imageAlt: "Omar Ndiaye portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Fatou Sow", handle: "@FatouLifestyle", testimonial: "A truly elegant experience! Perfect for business brunches or a luxurious treat. The attention to detail is remarkable, and the coffee is superb.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg", imageAlt: "Fatou Sow portrait"},
|
||||||
name: "Fatou Sow",
|
|
||||||
handle: "@FatouLifestyle",
|
|
||||||
testimonial: "A truly elegant experience! Perfect for business brunches or a luxurious treat. The attention to detail is remarkable, and the coffee is superb.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",
|
|
||||||
imageAlt: "Fatou Sow portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Dr. Ben Traoré", handle: "@DrBenDakar", testimonial: "As a busy professional, efficiency and quality are paramount. Melo Dakar consistently delivers both with an exquisite menu and flawless service. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg", imageAlt: "Dr. Ben Traoré portrait"},
|
||||||
name: "Dr. Ben Traoré",
|
|
||||||
handle: "@DrBenDakar",
|
|
||||||
testimonial: "As a busy professional, efficiency and quality are paramount. Melo Dakar consistently delivers both with an exquisite menu and flawless service. Highly recommended.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg",
|
|
||||||
imageAlt: "Dr. Ben Traoré portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Nafissatou Fall", handle: "@NafisFall", testimonial: "The atmosphere is so welcoming, and the food is incredibly photogenic! I love sharing my Melo Dakar moments with my followers. It’s always a delightful visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-girl_641386-521.jpg", imageAlt: "Nafissatou Fall portrait"},
|
||||||
name: "Nafissatou Fall",
|
|
||||||
handle: "@NafisFall",
|
|
||||||
testimonial: "The atmosphere is so welcoming, and the food is incredibly photogenic! I love sharing my Melo Dakar moments with my followers. It’s always a delightful visit.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-girl_641386-521.jpg",
|
|
||||||
imageAlt: "Nafissatou Fall portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Guests Say"
|
title="What Our Guests Say"
|
||||||
description="Hear from our cherished patrons about their unforgettable experiences at Melo Dakar."
|
description="Hear from our cherished patrons about their unforgettable experiences at Melo Dakar."
|
||||||
@@ -232,14 +141,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Dakar Culinary",
|
"Dakar Culinary", "Luxury Living Magazine", "Dakar Lifestyle Blog", "Gourmet Africa", "The Brunch Connoisseur", "Hotel Excellence", "Senegal Tourism Board"]}
|
||||||
"Luxury Living Magazine",
|
|
||||||
"Dakar Lifestyle Blog",
|
|
||||||
"Gourmet Africa",
|
|
||||||
"The Brunch Connoisseur",
|
|
||||||
"Hotel Excellence",
|
|
||||||
"Senegal Tourism Board",
|
|
||||||
]}
|
|
||||||
title="Trusted by Patrons and Partners"
|
title="Trusted by Patrons and Partners"
|
||||||
description="Our commitment to excellence has earned us recognition and strong relationships within the community, fostering a reputation for quality and luxury."
|
description="Our commitment to excellence has earned us recognition and strong relationships within the community, fostering a reputation for quality and luxury."
|
||||||
/>
|
/>
|
||||||
@@ -249,18 +151,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
text="Ready to Indulge? Reserve Your Table Today."
|
text="Ready to Indulge? Reserve Your Table Today."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Make a Reservation",
|
text: "Make a Reservation", href: "mailto:reservations@melodakar.com"},
|
||||||
href: "mailto:reservations@melodakar.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Location",
|
text: "View Location", href: "https://maps.google.com/?q=Melo+Dakar+Restaurant"},
|
||||||
href: "https://maps.google.com/?q=Melo+Dakar+Restaurant",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -269,54 +166,33 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Melo Dakar",
|
title: "Melo Dakar", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Our Story",
|
label: "Our Story", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Menu",
|
label: "Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reservations",
|
label: "Reservations", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Follow Us",
|
title: "Follow Us", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com/melodakar"},
|
||||||
href: "https://instagram.com/melodakar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "https://facebook.com/melodakar"},
|
||||||
href: "https://facebook.com/melodakar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Twitter",
|
label: "Twitter", href: "https://twitter.com/melodakar"},
|
||||||
href: "https://twitter.com/melodakar",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "info@melodakar.com",
|
label: "info@melodakar.com", href: "mailto:info@melodakar.com"},
|
||||||
href: "mailto:info@melodakar.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "+221 33 000 0000",
|
label: "+221 33 000 0000", href: "tel:+221330000000"},
|
||||||
href: "tel:+221330000000",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "123 Elegance Avenue, Dakar",
|
label: "123 Elegance Avenue, Dakar", href: "https://maps.google.com/?q=123+Elegance+Avenue,+Dakar"},
|
||||||
href: "https://maps.google.com/?q=123+Elegance+Avenue,+Dakar",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -327,4 +203,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user