Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-14 10:19:01 +00:00

View File

@@ -19,400 +19,179 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Zorko"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Zorko"
button={{ text: "Order Now", href: "#menu" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static-grid",
}}
title="Welcome to Zorko Brand of Food Lovers"
description="Experience the finest vegetarian delights in Panipat. From signature injection burgers to our famous pink sauce pasta, we serve happiness on every plate."
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Reserve Table",
href: "#contact",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7517.jpg",
imageAlt: "Signature Burger",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-italian-pasta-cooked-tasty-salted-inside-round-green-plate-with-greens-raw-pasta-pink-desk_140725-24394.jpg",
imageAlt: "Pink Sauce Pasta",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pastry-with-quail-eggs-dark-blue-color-pie-cake-bake-oven-hotcake-biscuit_179666-43787.jpg",
imageAlt: "Cheese Garlic Bread",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/triple-color-cups-drink-blue_114579-29041.jpg",
imageAlt: "Refreshing Mojito",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dish-plate-with-herbs-chopsticks_23-2148694401.jpg",
imageAlt: "Steamed Momos",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-sliced-with-cheese-olives-dark-surface-italian-bake-dough-meal-food-pizza_140725-102002.jpg",
imageAlt: "Fresh Pizza Slice",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static-grid" }}
title="Welcome to Zorko Brand of Food Lovers"
description="Experience the finest vegetarian delights in Panipat. From signature injection burgers to our famous pink sauce pasta, we serve happiness on every plate."
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Reserve Table", href: "#contact" }]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7517.jpg", imageAlt: "Signature Burger" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-italian-pasta-cooked-tasty-salted-inside-round-green-plate-with-greens-raw-pasta-pink-desk_140725-24394.jpg", imageAlt: "Pink Sauce Pasta" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pastry-with-quail-eggs-dark-blue-color-pie-cake-bake-oven-hotcake-biscuit_179666-43787.jpg", imageAlt: "Cheese Garlic Bread" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/triple-color-cups-drink-blue_114579-29041.jpg", imageAlt: "Refreshing Mojito" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dish-plate-with-herbs-chopsticks_23-2148694401.jpg", imageAlt: "Steamed Momos" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-sliced-with-cheese-olives-dark-surface-italian-bake-dough-meal-food-pizza_140725-102002.jpg", imageAlt: "Fresh Pizza Slice" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passion for Taste"
description="Located in Sukhdev Nagar, Zorko is more than just a restaurant. We are a community of food lovers dedicated to bringing culinary innovation and joy to Panipat."
metrics={[
{
value: "100+",
title: "Recipes",
},
{
value: "4.7",
title: "Star Rating",
},
{
value: "15k+",
title: "Served",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dinner-set-sushi-rolls-salads-cocktails-hookah-side-view_141793-3100.jpg"
mediaAnimation="slide-up"
imageAlt="Cozy restaurant interior"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passion for Taste"
description="Located in Sukhdev Nagar, Zorko is more than just a restaurant. We are a community of food lovers dedicated to bringing culinary innovation and joy to Panipat."
metrics={[{ value: "100+", title: "Recipes" }, { value: "4.7", title: "Star Rating" }, { value: "15k+", title: "Served" }]}
imageSrc="http://img.b2bpic.net/free-photo/dinner-set-sushi-rolls-salads-cocktails-hookah-side-view_141793-3100.jpg"
mediaAnimation="slide-up"
imageAlt="Cozy restaurant interior"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Why Choose Zorko?"
description="We don't just serve food; we serve memories. Here's what makes us special."
accordionItems={[
{
id: "f1",
title: "100% Pure Vegetarian",
content: "Our kitchen is dedicated to providing delicious, high-quality vegetarian food options only.",
},
{
id: "f2",
title: "Signature Recipes",
content: "From our 'injection burger' to unique pasta sauces, our flavors are one-of-a-kind.",
},
{
id: "f3",
title: "Warm Ambience",
content: "Designed for relaxation, Zorko is the perfect spot for family and friends.",
},
{
id: "f4",
title: "Fresh Ingredients",
content: "We source the freshest local produce to ensure every bite is bursting with flavor.",
},
{
id: "f5",
title: "Friendly Service",
content: "Our staff is committed to providing a memorable and welcoming experience every time.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg"
mediaAnimation="slide-up"
imageAlt="Signature veggie burger"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Why Choose Zorko?"
description="We don't just serve food; we serve memories. Here's what makes us special."
accordionItems={[
{ id: "f1", title: "100% Pure Vegetarian", content: "Our kitchen is dedicated to providing delicious, high-quality vegetarian food options only." },
{ id: "f2", title: "Signature Recipes", content: "From our 'injection burger' to unique pasta sauces, our flavors are one-of-a-kind." },
{ id: "f3", title: "Warm Ambience", content: "Designed for relaxation, Zorko is the perfect spot for family and friends." },
{ id: "f4", title: "Fresh Ingredients", content: "We source the freshest local produce to ensure every bite is bursting with flavor." },
{ id: "f5", title: "Friendly Service", content: "Our staff is committed to providing a memorable and welcoming experience every time." },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg"
mediaAnimation="slide-up"
imageAlt="Signature veggie burger"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Zorko",
name: "Cheesy Gravy Momos",
price: "₹249",
rating: 5,
reviewCount: "50+",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-box-donated-food_23-2148733815.jpg",
},
{
id: "p2",
brand: "Zorko",
name: "Exotic Veg Pizza",
price: "₹169",
rating: 4,
reviewCount: "40+",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-slice-with-red-tomatoes-green-olives-mushrooms-all-grey-desk-pizza-dough-italian-meat_140725-22914.jpg",
},
{
id: "p3",
brand: "Zorko",
name: "Cheese Garlic Bread",
price: "₹129",
rating: 5,
reviewCount: "60+",
imageSrc: "http://img.b2bpic.net/free-photo/sandwich_74190-4614.jpg",
},
{
id: "p4",
brand: "Zorko",
name: "Mexican Salsa Wrap",
price: "₹219",
rating: 4,
reviewCount: "30+",
imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-4098.jpg",
},
{
id: "p5",
brand: "Zorko",
name: "Chilli Honey Potato",
price: "₹169",
rating: 4,
reviewCount: "35+",
imageSrc: "http://img.b2bpic.net/free-photo/sausage-wrapped-pork-belly-frying-pan_1150-22036.jpg",
},
{
id: "p6",
brand: "Zorko",
name: "Cold Coffee",
price: "₹99",
rating: 5,
reviewCount: "70+",
imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee_23-2148093808.jpg",
},
]}
title="Popular Delicacies"
description="Discover our most loved dishes that our diners rave about."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Zorko", name: "Cheesy Gravy Momos", price: "₹249", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-box-donated-food_23-2148733815.jpg" },
{ id: "p2", brand: "Zorko", name: "Exotic Veg Pizza", price: "₹169", rating: 4, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-slice-with-red-tomatoes-green-olives-mushrooms-all-grey-desk-pizza-dough-italian-meat_140725-22914.jpg" },
{ id: "p3", brand: "Zorko", name: "Cheese Garlic Bread", price: "₹129", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/sandwich_74190-4614.jpg" },
{ id: "p4", brand: "Zorko", name: "Mexican Salsa Wrap", price: "₹219", rating: 4, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-4098.jpg" },
{ id: "p5", brand: "Zorko", name: "Chilli Honey Potato", price: "₹169", rating: 4, reviewCount: "35+", imageSrc: "http://img.b2bpic.net/free-photo/sausage-wrapped-pork-belly-frying-pan_1150-22036.jpg" },
{ id: "p6", brand: "Zorko", name: "Cold Coffee", price: "₹99", rating: 5, reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee_23-2148093808.jpg" },
]}
title="Popular Delicacies"
description="Discover our most loved dishes that our diners rave about."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Krishan Madaan",
role: "Foodie",
testimonial: "The atmosphere and food quality were exceptional. A great addition to Panipat.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg",
},
{
id: "t2",
name: "Nancy Saini",
role: "Regular",
testimonial: "Ordered momos and Maggie, they were delicious. Great service when an issue arose.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg",
},
{
id: "t3",
name: "Simran K.",
role: "Student",
testimonial: "Absolutely love the pasta here. Reasonable prices and a perfect ambiance for friends.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-boyfriend_23-2148435725.jpg",
},
{
id: "t4",
name: "Rahul V.",
role: "Professional",
testimonial: "Signature burgers are a must-try. Polite staff and very consistent food.",
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1746.jpg",
},
{
id: "t5",
name: "Anjali G.",
role: "Visitor",
testimonial: "Zorko has a really pleasant vibe. I visit every week for their cold coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149303571.jpg",
},
]}
title="Voice of Our Food Lovers"
description="Our customers are our biggest inspiration. See what they have to say."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Krishan Madaan", role: "Foodie", testimonial: "The atmosphere and food quality were exceptional. A great addition to Panipat.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg" },
{ id: "t2", name: "Nancy Saini", role: "Regular", testimonial: "Ordered momos and Maggie, they were delicious. Great service when an issue arose.", imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg" },
{ id: "t3", name: "Simran K.", role: "Student", testimonial: "Absolutely love the pasta here. Reasonable prices and a perfect ambiance for friends.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-boyfriend_23-2148435725.jpg" },
{ id: "t4", name: "Rahul V.", role: "Professional", testimonial: "Signature burgers are a must-try. Polite staff and very consistent food.", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1746.jpg" },
{ id: "t5", name: "Anjali G.", role: "Visitor", testimonial: "Zorko has a really pleasant vibe. I visit every week for their cold coffee.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149303571.jpg" },
]}
title="Voice of Our Food Lovers"
description="Our customers are our biggest inspiration. See what they have to say."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "93",
description: "Happy Reviews",
},
{
id: "m2",
value: "4.7",
description: "Average Rating",
},
{
id: "m3",
value: "15",
description: "Minutes Max Wait",
},
{
id: "m4",
value: "20k+",
description: "Orders Completed",
},
{
id: "m5",
value: "5",
description: "Years Serving",
},
]}
title="Serving Smiles Daily"
description="We are proud of our milestones in serving the local community."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "93", description: "Happy Reviews" },
{ id: "m2", value: "4.7", description: "Average Rating" },
{ id: "m3", value: "15", description: "Minutes Max Wait" },
{ id: "m4", value: "20k+", description: "Orders Completed" },
{ id: "m5", value: "5", description: "Years Serving" },
]}
title="Serving Smiles Daily"
description="We are proud of our milestones in serving the local community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Are you fully vegetarian?",
content: "Yes, Zorko is a 100% vegetarian restaurant.",
},
{
id: "q2",
title: "Do you accept reservations?",
content: "Yes, we accept reservations and walk-ins. Pre-booking can even get you discounts!",
},
{
id: "q3",
title: "What are your operating hours?",
content: "We are open daily from 9 AM to 11 PM.",
},
{
id: "q4",
title: "Do you offer delivery?",
content: "Yes, we partner with major food delivery apps for your convenience.",
},
{
id: "q5",
title: "Are you pet friendly?",
content: "We currently do not allow pets inside, but we have comfortable outdoor seating.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/black-waitress-wearing-face-mask-gloves-while-serving-coffee-cafe-coronavirus-epidemic_637285-8094.jpg"
title="Common Questions"
description="Everything you need to know about dining at Zorko."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Are you fully vegetarian?", content: "Yes, Zorko is a 100% vegetarian restaurant." },
{ id: "q2", title: "Do you accept reservations?", content: "Yes, we accept reservations and walk-ins. Pre-booking can even get you discounts!" },
{ id: "q3", title: "What are your operating hours?", content: "We are open daily from 9 AM to 11 PM." },
{ id: "q4", title: "Do you offer delivery?", content: "Yes, we partner with major food delivery apps for your convenience." },
{ id: "q5", title: "Are you pet friendly?", content: "We currently do not allow pets inside, but we have comfortable outdoor seating." },
]}
imageSrc="http://img.b2bpic.net/free-photo/black-waitress-wearing-face-mask-gloves-while-serving-coffee-cafe-coronavirus-epidemic_637285-8094.jpg"
title="Common Questions"
description="Everything you need to know about dining at Zorko."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Get in Touch"
title="Visit Us Today"
description="Located in Sukhdev Nagar, Panipat. Come experience the taste of Zorko."
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com",
},
{
text: "Order on WhatsApp",
href: "https://wa.me/919034809545",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Visit Us Today"
description="Located in Sukhdev Nagar, Panipat. Come experience the taste of Zorko."
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }, { text: "Order on WhatsApp", href: "https://wa.me/919034809545" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Links",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "Reserve Table",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
{
label: "FAQs",
href: "#faq",
},
],
},
]}
logoText="Zorko"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Links", items: [
{ label: "Menu", href: "#menu" },
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Support", items: [
{ label: "Reserve Table", href: "#contact" },
{ label: "Privacy", href: "#" },
{ label: "FAQs", href: "#faq" },
],
},
]}
logoText="Zorko"
/>
</div>
</ReactLenis>
</ThemeProvider>
);