575 lines
20 KiB
TypeScript
575 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Car, CheckCircle, Clock, Star, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Midou ffood"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Midou ffood: Your Craving, Our Passion"
|
|
description="Serving delicious pizzas, juicy burgers, and more, 24/7. Fresh ingredients, fast delivery, unforgettable taste."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg?_wi=1",
|
|
imageAlt: "Delicious Pepperoni Pizza",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-truffle-pasta-still-life_23-2149525113.jpg?_wi=1",
|
|
imageAlt: "Creamy Alfredo Pasta",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-cup_1339-1736.jpg",
|
|
imageAlt: "Refreshing Cold Drinks",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-caesar_140725-12439.jpg",
|
|
imageAlt: "Top view of pizza caesar",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg",
|
|
imageAlt: "Vertical view of two plates of spaghetti on a white surface",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-melted-cheese-desk_141793-629.jpg?_wi=1",
|
|
imageAlt: "Juicy Beef Burger",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-strawberry-chocolate-cake-with-cup-tea-pink-surface_140725-115457.jpg?_wi=1",
|
|
imageAlt: "Decadent Chocolate Cake",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg",
|
|
imageAlt: "Cozy Restaurant Interior",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg",
|
|
imageAlt: "Juicy cheeseburger with salad on a wooden board",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-cake-sweet-pie-sugar-cookies_140725-118176.jpg",
|
|
imageAlt: "Top view little creamy cake with chocolate cookies and cup of tea on a dark surface biscuit cake sweet pie sugar cookies",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Order Now",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "View Menu",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
carouselPosition="right"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg",
|
|
alt: "Group of happy friends having fun while eating cake in a cafe",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indoor-portrait-o-pretty-blonde-woman-drinking-tasty-cappuccino-restaurant-enjoy-her-breakfast-elegant-outfit-natural-make-up_291049-2723.jpg",
|
|
alt: "Indoor portrait o pretty blonde woman drinking tasty cappuccino in restaurant",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",
|
|
alt: "Beautiful African-American woman in cafe",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250086.jpg",
|
|
alt: "Medium shot smiley woman taking selfie",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg",
|
|
alt: "Young happy woman having fun while eating dinner and communicating with friends",
|
|
},
|
|
]}
|
|
avatarText="Loved by 10,000+ happy customers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/top-view-salami-pizza-with-tomatoes-bell-peppers-olives-tray-with-flour-rolling-pin_141793-14335.jpg",
|
|
alt: "Top view salami pizza with tomatoes bell peppers and olives",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/wooden-board-with-fries-hamburger_23-2148575427.jpg",
|
|
alt: "Wooden board with fries and hamburger",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/top-view-cooked-italian-pasta-with-tomato-sauce-inside-plate-with-cutlery-tomatoes_140725-27950.jpg",
|
|
alt: "A top view cooked italian pasta with tomato sauce inside plate",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg",
|
|
alt: "Side view of french fries in cardboard bag with ketchup",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/front-view-cookies-with-cream-along-with-cup-coffee-colored-surface_140725-20281.jpg",
|
|
alt: "Front view of cookies with cream along with cup of coffee",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="The Midou ffood Story"
|
|
metrics={[
|
|
{
|
|
icon: Clock,
|
|
label: "Open 24/7",
|
|
value: "Always",
|
|
},
|
|
{
|
|
icon: Utensils,
|
|
label: "Menu Items",
|
|
value: "40+",
|
|
},
|
|
{
|
|
icon: Star,
|
|
label: "Customer Rating",
|
|
value: "5.0",
|
|
},
|
|
{
|
|
icon: Car,
|
|
label: "Avg. Delivery",
|
|
value: "30 Min",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fresh, Quality Ingredients",
|
|
description: "We source only the freshest ingredients to ensure every dish is bursting with flavor.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028615.jpg",
|
|
imageAlt: "Fresh vegetables and ingredients",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Locally Sourced",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "High Standards",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Delicious Taste",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg?_wi=2",
|
|
imageAlt: "fresh vegetables kitchen ingredients",
|
|
},
|
|
{
|
|
title: "Authentic & Delicious Recipes",
|
|
description: "Our chefs use time-honored recipes, crafted to bring you an unforgettable culinary experience.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244596.jpg",
|
|
imageAlt: "Chef preparing authentic dish",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Traditional Flavors",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Gourmet Experience",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Secret Spices",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-melted-cheese-desk_141793-629.jpg?_wi=2",
|
|
imageAlt: "fresh vegetables kitchen ingredients",
|
|
},
|
|
{
|
|
title: "Speedy & Reliable Delivery",
|
|
description: "Enjoy your favorite meals delivered hot and fresh, right to your doorstep, any time of day or night.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-woman-looking-up-with-cellphone_197531-33506.jpg",
|
|
imageAlt: "Food delivery person on a scooter",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "24/7 Service",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Timely Arrival",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Hot & Fresh",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-truffle-pasta-still-life_23-2149525113.jpg?_wi=2",
|
|
imageAlt: "fresh vegetables kitchen ingredients",
|
|
},
|
|
{
|
|
title: "Diverse Menu for Every Craving",
|
|
description: "From classic pizzas to gourmet burgers and delectable desserts, we have something for everyone.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/layered-stands-with-variety-sliced-meat_8353-9834.jpg",
|
|
imageAlt: "Variety of dishes on a table",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Pizzas & Burgers",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Pasta & More",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Desserts & Drinks",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-strawberry-chocolate-cake-with-cup-tea-pink-surface_140725-115457.jpg?_wi=2",
|
|
imageAlt: "fresh vegetables kitchen ingredients",
|
|
},
|
|
]}
|
|
title="Why Choose Midou ffood?"
|
|
description="Experience the difference with our commitment to quality, taste, and customer satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Midou's Classics",
|
|
name: "Classic Pepperoni Pizza",
|
|
price: "$12.99",
|
|
rating: 5,
|
|
reviewCount: "120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheesy-tomato-pizza-with-olives-sausages-inside-pan-brown-desk-pizza-meal-fast-food-cheese-sausage_140725-31986.jpg",
|
|
imageAlt: "Classic Pepperoni Pizza",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Midou's Specialties",
|
|
name: "Signature Beef Burger",
|
|
price: "$9.50",
|
|
rating: 5,
|
|
reviewCount: "95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burger-menu-board-with-cutlery_114579-2402.jpg",
|
|
imageAlt: "Signature Beef Burger",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Midou's Spice",
|
|
name: "Spicy Chicken Pizza",
|
|
price: "$14.00",
|
|
rating: 4,
|
|
reviewCount: "80",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-pizza-tomatoes-mushrooms_140725-1818.jpg",
|
|
imageAlt: "Spicy Chicken Pizza",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Midou's Garden",
|
|
name: "Veggie Supreme Pizza",
|
|
price: "$13.50",
|
|
rating: 4,
|
|
reviewCount: "70",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-tasty-with-cheese_1303-9612.jpg",
|
|
imageAlt: "Veggie Supreme Pizza",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Midou's Delights",
|
|
name: "Midou Special Pasta",
|
|
price: "$11.75",
|
|
rating: 5,
|
|
reviewCount: "60",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-boiled-penne-pasta-with-ketchup-sauce-pottery-bowl_114579-60005.jpg",
|
|
imageAlt: "Midou Special Pasta",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Midou's Sides",
|
|
name: "Crispy Golden Fries",
|
|
price: "$4.00",
|
|
rating: 4,
|
|
reviewCount: "110",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-wood-table_1232-2679.jpg",
|
|
imageAlt: "Crispy Golden Fries",
|
|
},
|
|
]}
|
|
title="Our Delicious Menu"
|
|
description="Explore a world of flavors, crafted with passion and the finest ingredients, available 24/7."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Fatima Zahra",
|
|
role: "Local Resident",
|
|
company: "Algiers",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
|
imageAlt: "Fatima Zahra",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Ahmed Benali",
|
|
role: "Food Enthusiast",
|
|
company: "Kiffan",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
|
|
imageAlt: "Ahmed Benali",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Lila Meriem",
|
|
role: "Student",
|
|
company: "University of Algiers",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-taking-photos-with-phone_23-2148972782.jpg",
|
|
imageAlt: "Lila Meriem",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Omar Said",
|
|
role: "Businessman",
|
|
company: "Local Business",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424006.jpg",
|
|
imageAlt: "Omar Said",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Samira Khan",
|
|
role: "Traveler",
|
|
company: "Visiting Algiers",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-black-apron-serving-coffee-winking-standing-against-yellow-background_1258-170855.jpg",
|
|
imageAlt: "Samira Khan",
|
|
},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from our happy diners who keep coming back for more Midou ffood goodness."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What are your operating hours?",
|
|
content: "Midou ffood is open 24 hours a day, 7 days a week, so you can enjoy your favorite meals anytime!",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Do you offer delivery?",
|
|
content: "Yes, we offer fast and reliable delivery to your doorstep. Check our website or app for delivery zones and estimated times.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Can I customize my order?",
|
|
content: "Absolutely! Many of our dishes can be customized. Please specify your preferences when placing your order.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What payment methods do you accept?",
|
|
content: "We accept various payment methods including cash on delivery, credit/debit cards, and popular online payment platforms.",
|
|
},
|
|
{
|
|
id: "q5",
|
|
title: "Do you have vegetarian or vegan options?",
|
|
content: "Yes, we have a selection of delicious vegetarian options. Please ask our staff for details or check our online menu filters.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our menu, ordering, delivery, and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "glowing-orb",
|
|
}}
|
|
tag="Get in Touch"
|
|
title="Ready for a Delicious Meal?"
|
|
description="Whether you have questions, feedback, or are ready to place your order, Midou ffood is here to serve you."
|
|
buttons={[
|
|
{
|
|
text: "Call Us Now",
|
|
href: "tel:+2136XXXYYYY",
|
|
},
|
|
{
|
|
text: "Order Online",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "#testimonials",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Delivery Info",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nva9vz"
|
|
logoAlt="Midou ffood logo"
|
|
logoText="Midou ffood"
|
|
copyrightText="© 2024 Midou ffood. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|