Files
fd15068d-4a94-4ec6-b14c-ec6…/src/app/page.tsx
2026-06-10 17:58:25 +00:00

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>
);
}