439 lines
16 KiB
TypeScript
439 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Briefcase, Leaf, Package, Sun, Timer, Truck } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "About Us",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "#menu",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "FAQ",
|
||
id: "#faq",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Falafel House Lebanese"
|
||
button={{
|
||
text: "Order Now",
|
||
href: "#menu",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardScroll
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
title="Welcome to Falafel House Lebanese"
|
||
description="Experience the authentic taste of Lebanon in the heart of London. Freshly prepared falafels, healthy options, and a casual dining atmosphere await you."
|
||
buttons={[
|
||
{
|
||
text: "View Our Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
text: "Order Online",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg?_wi=1"
|
||
imageAlt="Delicious falafel plate with fresh vegetables"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Our Story & Promise"
|
||
description="Falafel House Lebanese is a family-owned restaurant dedicated to bringing traditional Lebanese flavors to your table. We pride ourselves on using time-honored recipes and the freshest ingredients, crafted with passion to deliver an unforgettable culinary experience every time."
|
||
bulletPoints={[
|
||
{
|
||
title: "Authentic Recipes",
|
||
description: "Taste the heritage in every bite with recipes passed down through generations.",
|
||
},
|
||
{
|
||
title: "Fresh Ingredients",
|
||
description: "We source the finest local produce and spices for unparalleled flavor.",
|
||
},
|
||
{
|
||
title: "Warm Hospitality",
|
||
description: "Enjoy a friendly and inviting atmosphere, just like a Lebanese home.",
|
||
},
|
||
{
|
||
title: "Wheelchair Accessible",
|
||
description: "Our Mare Street location is fully wheelchair-accessible for all guests.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dolma-inside-black-plate-along-with-tomatoes-greens-wooden-desk_140725-13329.jpg?_wi=1"
|
||
imageAlt="Cozy and authentic Lebanese restaurant interior"
|
||
mediaAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Convenient Service",
|
||
description: "Whether you prefer dining in, grabbing a quick bite, or enjoying our food at home, we have you covered.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-burgers-green-table-food-meal-fast-food-sandwich_140725-28224.jpg",
|
||
imageAlt: "Falafel plate",
|
||
},
|
||
items: [
|
||
{
|
||
icon: Package,
|
||
text: "Kerbside Pickup",
|
||
},
|
||
{
|
||
icon: Truck,
|
||
text: "Delivery & No-contact Delivery",
|
||
},
|
||
{
|
||
icon: Briefcase,
|
||
text: "Takeaway",
|
||
},
|
||
],
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg?_wi=2",
|
||
imageAlt: "delicious falafel plate with fresh vegetables",
|
||
},
|
||
{
|
||
title: "Flexible Dining",
|
||
description: "Enjoy our casual dining atmosphere with seating options that suit your preference.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
|
||
imageAlt: "Restaurant interior",
|
||
},
|
||
items: [
|
||
{
|
||
icon: UtensilsCrossed,
|
||
text: "Dine-in",
|
||
},
|
||
{
|
||
icon: Sun,
|
||
text: "Outdoor Seating",
|
||
},
|
||
{
|
||
icon: PersonStanding,
|
||
text: "Solo Dining",
|
||
},
|
||
],
|
||
reverse: true,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dolma-inside-black-plate-along-with-tomatoes-greens-wooden-desk_140725-13329.jpg?_wi=2",
|
||
imageAlt: "delicious falafel plate with fresh vegetables",
|
||
},
|
||
{
|
||
title: "Healthy & Quick Bites",
|
||
description: "Our menu features a variety of healthy, delicious, and quick options perfect for any time of day.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-inside-plate-with-salad-blue-background_140725-126384.jpg",
|
||
imageAlt: "Tabbouleh salad",
|
||
},
|
||
items: [
|
||
{
|
||
icon: Leaf,
|
||
text: "Healthy Options",
|
||
},
|
||
{
|
||
icon: Timer,
|
||
text: "Quick Bites",
|
||
},
|
||
{
|
||
icon: PanelsTopLeft,
|
||
text: "Small Plates",
|
||
},
|
||
],
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-made-meat-grilled-spit-with-seasonings-vegetables-blue-desk-sandwich-burger-meat-meal-lunch_140725-64507.jpg?_wi=1",
|
||
imageAlt: "delicious falafel plate with fresh vegetables",
|
||
},
|
||
]}
|
||
title="Dining Options & Offerings"
|
||
description="At Falafel House Lebanese, we cater to your every need, offering flexible service options and a menu designed for diverse tastes."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Classic Falafel Wrap",
|
||
price: "£5.50",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-made-meat-grilled-spit-with-seasonings-vegetables-blue-desk-sandwich-burger-meat-meal-lunch_140725-64507.jpg?_wi=2",
|
||
imageAlt: "Classic Falafel Wrap",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Creamy Hummus Plate",
|
||
price: "£4.00",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-tasty-hummus-with-ingredients_23-2149401906.jpg",
|
||
imageAlt: "Creamy Hummus Plate",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Fresh Tabbouleh Salad",
|
||
price: "£4.50",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-cucumber-lettuce-dried-tomatoes-corn-walut_140725-1534.jpg",
|
||
imageAlt: "Fresh Tabbouleh Salad",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Chicken Shawarma Plate",
|
||
price: "£9.50",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-served-with-fresh-salad-onions_140725-3057.jpg",
|
||
imageAlt: "Chicken Shawarma Plate",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Fried Kibbeh",
|
||
price: "£6.00",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-broccoli-cauliflower-salad-meatball-plate-green-white-checkered-napkin-nude-isolated-background_140725-138830.jpg",
|
||
imageAlt: "Fried Kibbeh",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Assorted Baklava",
|
||
price: "£3.50",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/different-kutab-qutab-types-with-sumakh-copper-tray_114579-2357.jpg",
|
||
imageAlt: "Assorted Baklava",
|
||
},
|
||
]}
|
||
title="Our Signature Menu"
|
||
description="Indulge in our exquisite selection of authentic Lebanese dishes, prepared daily with passion and the freshest ingredients."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Sarah J.",
|
||
handle: "@foodie_london",
|
||
testimonial: "The best falafel I've had outside of Beirut! So fresh, so flavorful, and the staff are incredibly friendly. A must-visit in London!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-reads-something-tablet_1304-5542.jpg",
|
||
imageAlt: "Sarah J. customer review",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Omar K.",
|
||
handle: "@lebanesefoodfan",
|
||
testimonial: "An absolute gem! Every dish bursts with authentic Lebanese taste. Their hummus is divine, and the shawarma is perfectly spiced.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-eating-food_23-2148899060.jpg",
|
||
imageAlt: "Omar K. customer review",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Emily R.",
|
||
handle: "@eats_explorer",
|
||
testimonial: "Such a cozy spot for lunch! I love their healthy options and the small plates are perfect for sharing. Great value for money!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wine-glass-kissing-man-forehead_23-2148014532.jpg",
|
||
imageAlt: "Emily R. customer review",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "David M.",
|
||
handle: "@london_eats",
|
||
testimonial: "Consistently excellent food and service. Falafel House Lebanese has become my go-to for delicious, quick, and authentic meals. Highly recommended!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-family-using-wireless-technology-home_637285-12683.jpg",
|
||
imageAlt: "David M. customer review",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Jessica L.",
|
||
handle: "@veg_london",
|
||
testimonial: "As a vegetarian, I'm always looking for great options, and Falafel House truly delivers! Their falafels are crispy and fresh, and the tabbouleh is perfect.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-eating-vegan-salad_23-2148332162.jpg",
|
||
imageAlt: "Jessica L. customer review",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Michael S.",
|
||
handle: "@local_diner",
|
||
testimonial: "Fantastic local restaurant! The atmosphere is casual and welcoming, and the food is simply incredible. You can really taste the passion in every dish.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934659.jpg",
|
||
imageAlt: "Michael S. customer review",
|
||
},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Don't just take our word for it – hear from our delighted customers about their unforgettable experiences at Falafel House Lebanese."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "What are your opening hours?",
|
||
content: "We open at 9 AM daily and close in the evening. Please check our 'See more hours' section or call us for specific closing times.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Do you offer vegetarian or vegan options?",
|
||
content: "Yes, our menu features many delicious vegetarian and vegan options, including our famous falafel, hummus, and tabbouleh salad.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "What payment methods do you accept?",
|
||
content: "We accept major credit cards and debit cards for your convenience.",
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Is parking available near the restaurant?",
|
||
content: "Parking in the Mare St, London E8 1LN area can be somewhat difficult to find a space, but street parking is available.",
|
||
},
|
||
{
|
||
id: "5",
|
||
title: "Do you offer catering services?",
|
||
content: "Please contact us directly at +447703767590 to discuss your catering needs and custom menu options.",
|
||
},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Have questions about our restaurant, menu, or services? We've got answers to help you plan your perfect visit to Falafel House Lebanese."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Get in Touch"
|
||
title="Visit Us or Order Now"
|
||
description="We are located at Mare St, London E8 1LN, United Kingdom. You can also reach us by phone for reservations or inquiries."
|
||
imageSrc="http://img.b2bpic.net/free-photo/view-world-travel-map-with-pins_23-2149460008.jpg"
|
||
imageAlt="Map showing location of Falafel House Lebanese"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Your Email for Updates"
|
||
buttonText="Subscribe"
|
||
termsText="By subscribing, you agree to receive promotional emails from Falafel House Lebanese."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-vector/abstract-pattern_1055-10509.jpg"
|
||
imageAlt="Stylized Lebanese pattern"
|
||
logoText="Falafel House Lebanese"
|
||
columns={[
|
||
{
|
||
title: "Explore",
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#home",
|
||
},
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect",
|
||
items: [
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "FAQs",
|
||
href: "#faq",
|
||
},
|
||
{
|
||
label: "Testimonials",
|
||
href: "#testimonials",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Falafel House Lebanese. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|