251 lines
13 KiB
TypeScript
251 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
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 TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Flame, Leaf, Smile, Soup, Coffee, Cherry } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Order Online", href: "#contact"}}
|
|
brandName="Yemeni Flavors"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
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: "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"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Our Heritage & Passion"
|
|
metrics={[
|
|
{
|
|
icon: Soup,
|
|
label: "Traditional Recipes", value: "Passed Down"},
|
|
{
|
|
icon: Award,
|
|
label: "Years of Culinary Excellence", value: "20+"},
|
|
{
|
|
icon: Award,
|
|
label: "Happy Guests Served", value: "Thousands"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
icon: Leaf,
|
|
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."},
|
|
{
|
|
icon: Smile,
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
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: "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: "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: "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: "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: "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. From appetizers to desserts, experience a true taste of Yemen."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="The best Yemeni food I've had outside of Yemen! The Mandi was incredibly tender and the spices were perfect. A true taste of home."
|
|
rating={5}
|
|
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/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/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"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</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-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-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."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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."
|
|
inputPlaceholder="Your Message"
|
|
buttonText="Send Message"
|
|
termsText="By clicking Send Message you're confirming that you agree with our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
{
|
|
label: "Catering", href: "#contact"},
|
|
{
|
|
label: "Feedback", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Yemeni Flavors"
|
|
copyrightText="© 2024 Yemeni Flavors. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |