Merge version_1 into main #2
320
src/app/page.tsx
320
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Zaatar"
|
||||
/>
|
||||
@@ -55,64 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Authentic Mediterranean Flavors"
|
||||
description="Experience the timeless tradition of premium Zaatar in an elegant, modern setting. Our handcrafted dishes bring the heart of the Mediterranean to your table."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg?_wi=1"
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg"
|
||||
imageAlt="Luxurious Mediterranean dining experience"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
avatarText="Join 5000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mediterranean",
|
||||
},
|
||||
{ type: "text", text: "Authentic" },
|
||||
{ type: "text", text: "Gourmet" },
|
||||
{ type: "text", text: "Artisan" },
|
||||
{ type: "text", text: "Fresh" },
|
||||
{ type: "text", text: "Mediterranean" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,20 +74,11 @@ export default function LandingPage() {
|
||||
title="A Legacy of Taste"
|
||||
description="Rooted in generations of culinary expertise, we source the finest hand-harvested ingredients to ensure every dish honors the authentic spirit of Mediterranean cooking."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Natural Ingredients",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
{ value: "15+", title: "Years of Tradition" },
|
||||
{ value: "100%", title: "Natural Ingredients" },
|
||||
{ value: "5000+", title: "Happy Guests" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-putting-ingredients-bowl_23-2148491238.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-putting-ingredients-bowl_23-2148491238.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -148,40 +90,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Sourced daily from sustainable mediterranean family farms.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-429.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-white-ceramic-pan-with-ingredients-rustic-surface_127032-1884.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg?_wi=2",
|
||||
imageAlt: "fresh healthy organic ingredients mediterranean",
|
||||
title: "Farm to Table", description: "Sourced daily from sustainable mediterranean family farms.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-429.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-white-ceramic-pan-with-ingredients-rustic-surface_127032-1884.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Authentic Blends",
|
||||
description: "Proprietary spice blends refined over centuries.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-ingredients-with-garlic-dough_23-2148834737.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-near-cheese_23-2147772130.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-putting-ingredients-bowl_23-2148491238.jpg?_wi=2",
|
||||
imageAlt: "fresh healthy organic ingredients mediterranean",
|
||||
title: "Authentic Blends", description: "Proprietary spice blends refined over centuries.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-ingredients-with-garlic-dough_23-2148834737.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/spices-near-cheese_23-2147772130.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Artisanal Preparation",
|
||||
description: "Hand-kneaded and stone-baked with passion.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-near-oil-vegetables_23-2147778438.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbread-with-herbs-garnished-with-pomegranate-seeds-yogurt_140725-6896.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sauces-near-rolled-dough_23-2147772103.jpg?_wi=1",
|
||||
imageAlt: "fresh healthy organic ingredients mediterranean",
|
||||
title: "Artisanal Preparation", description: "Hand-kneaded and stone-baked with passion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/salad-near-oil-vegetables_23-2147778438.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbread-with-herbs-garnished-with-pomegranate-seeds-yogurt_140725-6896.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -197,60 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Classic Zaatar Flatbread",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sauces-near-rolled-dough_23-2147772103.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Gourmet",
|
||||
name: "Herb-Infused Pastry",
|
||||
price: "$8.50",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-appetizer-plate-with-olive-variation-generated-by-ai_188544-24667.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Signature",
|
||||
name: "Mediterranean Garden Salad",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-salad-with-apple_23-2148515420.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Gourmet",
|
||||
name: "Dips Platter",
|
||||
price: "$18.00",
|
||||
rating: 5,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-salad-with-fillet-vegetables_114579-2035.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Signature",
|
||||
name: "Artisan Spice Bowl",
|
||||
price: "$10.00",
|
||||
rating: 4,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10669.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Gourmet",
|
||||
name: "Zaatar Infused Medley",
|
||||
price: "$14.00",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-background-with-fresh-products-space-messages_23-2147612103.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Signature", name: "Classic Zaatar Flatbread", price: "$12.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sauces-near-rolled-dough_23-2147772103.jpg" },
|
||||
{ id: "2", brand: "Gourmet", name: "Herb-Infused Pastry", price: "$8.50", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-appetizer-plate-with-olive-variation-generated-by-ai_188544-24667.jpg" },
|
||||
{ id: "3", brand: "Signature", name: "Mediterranean Garden Salad", price: "$15.00", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-salad-with-apple_23-2148515420.jpg" },
|
||||
{ id: "4", brand: "Gourmet", name: "Dips Platter", price: "$18.00", rating: 5, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/fish-salad-with-fillet-vegetables_114579-2035.jpg" },
|
||||
{ id: "5", brand: "Signature", name: "Artisan Spice Bowl", price: "$10.00", rating: 4, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10669.jpg" },
|
||||
{ id: "6", brand: "Gourmet", name: "Zaatar Infused Medley", price: "$14.00", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/dark-background-with-fresh-products-space-messages_23-2147612103.jpg" },
|
||||
]}
|
||||
title="Signature Specialties"
|
||||
description="Curated selection of our most beloved culinary traditions."
|
||||
@@ -264,39 +134,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Introduction",
|
||||
price: "$45",
|
||||
subtitle: "A curated introduction to our signature flavors.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3 Course Tasting",
|
||||
"Signature Zaatar Dish",
|
||||
"Selection of Dips",
|
||||
],
|
||||
id: "starter", badge: "Introduction", price: "$45", subtitle: "A curated introduction to our signature flavors.", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["3 Course Tasting", "Signature Zaatar Dish", "Selection of Dips"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Chef Selection",
|
||||
price: "$85",
|
||||
subtitle: "The ultimate culinary journey through the Mediterranean.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"7 Course Tasting",
|
||||
"Signature Zaatar Dish",
|
||||
"Exclusive Spice Sampler",
|
||||
"Wine Pairing",
|
||||
],
|
||||
id: "premium", badge: "Chef Selection", price: "$85", subtitle: "The ultimate culinary journey through the Mediterranean.", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["7 Course Tasting", "Signature Zaatar Dish", "Exclusive Spice Sampler", "Wine Pairing"],
|
||||
},
|
||||
]}
|
||||
title="Tasting Menus"
|
||||
@@ -310,24 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Avg Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Kitchen Hours",
|
||||
value: "10k+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Awards Won", value: "12" },
|
||||
{ id: "m2", icon: Star, title: "Avg Rating", value: "4.9" },
|
||||
{ id: "m3", icon: Clock, title: "Kitchen Hours", value: "10k+" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="The numbers behind our dedication to flavor."
|
||||
@@ -341,26 +169,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Elena Rossi, Culinary Critic"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520019.jpg",
|
||||
alt: "Elena Rossi",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32139.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-salad-home_1301-7057.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520019.jpg", alt: "Elena Rossi" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32139.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-eating-salad-home_1301-7057.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -370,9 +183,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Table"
|
||||
description="Experience Mediterranean hospitality in the heart of the city. We welcome reservations for groups and special events."
|
||||
@@ -387,42 +198,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Dining", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Career",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Career", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user