Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8f5f5d1cf6 | |||
| 96aa32e5da |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -10,9 +10,8 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Flame, Leaf, Smile, Soup } from "lucide-react";
|
||||
import { Award, Flame, Leaf, Smile, Soup, Coffee, Cherry } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,34 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Online", href: "#contact"}}
|
||||
brandName="Yemeni Flavors"
|
||||
/>
|
||||
</div>
|
||||
@@ -68,19 +53,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Yemeni Flavors"
|
||||
description="Experience the rich, aromatic tastes of authentic Yemeni cuisine. A journey for your senses, right here."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-event-dinner-party-glass_1203-5093.jpg"
|
||||
imageAlt="Authentic Yemeni restaurant interior with traditional decor and warm lighting"
|
||||
@@ -95,19 +75,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Soup,
|
||||
label: "Traditional Recipes",
|
||||
value: "Passed Down",
|
||||
},
|
||||
label: "Traditional Recipes", value: "Passed Down"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Culinary Excellence",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years of Culinary Excellence", value: "20+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Happy Guests Served",
|
||||
value: "Thousands",
|
||||
},
|
||||
label: "Happy Guests Served", value: "Thousands"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -121,19 +95,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Fresh, Local Ingredients",
|
||||
description: "Sourced daily to ensure the highest quality and taste in every dish.",
|
||||
},
|
||||
title: "Fresh, Local Ingredients", description: "Sourced daily to ensure the highest quality and taste in every dish."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Authentic Spice Blends",
|
||||
description: "Our unique blend of Yemeni spices creates an unforgettable culinary experience.",
|
||||
},
|
||||
title: "Authentic Spice Blends", description: "Our unique blend of Yemeni spices creates an unforgettable culinary experience."},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Warm Yemeni Hospitality",
|
||||
description: "Feel at home with our friendly service and welcoming family atmosphere.",
|
||||
},
|
||||
title: "Warm Yemeni Hospitality", description: "Feel at home with our friendly service and welcoming family atmosphere."},
|
||||
]}
|
||||
title="Why Choose Yemeni Flavors?"
|
||||
description="We bring the essence of Yemen to your plate with unparalleled quality and authenticity."
|
||||
@@ -148,50 +116,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Yemeni Lamb Mandi",
|
||||
price: "$25.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-lavangi-with-sauce-rice_141793-4010.jpg",
|
||||
imageAlt: "A plate of Yemeni Lamb Mandi with tender lamb and aromatic rice",
|
||||
},
|
||||
id: "appetizer-1", name: "Hummus with Yemeni Bread", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/tasty-hummus-white-plate_141793-19962.jpg", imageAlt: "Creamy hummus served with warm Yemeni bread"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Saltah & Fahsah Stew",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stewed-meat-with-tomatoes-potatoes-clay-pot_141793-1505.jpg",
|
||||
imageAlt: "Traditional Yemeni Saltah and Fahsah stew in a hot stone bowl",
|
||||
},
|
||||
id: "appetizer-2", name: "Sambusa (Meat/Veggie Pastries)", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/traditional-indian-samosa-chutney-white-plate_141793-20076.jpg", imageAlt: "Crispy fried sambusa filled with meat or vegetables"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Yemeni Haneeth Chicken",
|
||||
price: "$22.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-flatbread-wrap-with-cheese-dill-served-breakfast-table_140725-6622.jpg",
|
||||
imageAlt: "Slow-roasted Yemeni Haneeth chicken with fragrant rice",
|
||||
},
|
||||
id: "appetizer-3", name: "Foul Medames (Fava Bean Stew)", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/view-yummy-traditional-moroccan-dish-plate-dark-desk_140725-78027.jpg", imageAlt: "Hearty fava bean stew, a popular breakfast and appetizer"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Fatteh with Honey & Cream",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce-yoghurt-sauce_2829-10671.jpg",
|
||||
imageAlt: "Yemeni Fatteh bread with honey and fresh cream",
|
||||
},
|
||||
id: "main-1", name: "Yemeni Lamb Mandi", price: "$25.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-lavangi-with-sauce-rice_141793-4010.jpg", imageAlt: "A plate of Yemeni Lamb Mandi with tender lamb and aromatic rice"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Traditional Marag Soup",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-inside-plate_140725-134101.jpg",
|
||||
imageAlt: "Hearty Marag lamb soup with vegetables",
|
||||
},
|
||||
id: "main-2", name: "Saltah & Fahsah Stew", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stewed-meat-with-tomatoes-potatoes-clay-pot_141793-1505.jpg", imageAlt: "Traditional Yemeni Saltah and Fahsah stew in a hot stone bowl"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Bint Al Sahn (Honey Cake)",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-biscuits-with-little-cakes-light-gray-background-color-sweet-pie-sugar-cookie-nut-cake_179666-46851.jpg",
|
||||
imageAlt: "Sweet Yemeni Bint Al Sahn pastry drizzled with honey",
|
||||
},
|
||||
id: "main-3", name: "Yemeni Haneeth Chicken", price: "$22.99", imageSrc: "http://img.b2bpic.net/free-photo/finger-flatbread-wrap-with-cheese-dill-served-breakfast-table_140725-6622.jpg", imageAlt: "Slow-roasted Yemeni Haneeth chicken with fragrant rice"},
|
||||
{
|
||||
id: "main-4", name: "Zurbian Chicken", price: "$23.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-biryani-table_140725-5028.jpg", imageAlt: "Rich and flavorful Zurbian rice dish with marinated chicken"},
|
||||
{
|
||||
id: "main-5", name: "Traditional Marag Soup", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-inside-plate_140725-134101.jpg", imageAlt: "Hearty Marag lamb soup with vegetables"},
|
||||
{
|
||||
id: "dessert-1", name: "Fatteh with Honey & Cream", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-honey-cake-with-pieces-fresh-fruit_141793-27051.jpg", imageAlt: "Yemeni Fatteh bread with honey and fresh cream"},
|
||||
{
|
||||
id: "dessert-2", name: "Bint Al Sahn (Honey Cake)", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-biscuits-with-little-cakes-light-gray-background-color-sweet-pie-sugar-cookie-nut-cake_179666-46851.jpg", imageAlt: "Sweet Yemeni Bint Al Sahn pastry drizzled with honey"},
|
||||
{
|
||||
id: "dessert-3", name: "Masoub (Banana Bread Pudding)", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-delicious-dessert_141793-15796.jpg", imageAlt: "Traditional Yemeni banana bread pudding with cream and honey"},
|
||||
{
|
||||
id: "drink-1", name: "Shai Adeni (Yemeni Milk Tea)", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-spicy-tea_140725-4123.jpg", imageAlt: "A cup of traditional Yemeni spiced milk tea"},
|
||||
{
|
||||
id: "drink-2", name: "Kishr (Coffee Husk Tea)", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-herbal-tea-on-saucer_140725-5420.jpg", imageAlt: "A warm cup of traditional Yemeni coffee husk tea"},
|
||||
{
|
||||
id: "drink-3", name: "Fresh Juices (Mango, Guava, Orange)", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-with-fresh-fruits_140725-15632.jpg", imageAlt: "Assortment of fresh fruit juices"},
|
||||
]}
|
||||
title="Our Authentic Yemeni Menu"
|
||||
description="Savor our most popular dishes, crafted with traditional recipes and passion."
|
||||
description="Savor our most popular dishes, crafted with traditional recipes and passion. From appetizers to desserts, experience a true taste of Yemen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,74 +157,36 @@ export default function LandingPage() {
|
||||
author="Mohammed A."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
|
||||
alt: "Mohammed A. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "Mohammed A. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg",
|
||||
alt: "Fatima S. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg", alt: "Fatima S. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Ahmed K. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Ahmed K. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
alt: "Layla R. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Layla R. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-elegant-woman-posing-cafe_23-2147670483.jpg",
|
||||
alt: "Yousef H. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-elegant-woman-posing-cafe_23-2147670483.jpg", alt: "Yousef H. avatar"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Foodie's Journal",
|
||||
"Local Eats Magazine",
|
||||
"Taste of the City",
|
||||
"Gourmet Globe",
|
||||
"Culinary Review",
|
||||
"Dining Destinations",
|
||||
"Chef's Weekly",
|
||||
]}
|
||||
title="As Seen In & Praised By"
|
||||
description="Our authentic Yemeni cuisine has garnered attention from renowned food critics and local publications."
|
||||
speed={30}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Do you offer vegetarian options?",
|
||||
content: "Yes, we have a selection of delicious vegetarian dishes, including various stews and traditional breads. Please ask your server for recommendations.",
|
||||
},
|
||||
id: "faq-1", title: "Do you offer vegetarian options?", content: "Yes, we have a selection of delicious vegetarian dishes, including various stews and traditional breads. Please ask your server for recommendations."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Can I make a reservation online?",
|
||||
content: "Absolutely! You can use the 'Make a Reservation' button on our website or call us directly during business hours.",
|
||||
},
|
||||
id: "faq-2", title: "Can I make a reservation online?", content: "Absolutely! You can use the 'Make a Reservation' button on our website or call us directly during business hours."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you cater for events?",
|
||||
content: "Yes, Yemeni Flavors offers catering services for private events and gatherings. Please contact us to discuss your specific needs and menu options.",
|
||||
},
|
||||
id: "faq-3", title: "Do you cater for events?", content: "Yes, Yemeni Flavors offers catering services for private events and gatherings. Please contact us to discuss your specific needs and menu options."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Are your dishes spicy?",
|
||||
content: "Yemeni cuisine is known for its rich flavors rather than extreme spiciness. Many dishes have a mild to medium spice level, and we can often adjust it to your preference. Just let us know!",
|
||||
},
|
||||
id: "faq-4", title: "Are your dishes spicy?", content: "Yemeni cuisine is known for its rich flavors rather than extreme spiciness. Many dishes have a mild to medium spice level, and we can often adjust it to your preference. Just let us know!"},
|
||||
{
|
||||
id: "faq-5", title: "Do you have options for children?", content: "Yes, we offer kid-friendly portions and milder versions of some dishes. Our staff can help you choose the best options for your little ones."}
|
||||
]}
|
||||
sideTitle="Questions About Yemeni Flavors?"
|
||||
sideDescription="Find quick answers to common questions about our restaurant, menu, and services."
|
||||
@@ -283,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Table or Order Now!"
|
||||
description="We look forward to welcoming you to Yemeni Flavors for an unforgettable dining experience. Contact us for reservations or inquiries."
|
||||
@@ -298,50 +213,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Catering", href: "#contact"},
|
||||
{
|
||||
label: "Feedback",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Feedback", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -352,4 +248,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user