Merge version_1 into main #2
388
src/app/page.tsx
388
src/app/page.tsx
@@ -25,292 +25,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Taht El Shajara"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Taht El Shajara"
|
||||
button={{ text: "Book Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Lebanese Flavors"
|
||||
description="Experience the tradition of home-cooked meals at Taht El Shajara. From freshly baked manakish to savory grills, every bite tells a story."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah H.",
|
||||
handle: "@sarah_h",
|
||||
testimonial: "The best manakish in the city! Reminds me of home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg?_wi=1",
|
||||
imageAlt: "authentic lebanese breakfast table",
|
||||
},
|
||||
{
|
||||
name: "Karim M.",
|
||||
handle: "@karim_m",
|
||||
testimonial: "Amazing grills and a very welcoming atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-preparing-dough-baking-top-view_176474-5461.jpg?_wi=1",
|
||||
imageAlt: "authentic lebanese breakfast table",
|
||||
},
|
||||
{
|
||||
name: "Layla A.",
|
||||
handle: "@layla_a",
|
||||
testimonial: "Everything is fresh, authentic, and delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customs-food-wooden-board-top-view_23-2149598954.jpg?_wi=1",
|
||||
imageAlt: "authentic lebanese breakfast table",
|
||||
},
|
||||
{
|
||||
name: "Omar K.",
|
||||
handle: "@omar_k",
|
||||
testimonial: "My go-to spot for breakfast. Great prices too!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meals-pan-with-salad-pickles-flowers-wooden-surface_176474-6464.jpg?_wi=1",
|
||||
imageAlt: "authentic lebanese breakfast table",
|
||||
},
|
||||
{
|
||||
name: "Jana D.",
|
||||
handle: "@jana_d",
|
||||
testimonial: "Love the Labneh plate and fresh veggies.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-vegetable-barbecue-with-lavash-herbs_114579-3151.jpg?_wi=1",
|
||||
imageAlt: "authentic lebanese breakfast table",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg?_wi=2"
|
||||
imageAlt="Authentic Lebanese breakfast spread"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-national-azerbaijani-food-dovga-white-bowl_140725-10222.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/morning-breakfast-set-by-window_140725-9918.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bowl-french-dessert-garnished-with-berries-placed-book_140725-8511.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-around-kutab-table-with-pear-dushes_114579-2337.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-meat-slices-fried-with-beans-grapes-lemon-slices-inside-plate-dark-background_179666-17181.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Lebanese Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Mezze",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned & Operated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm-to-Table Quality",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Lebanese Flavors"
|
||||
description="Experience the tradition of home-cooked meals at Taht El Shajara. From freshly baked manakish to savory grills, every bite tells a story."
|
||||
testimonials={[
|
||||
{ name: "Sarah H.", handle: "@sarah_h", testimonial: "The best manakish in the city! Reminds me of home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg", imageAlt: "authentic lebanese breakfast table" },
|
||||
{ name: "Karim M.", handle: "@karim_m", testimonial: "Amazing grills and a very welcoming atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-preparing-dough-baking-top-view_176474-5461.jpg", imageAlt: "authentic lebanese breakfast table" },
|
||||
{ name: "Layla A.", handle: "@layla_a", testimonial: "Everything is fresh, authentic, and delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customs-food-wooden-board-top-view_23-2149598954.jpg", imageAlt: "authentic lebanese breakfast table" },
|
||||
{ name: "Omar K.", handle: "@omar_k", testimonial: "My go-to spot for breakfast. Great prices too!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meals-pan-with-salad-pickles-flowers-wooden-surface_176474-6464.jpg", imageAlt: "authentic lebanese breakfast table" },
|
||||
{ name: "Jana D.", handle: "@jana_d", testimonial: "Love the Labneh plate and fresh veggies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/meat-vegetable-barbecue-with-lavash-herbs_114579-3151.jpg", imageAlt: "authentic lebanese breakfast table" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg"
|
||||
imageAlt="Authentic Lebanese breakfast spread"
|
||||
mediaAnimation="slide-up"
|
||||
avatarText="Join 500+ happy diners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Lebanese Cuisine" },
|
||||
{ type: "text", text: "Freshly Baked Daily" },
|
||||
{ type: "text", text: "Traditional Mezze" },
|
||||
{ type: "text", text: "Family Owned & Operated" },
|
||||
{ type: "text", text: "Farm-to-Table Quality" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Tradition Under the Tree"
|
||||
description="Taht El Shajara represents the heart of Lebanese dining. We serve recipes passed down through generations, bringing community and flavor together under one roof."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm Fresh",
|
||||
description: "We source the best ingredients locally.",
|
||||
},
|
||||
{
|
||||
title: "Authentic Recipes",
|
||||
description: "Tradition in every single bite.",
|
||||
},
|
||||
{
|
||||
title: "Warm Welcome",
|
||||
description: "Hospitality is at our core.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-preparing-dough-baking-top-view_176474-5461.jpg?_wi=2"
|
||||
imageAlt="Traditional Lebanese mezze table"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Tradition Under the Tree"
|
||||
description="Taht El Shajara represents the heart of Lebanese dining. We serve recipes passed down through generations, bringing community and flavor together under one roof."
|
||||
bulletPoints={[
|
||||
{ title: "Farm Fresh", description: "We source the best ingredients locally." },
|
||||
{ title: "Authentic Recipes", description: "Tradition in every single bite." },
|
||||
{ title: "Warm Welcome", description: "Hospitality is at our core." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-preparing-dough-baking-top-view_176474-5461.jpg"
|
||||
imageAlt="Traditional Lebanese mezze table"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Manakish Zaatar",
|
||||
price: "$1.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customs-food-wooden-board-top-view_23-2149598954.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hummus Plate",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meals-pan-with-salad-pickles-flowers-wooden-surface_176474-6464.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mixed Grill",
|
||||
price: "$10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-vegetable-barbecue-with-lavash-herbs_114579-3151.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Labneh Plate",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-rice-with-vegetables-served-with-lemons-slices-wooden-board_23-2148165551.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cheese Sambousek",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-tray-with-pasta-serving-bowls-toppings-dressings-marble-surface_114579-69851.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Traditional Coffee",
|
||||
price: "$1.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-brown-coffee-copper-white-ceramic-cup-tray-with-coffee-beans_181624-2828.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Delicious choices for breakfast, lunch, and dinner."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Manakish Zaatar", price: "$1.50", imageSrc: "http://img.b2bpic.net/free-photo/customs-food-wooden-board-top-view_23-2149598954.jpg" },
|
||||
{ id: "p2", name: "Hummus Plate", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meals-pan-with-salad-pickles-flowers-wooden-surface_176474-6464.jpg" },
|
||||
{ id: "p3", name: "Mixed Grill", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/meat-vegetable-barbecue-with-lavash-herbs_114579-3151.jpg" },
|
||||
{ id: "p4", name: "Labneh Plate", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/bowl-rice-with-vegetables-served-with-lemons-slices-wooden-board_23-2148165551.jpg" },
|
||||
{ id: "p5", name: "Cheese Sambousek", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/wooden-tray-with-pasta-serving-bowls-toppings-dressings-marble-surface_114579-69851.jpg" },
|
||||
{ id: "p6", name: "Traditional Coffee", price: "$1.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-brown-coffee-copper-white-ceramic-cup-tray-with-coffee-beans_181624-2828.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Delicious choices for breakfast, lunch, and dinner."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest From Our Kitchen"
|
||||
description="Discover stories behind our ingredients and culinary traditions."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Culture",
|
||||
title: "The Art of Mezze",
|
||||
excerpt: "Why sharing plates is central to Lebanese hospitality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893468.jpg",
|
||||
authorName: "Chef Ali",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pancakes-bread-with-chocolate-butter_140725-3801.jpg",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Ingredients",
|
||||
title: "Sourcing Zaatar",
|
||||
excerpt: "How we find the best mountain herbs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-eggs-with-herbs-sour-cream_140725-6159.jpg",
|
||||
authorName: "Chef Ali",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/waffles-with-jam-pancakes_140725-4337.jpg",
|
||||
date: "Jan 15, 2025",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest From Our Kitchen"
|
||||
description="Discover stories behind our ingredients and culinary traditions."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Culture", title: "The Art of Mezze", excerpt: "Why sharing plates is central to Lebanese hospitality.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893468.jpg", authorName: "Chef Ali", authorAvatar: "http://img.b2bpic.net/free-photo/pancakes-bread-with-chocolate-butter_140725-3801.jpg", date: "Jan 12, 2025" },
|
||||
{ id: "b2", category: "Ingredients", title: "Sourcing Zaatar", excerpt: "How we find the best mountain herbs.", imageSrc: "http://img.b2bpic.net/free-photo/fried-eggs-with-herbs-sour-cream_140725-6159.jpg", authorName: "Chef Ali", authorAvatar: "http://img.b2bpic.net/free-photo/waffles-with-jam-pancakes_140725-4337.jpg", date: "Jan 15, 2025" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready to eat?"
|
||||
description="Come visit us today at Taht El Shajara for an authentic Lebanese experience."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1300.jpg"
|
||||
imageAlt="Cozy restaurant setting"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to eat?"
|
||||
description="Come visit us today at Taht El Shajara for an authentic Lebanese experience."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1300.jpg"
|
||||
imageAlt="Cozy restaurant setting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Breakfast",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Mezze",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Grills",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Taht El Shajara"
|
||||
copyrightText="© 2025 Taht El Shajara. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Breakfast", href: "#menu" }, { label: "Mezze", href: "#menu" }, { label: "Grills", href: "#menu" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Taht El Shajara"
|
||||
copyrightText="© 2025 Taht El Shajara. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user