260 lines
16 KiB
TypeScript
260 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Why Us", id: "#why-us"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Gallery", id: "#gallery"},
|
|
{
|
|
name: "Events", id: "#events"},
|
|
{
|
|
name: "Visit Us", id: "#contact"},
|
|
]}
|
|
brandName="Beit Jeddi"
|
|
button={{ text: "Reserve Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="A Taste of Home, Above the Clouds"
|
|
description="Authentic Lebanese cuisine, generous family-style portions, breathtaking mountain views, and unforgettable celebrations in the heart of Bsaba."
|
|
tag="Beit Jeddi"
|
|
buttons={[
|
|
{
|
|
text: "Reserve a Table", href: "#contact"},
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-sushi-with-vegetables-ginger_140725-27.jpg", imageAlt: "Traditional Lebanese Mezze spread"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg", imageAlt: "Mountain view from Beit Jeddi"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={4.8}
|
|
ratingText="Exceptional Dining"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Views", title: "Stunning Mountain Views", subtitle: "Panoramic scenery", description: "Enjoy breathtaking mountain vistas while dining with family and friends.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-balcony_74190-1314.jpg", imageAlt: "Restaurant terrace overlooking mountains"},
|
|
{
|
|
tag: "Cuisine", title: "Authentic Lebanese Cuisine", subtitle: "Traditional recipes", description: "Fresh mezze, traditional recipes, and generous portions made for sharing.", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-kuku-egg-with-herbs-tea-side-view_141793-4734.jpg", imageAlt: "Traditional Lebanese dishes"},
|
|
{
|
|
tag: "Occasions", title: "Perfect for Celebrations", subtitle: "Weddings, birthdays, family gatherings", description: "Host unforgettable weddings, birthdays, and family gatherings in our spacious venue.", imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-christmas-southern-hemisphere_23-2149172601.jpg", imageAlt: "Elegant event setup at the restaurant"},
|
|
]}
|
|
title="Why Guests Love Beit Jeddi"
|
|
description="Experience the warmth of Lebanese hospitality and the joy of shared meals in a truly spectacular setting."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dina Eid Khoury", handle: "@DinaEid", testimonial: "Very nice place with a view, delicious food, and good portions. The prices are fair compared to the quality and portions.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-741.jpg", imageAlt: "Dina Eid Khoury"},
|
|
{
|
|
id: "2", name: "Nadine A", handle: "@NadineA", testimonial: "The view is amazing. Portions are very generous and each plate is enough for 2 to 3 persons.", imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-working-as-waiter_23-2149409821.jpg", imageAlt: "Nadine A"},
|
|
{
|
|
id: "3", name: "Fadia Khoury Abi Khalil", handle: "@FadiaK", testimonial: "An absolute gem! Authentic, fresh, and full of flavor. The mezze were perfectly prepared and beautifully presented.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman-smiling-showing-yellow-pepper-vegetarian-girl-making-dinner_1258-197950.jpg", imageAlt: "Fadia Khoury Abi Khalil"},
|
|
{
|
|
id: "4", name: "Georges Bechara", handle: "@GeorgesB", testimonial: "Beit Jeddi offers a wonderful ambiance, truly reminiscent of home. The food is simply divine, every dish bursts with authentic flavors.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", imageAlt: "Georges Bechara"},
|
|
{
|
|
id: "5", name: "Layla Daher", handle: "@LaylaD", testimonial: "From the moment you step in, you feel the warmth. The staff are so welcoming, and the food transports you straight to Lebanon.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman-posing_23-2148454538.jpg", imageAlt: "Layla Daher"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our happy customers about their cherished experiences at Beit Jeddi."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Story in Numbers"
|
|
tag="Highlights"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4.8", description: "Average Rating"},
|
|
{
|
|
id: "m2", value: "509+", description: "Customer Reviews"},
|
|
{
|
|
id: "m3", value: "25K+", description: "Happy Guests Served"},
|
|
{
|
|
id: "m4", value: "100+", description: "Celebrations Hosted"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "d1", brand: "Mezze", name: "Traditional Mezze Platter", price: "$35", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-greens_141793-763.jpg", imageAlt: "Mezze platter"},
|
|
{
|
|
id: "d2", brand: "Salad", name: "Fresh Tabbouleh", price: "$12", rating: 5,
|
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/green-plate-vegetable-salad-with-herbs_114579-82051.jpg", imageAlt: "Tabbouleh salad"},
|
|
{
|
|
id: "d3", brand: "Rolls", name: "Warak Inab (Grape Leaves)", price: "$18", rating: 5,
|
|
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-leaf-dolma-meat-dish-with-seasonings-dark_140725-52835.jpg", imageAlt: "Warak Inab"},
|
|
{
|
|
id: "d4", brand: "Dessert", name: "Homemade Baklava", price: "$10", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-plate-with-walnuts_23-2148080011.jpg", imageAlt: "Baklava"},
|
|
{
|
|
id: "d5", brand: "Main", name: "Shish Taouk", price: "$28", rating: 5,
|
|
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/beyti-kebab-pieces-served-wooden-board-with-cucumber-tomatoes_140725-3849.jpg", imageAlt: "Shish Taouk"},
|
|
{
|
|
id: "d6", brand: "Dessert", name: "Maamoul with Dates", price: "$8", rating: 5,
|
|
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/sweet-cookies-with-jam-wooden-cutting-board_114579-52651.jpg", imageAlt: "Maamoul cookies"},
|
|
{
|
|
id: "d7", brand: "Appetizer", name: "Hummus with Pine Nuts", price: "$14", rating: 5,
|
|
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-local-food-dish_23-2148833850.jpg", imageAlt: "Hummus"},
|
|
{
|
|
id: "d8", brand: "Main", name: "Kibbeh Labanieh", price: "$26", rating: 5,
|
|
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/turshu-govurma-caucasian-meal-with-creamy-mushroom-soup_114579-1864.jpg", imageAlt: "Kibbeh Labanieh"},
|
|
{
|
|
id: "d9", brand: "Soup", name: "Lentil Soup", price: "$9", rating: 5,
|
|
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-traditional-azerbaijani-dish-dushbara-with-bread-olives_141793-4674.jpg", imageAlt: "Lentil Soup"},
|
|
]}
|
|
title="Our Signature Dishes"
|
|
description="Explore a culinary journey through Lebanon with our authentic and beloved family recipes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Scenery", title: "Mountain Views", subtitle: "Panoramic Beauty", description: "Dine amidst the stunning backdrop of Bsaba's majestic mountains.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-served-with-pilaf-with-dried-fruits-served-stewed-meat-with-herbs-bowls_140725-12864.jpg", imageAlt: "Restaurant balcony with mountain view"},
|
|
{
|
|
tag: "Gatherings", title: "Family Gatherings", subtitle: "Warm & Inviting", description: "Spacious and cozy settings ideal for memorable family moments.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg", imageAlt: "Family dining together"},
|
|
{
|
|
tag: "Weddings", title: "Wedding Celebrations", subtitle: "Your Dream Day", description: "An enchanting location for a truly unforgettable wedding.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-posing-their-wedding-day_1328-3479.jpg", imageAlt: "Elegant wedding table setting"},
|
|
{
|
|
tag: "Ambiance", title: "Sunset Dining", subtitle: "Golden Hour Magic", description: "Experience the golden hour as the sun sets over the mountains during your meal.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-salad-with-glass-wine-table-with-trees-sunlight-leak-background_176474-3901.jpg", imageAlt: "Sunset dining on the terrace"},
|
|
{
|
|
tag: "Occasions", title: "Events & Celebrations", subtitle: "Tailored Experiences", description: "Host any special event in a setting designed to impress and delight.", imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-wooden-wedding-area-with-white-covered-tables_181624-60481.jpg", imageAlt: "Beautifully decorated event space"},
|
|
]}
|
|
title="Our Beautiful Venue"
|
|
description="Discover the charming corners and breathtaking views that make Beit Jeddi the perfect escape."
|
|
/>
|
|
</div>
|
|
|
|
<div id="events" data-section="events">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
tag: "Marriages", title: "Weddings & Engagements", subtitle: "Start your journey", description: "From intimate engagements to grand wedding receptions, we craft your perfect day.", imageSrc: "http://img.b2bpic.net/free-photo/long-white-table-stands-white-tents-sand-beach_1304-3244.jpg", imageAlt: "Wedding reception decor"},
|
|
{
|
|
tag: "Milestones", title: "Family Reunions & Baptisms", subtitle: "Cherish traditions", description: "Bring generations together for heartwarming celebrations and cherished traditions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-together_23-2149152908.jpg", imageAlt: "Family reunion dining"},
|
|
{
|
|
tag: "Business", title: "Corporate Gatherings", subtitle: "Inspiring settings", description: "Host productive meetings and elegant corporate dinners with a view.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006711.jpg", imageAlt: "Corporate event table setup"},
|
|
]}
|
|
title="Host Your Unforgettable Event"
|
|
description="A venue where memories are made. Celebrate life's special moments with exquisite food and breathtaking views."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Our Mountain Home"
|
|
description="Find us nestled in the heart of Bsaba, serving authentic Lebanese hospitality daily. Book your table for an unforgettable experience."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "date", type: "date", placeholder: "Reservation Date", required: true,
|
|
},
|
|
{
|
|
name: "time", type: "time", placeholder: "Reservation Time", required: true,
|
|
},
|
|
{
|
|
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Special requests or message", rows: 4,
|
|
required: false,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
|
|
imageAlt="Cozy restaurant interior with mountain view"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
buttonText="Book a Table"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Beit Jeddi"
|
|
leftLink={{
|
|
text: "Serving Lebanese hospitality one table at a time.", href: "#"}}
|
|
rightLink={{
|
|
text: "Street Saint Rita, Bsaba", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|