Merge version_1 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Saint Louis"
|
||||
/>
|
||||
@@ -57,71 +45,21 @@ export default function LandingPage() {
|
||||
title="A Taste of Saint Louis"
|
||||
description="Experience the vibrant, rich flavors of West Africa. At Saint Louis, we bring tradition, passion, and fresh local ingredients to every plate."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amina B.",
|
||||
handle: "@amina_foodie",
|
||||
testimonial: "The jollof rice is simply authentic. It brings back memories of home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg",
|
||||
},
|
||||
{
|
||||
name: "David O.",
|
||||
handle: "@david_eats",
|
||||
testimonial: "Finally, a place that gets the spices right. Incredible experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_tastes",
|
||||
testimonial: "The atmosphere is warm and inviting, just like the food.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@marcus_foodie",
|
||||
testimonial: "The Suya platter is absolutely divine and perfectly spiced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-coffee_23-2148395371.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jessica M.",
|
||||
handle: "@jessica_t",
|
||||
testimonial: "A wonderful dining experience with truly authentic flavors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ name: "Amina B.", handle: "@amina_foodie", testimonial: "The jollof rice is simply authentic. It brings back memories of home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg" },
|
||||
{ name: "David O.", handle: "@david_eats", testimonial: "Finally, a place that gets the spices right. Incredible experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sarah_tastes", testimonial: "The atmosphere is warm and inviting, just like the food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
|
||||
{ name: "Marcus L.", handle: "@marcus_foodie", testimonial: "The Suya platter is absolutely divine and perfectly spiced.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-coffee_23-2148395371.jpg" },
|
||||
{ name: "Jessica M.", handle: "@jessica_t", testimonial: "A wonderful dining experience with truly authentic flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491795.jpg"
|
||||
imageAlt="West African cuisine served at Saint Louis restaurant"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-delicious-dish-poutine_23-2149486059.jpg",
|
||||
alt: "Portrait of woman with a delicious dish of poutine",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-dish-poutine_23-2149486035.jpg",
|
||||
alt: "Portrait of man with a dish of poutine",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491792.jpg",
|
||||
alt: "Side view friends eating at restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269165.jpg",
|
||||
alt: "Person enjoying food at restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-delicious-dish-poutine_23-2149486062.jpg",
|
||||
alt: "Portrait of woman with a delicious dish of poutine",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-delicious-dish-poutine_23-2149486059.jpg", alt: "Portrait of woman with a delicious dish of poutine" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-with-dish-poutine_23-2149486035.jpg", alt: "Portrait of man with a dish of poutine" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491792.jpg", alt: "Side view friends eating at restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269165.jpg", alt: "Person enjoying food at restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-delicious-dish-poutine_23-2149486062.jpg", alt: "Portrait of woman with a delicious dish of poutine" }
|
||||
]}
|
||||
avatarText="Join our community of food lovers"
|
||||
/>
|
||||
@@ -145,26 +83,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source the freshest local produce and imported African spices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aromatic-spices-near-containes_23-2147894676.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-tasty-appetizing-ingredients-spices-grocery-cooking-healthy-kitchen-dark-black-background-horizontal-toning-copy-space_1220-1738.jpg",
|
||||
buttonText: "Learn More",
|
||||
title: "Fresh Ingredients", description: "We source the freshest local produce and imported African spices.", imageSrc: "http://img.b2bpic.net/free-photo/aromatic-spices-near-containes_23-2147894676.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-tasty-appetizing-ingredients-spices-grocery-cooking-healthy-kitchen-dark-black-background-horizontal-toning-copy-space_1220-1738.jpg", buttonText: "Learn More"
|
||||
},
|
||||
{
|
||||
title: "Authentic Ambiance",
|
||||
description: "Designed to reflect the warmth and spirit of a West African home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-walled-restaurant-top-lighting_140725-9731.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg",
|
||||
buttonText: "See Decor",
|
||||
title: "Authentic Ambiance", description: "Designed to reflect the warmth and spirit of a West African home.", imageSrc: "http://img.b2bpic.net/free-photo/stone-walled-restaurant-top-lighting_140725-9731.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg", buttonText: "See Decor"
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Slow-cooked to perfection using time-honored traditional techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-plate-delicious-food-table_181624-38627.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg",
|
||||
buttonText: "Menu Details",
|
||||
},
|
||||
title: "Traditional Recipes", description: "Slow-cooked to perfection using time-honored traditional techniques.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-plate-delicious-food-table_181624-38627.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg", buttonText: "Menu Details"
|
||||
}
|
||||
]}
|
||||
title="Why Saint Louis?"
|
||||
description="We don't just cook, we create experiences rooted in culture."
|
||||
@@ -173,52 +99,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jollof Rice",
|
||||
price: "$18",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-oil-raisins-inside-plate-dark-space_140725-97896.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fried Plantains",
|
||||
price: "$8",
|
||||
variant: "Classic Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-potato-wedges_181624-42187.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Suya Platter",
|
||||
price: "$22",
|
||||
variant: "Grill",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-diet-restaurant-seafood-fish_1203-4009.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Egusi Soup",
|
||||
price: "$20",
|
||||
variant: "Traditional Stew",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cooked-vegetables-sliced-with-sauce-dark-background-sauce-soup-meal-vegetable-food_140725-77097.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pepper Soup",
|
||||
price: "$16",
|
||||
variant: "Spicy Delicacy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-tasty-meatballs-soup-with-vegetables-dark-table-sauce-dish-colors_140725-81163.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Meat Pies",
|
||||
price: "$6",
|
||||
variant: "Snack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-strawberry-pie-with-jam-fresh-red-strawberries_140725-59324.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jollof Rice", price: "$18", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-oil-raisins-inside-plate-dark-space_140725-97896.jpg" },
|
||||
{ id: "2", name: "Fried Plantains", price: "$8", variant: "Classic Side", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-potato-wedges_181624-42187.jpg" },
|
||||
{ id: "3", name: "Suya Platter", price: "$22", variant: "Grill", imageSrc: "http://img.b2bpic.net/free-photo/tuna-diet-restaurant-seafood-fish_1203-4009.jpg" },
|
||||
{ id: "4", name: "Egusi Soup", price: "$20", variant: "Traditional Stew", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cooked-vegetables-sliced-with-sauce-dark-background-sauce-soup-meal-vegetable-food_140725-77097.jpg" },
|
||||
{ id: "5", name: "Pepper Soup", price: "$16", variant: "Spicy Delicacy", imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-tasty-meatballs-soup-with-vegetables-dark-table-sauce-dish-colors_140725-81163.jpg" },
|
||||
{ id: "6", name: "Meat Pies", price: "$6", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-strawberry-pie-with-jam-fresh-red-strawberries_140725-59324.jpg" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Explore our selection of signature West African delicacies."
|
||||
@@ -231,21 +122,9 @@ export default function LandingPage() {
|
||||
title="Serving Joy"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Meals Served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "Family Recipes",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Years of Heritage",
|
||||
},
|
||||
{ id: "m1", value: "15k+", description: "Meals Served" },
|
||||
{ id: "m2", value: "20", description: "Family Recipes" },
|
||||
{ id: "m3", value: "5", description: "Years of Heritage" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,49 +132,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina",
|
||||
handle: "@amina",
|
||||
testimonial: "Authentic taste, wonderful vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-latin-friends-hanging-out_23-2151139448.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "My new favorite neighborhood spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081852.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Excellent service and the food is to die for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156204.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus",
|
||||
handle: "@marcus",
|
||||
testimonial: "I loved the egusi soup!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-coffee_23-2148395371.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica",
|
||||
handle: "@jessica",
|
||||
testimonial: "A truly gem of a restaurant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Amina", handle: "@amina", testimonial: "Authentic taste, wonderful vibe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-latin-friends-hanging-out_23-2151139448.jpg" },
|
||||
{ id: "t2", name: "David", handle: "@david", testimonial: "My new favorite neighborhood spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081852.jpg" },
|
||||
{ id: "t3", name: "Sarah", handle: "@sarah", testimonial: "Excellent service and the food is to die for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156204.jpg" },
|
||||
{ id: "t4", name: "Marcus", handle: "@marcus", testimonial: "I loved the egusi soup!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-coffee_23-2148395371.jpg" },
|
||||
{ id: "t5", name: "Jessica", handle: "@jessica", testimonial: "A truly gem of a restaurant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
@@ -308,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we have many traditional vegetable-based dishes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you take reservations?",
|
||||
content: "Reservations are highly recommended on weekends.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your restaurant kid-friendly?",
|
||||
content: "Absolutely! We love hosting families.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer vegan options?", content: "Yes, we have many traditional vegetable-based dishes." },
|
||||
{ id: "f2", title: "Do you take reservations?", content: "Reservations are highly recommended on weekends." },
|
||||
{ id: "f3", title: "Is your restaurant kid-friendly?", content: "Absolutely! We love hosting families." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our ingredients or dining experience?"
|
||||
@@ -333,50 +166,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Join Us for Dinner"
|
||||
description="Located in the heart of the city, serving authentic West African flavors daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Table", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Our Story", href: "#about" }, { label: "Our Menu", href: "#menu" }] },
|
||||
{ title: "Info", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
|
||||
]}
|
||||
logoText="Saint Louis"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user