Merge version_1 into main #1
456
src/app/page.tsx
456
src/app/page.tsx
@@ -19,331 +19,157 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dizz'O Kebab"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dizz'O Kebab"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dizz'O Kebab: Taste the Mediterranean"
|
||||
description="Authentic flavors, fresh ingredients, and the best kebab in town. Order now for a true culinary experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meat-doner-cook_140725-984.jpg",
|
||||
alt: "Meat doner and cook",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lamb-doner-kebab-flatbread-served-with-pickles-fries-vertical_141793-1916.jpg",
|
||||
alt: "Lamb doner kebab in flatbread served with pickles and fries vertical",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571672.jpg",
|
||||
alt: "Close up on street food in neon light",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-cafe-winter_1153-2923.jpg",
|
||||
alt: "Interior of cafe in winter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/drink-cafe_53876-33696.jpg",
|
||||
alt: "Drink cafe",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Mediterranean",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Signature Grilling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfied",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dizz'O Kebab: Taste the Mediterranean"
|
||||
description="Authentic flavors, fresh ingredients, and the best kebab in town. Order now for a true culinary experience."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/meat-doner-cook_140725-984.jpg", alt: "Meat doner and cook" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lamb-doner-kebab-flatbread-served-with-pickles-fries-vertical_141793-1916.jpg", alt: "Lamb doner kebab in flatbread served with pickles and fries vertical" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571672.jpg", alt: "Close up on street food in neon light" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-cafe-winter_1153-2923.jpg", alt: "Interior of cafe in winter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/drink-cafe_53876-33696.jpg", alt: "Drink cafe" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Mediterranean" },
|
||||
{ type: "text", text: "Fresh Daily Ingredients" },
|
||||
{ type: "text", text: "Signature Grilling" },
|
||||
{ type: "text", text: "Fast Delivery" },
|
||||
{ type: "text", text: "100% Satisfied" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Kebabs"
|
||||
description="From secret spice blends to our signature grilling techniques, Dizz'O Kebab is committed to serving tradition in every bite."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Kebabs Served",
|
||||
},
|
||||
{
|
||||
value: "5*",
|
||||
title: "Avg Rating",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-chef-cooking-kitchen_23-2148723232.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Kebabs"
|
||||
description="From secret spice blends to our signature grilling techniques, Dizz'O Kebab is committed to serving tradition in every bite."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "5000+", title: "Kebabs Served" },
|
||||
{ value: "5*", title: "Avg Rating" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-chef-cooking-kitchen_23-2148723232.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients",
|
||||
description: "Locally sourced, farm-fresh produce daily.",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Authentic Grilling",
|
||||
description: "Charcoal-grilled for that smoky, perfect finish.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Delivery",
|
||||
description: "Hot and ready to your door within 30 minutes.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Friendly Service",
|
||||
description: "Our team treats every guest like family.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Beverage Pairing",
|
||||
description: "Handpicked drinks to complement your meal.",
|
||||
},
|
||||
]}
|
||||
title="Why Dizz'O Kebab?"
|
||||
description="Quality meets taste in everything we prepare."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Leaf, title: "Fresh Ingredients", description: "Locally sourced, farm-fresh produce daily." },
|
||||
{ icon: Flame, title: "Authentic Grilling", description: "Charcoal-grilled for that smoky, perfect finish." },
|
||||
{ icon: Truck, title: "Fast Delivery", description: "Hot and ready to your door within 30 minutes." },
|
||||
{ icon: Smile, title: "Friendly Service", description: "Our team treats every guest like family." },
|
||||
{ icon: Coffee, title: "Beverage Pairing", description: "Handpicked drinks to complement your meal." },
|
||||
]}
|
||||
title="Why Dizz'O Kebab?"
|
||||
description="Quality meets taste in everything we prepare."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chicken Doner Plate",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-slices-garnished-with-tomato-sauce-pepper-fresh-tomato_140725-2493.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lamb Shish Skewers",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-grilled-skewers-with-meat-vegetable-grill-green-grass-mat_23-2148206963.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Falafel Plate",
|
||||
price: "$10.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-jewish-food-arrangement_23-2148814492.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mixed Grill Platter",
|
||||
price: "$18.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-kebab-with-fried-vegetables-onion-round-plate_176474-2677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Kebab Wrap",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arabic-kebab-with-ketchup_23-2148651157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vegetarian Dürüm",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-salad-from-chicken-liver-avocado-tomato-quail-eggs-healthy-dinner-dietary-menu-flat-lay-top-view_2829-4339.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Handcrafted kebabs, wraps, and platters for every appetite."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Chicken Doner Plate", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-slices-garnished-with-tomato-sauce-pepper-fresh-tomato_140725-2493.jpg" },
|
||||
{ id: "p2", name: "Lamb Shish Skewers", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-grilled-skewers-with-meat-vegetable-grill-green-grass-mat_23-2148206963.jpg" },
|
||||
{ id: "p3", name: "Classic Falafel Plate", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-jewish-food-arrangement_23-2148814492.jpg" },
|
||||
{ id: "p4", name: "Mixed Grill Platter", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/assorted-kebab-with-fried-vegetables-onion-round-plate_176474-2677.jpg" },
|
||||
{ id: "p5", name: "Signature Kebab Wrap", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arabic-kebab-with-ketchup_23-2148651157.jpg" },
|
||||
{ id: "p6", name: "Vegetarian Dürüm", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/warm-salad-from-chicken-liver-avocado-tomato-quail-eggs-healthy-dinner-dietary-menu-flat-lay-top-view_2829-4339.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Handcrafted kebabs, wraps, and platters for every appetite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex_foodie",
|
||||
testimonial: "The best lamb skewers I've ever had. Truly authentic!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_eats",
|
||||
testimonial: "Fresh, fast, and incredibly tasty. My weekly go-to.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-talking-phone-cafe_637285-8846.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus L.",
|
||||
handle: "@ml_grill",
|
||||
testimonial: "Charcoal flavor is unmatched. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_dining",
|
||||
testimonial: "Amazing falafel for my vegetarian nights. So delicious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-chicken-kebab-bamboo-skewer_141793-2472.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom B.",
|
||||
handle: "@tom_kebab_fan",
|
||||
testimonial: "The mixed platter is a massive deal. Always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151047966.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from those who've enjoyed the Dizz'O experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@alex_foodie", testimonial: "The best lamb skewers I've ever had. Truly authentic!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
||||
{ id: "2", name: "Sarah J.", handle: "@sarah_eats", testimonial: "Fresh, fast, and incredibly tasty. My weekly go-to.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-talking-phone-cafe_637285-8846.jpg" },
|
||||
{ id: "3", name: "Marcus L.", handle: "@ml_grill", testimonial: "Charcoal flavor is unmatched. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg" },
|
||||
{ id: "4", name: "Elena P.", handle: "@elena_dining", testimonial: "Amazing falafel for my vegetarian nights. So delicious.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-chicken-kebab-bamboo-skewer_141793-2472.jpg" },
|
||||
{ id: "5", name: "Tom B.", handle: "@tom_kebab_fan", testimonial: "The mixed platter is a massive deal. Always fresh.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151047966.jpg" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from those who've enjoyed the Dizz'O experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, our falafel is entirely vegan and prepared daily.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How fast is delivery?",
|
||||
content: "Our average delivery time is 25-35 minutes within city limits.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your ingredients fresh?",
|
||||
content: "Absolutely. We source everything locally every single morning.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-holding-fresh-steak-his-assistant-standing-near-with-his-arms-crossed-restaurant-kitchen_613910-18939.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer vegan options?", content: "Yes, our falafel is entirely vegan and prepared daily." },
|
||||
{ id: "f2", title: "How fast is delivery?", content: "Our average delivery time is 25-35 minutes within city limits." },
|
||||
{ id: "f3", title: "Are your ingredients fresh?", content: "Absolutely. We source everything locally every single morning." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-holding-fresh-steak-his-assistant-standing-near-with-his-arms-crossed-restaurant-kitchen_613910-18939.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready for a delicious kebab? Order online or visit us today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://delivery-site.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for a delicious kebab? Order online or visit us today!"
|
||||
buttons={[{ text: "Order Now", href: "https://delivery-site.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-sign-neon-lights-nocturnal-people_23-2148283896.jpg"
|
||||
logoText="Dizz'O Kebab"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-sign-neon-lights-nocturnal-people_23-2148283896.jpg"
|
||||
logoText="Dizz'O Kebab"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user