bender/d4dabfdd-fa9a-4bce-b948-8ddfa1e22671
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 18:34:56 +00:00
parent 14b500a025
commit 62441181c3
1 changed files with 137 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

543
src/app/page.tsx
View File

@@ -19,423 +19,154 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Menu", id: "menu" },
id: "hero", { name: "Experience", id: "experience" },
}, { name: "Contact", id: "contact" }
{ ]}
name: "Menu", brandName="Dilli Darwaza"
id: "menu", button={{ text: "Order Now", href: "#menu" }}
}, />
{ </div>
name: "Experience",
id: "experience",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Dilli Darwaza"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Asli Nihari Ka Darwaza 🕌🔥"
}} description="Experience authentic Mughlai flavors in F-8/1 — where tradition meets taste."
title="Asli Nihari Ka Darwaza 🕌🔥" testimonials={[
description="Experience authentic Mughlai flavors in F-8/1 — where tradition meets taste." { name: "Ahmed Khan", handle: "@ahmedk", testimonial: "Best nihari in Islamabad!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663832.jpg" },
testimonials={[ { name: "Sara Ali", handle: "@saraali", testimonial: "Authentic taste just like Old Delhi.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
{ { name: "Bilal Ahmed", handle: "@bilal", testimonial: "Rich flavor and great portion size.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-wine-glasses_23-2148893887.jpg" },
name: "Ahmed Khan", { name: "Zainab Malik", handle: "@zainabm", testimonial: "Unmatched nihari experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multigeneration-family-having-lunch-together-home-focus-is-smiling-woman-brining-food-wine-table_637285-3140.jpg" },
handle: "@ahmedk", { name: "Omar Farooq", handle: "@omar", testimonial: "Real Mughlai taste, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-yellow-heart-shape-smiling-green_140725-30376.jpg" }
testimonial: "Best nihari in Islamabad!", ]}
rating: 5, buttons={[{ text: "View Menu", href: "#menu" }, { text: "Visit Today", href: "#contact" }]}
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663832.jpg", imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133950.jpg"
}, avatars={[{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "Satisfied customer" }, { src: "http://img.b2bpic.net/free-photo/asian-friends-guys-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1273.jpg", alt: "Happy diner" }, { src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663869.jpg", alt: "Regular visitor" }, { src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663874.jpg", alt: "Food enthusiast" }, { src: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg", alt: "Family patron" }]}
{ avatarText="Loved by thousands"
name: "Sara Ali", marqueeItems={[{ type: "text", text: "100% Halal" }, { type: "text", text: "Authentic Spices" }, { type: "text", text: "Traditional Prep" }, { type: "text", text: "Family Recipes" }, { type: "text", text: "Old Delhi Vibes" }]}
handle: "@saraali", />
testimonial: "Authentic taste just like Old Delhi.", </div>
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
},
{
name: "Bilal Ahmed",
handle: "@bilal",
testimonial: "Rich flavor and great portion size.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-wine-glasses_23-2148893887.jpg",
},
{
name: "Zainab Malik",
handle: "@zainabm",
testimonial: "Unmatched nihari experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/multigeneration-family-having-lunch-together-home-focus-is-smiling-woman-brining-food-wine-table_637285-3140.jpg",
},
{
name: "Omar Farooq",
handle: "@omar",
testimonial: "Real Mughlai taste, highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-yellow-heart-shape-smiling-green_140725-30376.jpg",
},
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Visit Today",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133950.jpg"
imageAlt="traditional beef nihari serving"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
alt: "Satisfied customer",
},
{
src: "http://img.b2bpic.net/free-photo/asian-friends-guys-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1273.jpg",
alt: "Happy diner",
},
{
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663869.jpg",
alt: "Regular visitor",
},
{
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663874.jpg",
alt: "Food enthusiast",
},
{
src: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg",
alt: "Family patron",
},
]}
avatarText="Loved by thousands"
marqueeItems={[
{
type: "text",
text: "100% Halal",
},
{
type: "text",
text: "Authentic Spices",
},
{
type: "text",
text: "Traditional Prep",
},
{
type: "text",
text: "Family Recipes",
},
{
type: "text",
text: "Old Delhi Vibes",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[{ type: "text", content: "A Taste of Old Delhi" }, { type: "image", src: "http://img.b2bpic.net/free-photo/digital-art-ramadan-celebration_23-2151358166.jpg", alt: "traditional restaurant interior warm lighting" }]}
{ />
type: "text", </div>
content: "A Taste of Old Delhi",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/digital-art-ramadan-celebration_23-2151358166.jpg",
alt: "traditional restaurant interior warm lighting",
},
]}
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split-description" textboxLayout="split-description"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Beef Nihari", price: "Rs 1,200", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-soup-with-potatoes-seasonings-dark-desk_140725-76788.jpg" },
id: "1", { id: "2", name: "Maghaz Nihari", price: "Rs 1,500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-7309.jpg" },
name: "Beef Nihari", { id: "3", name: "Wheat Puri Thali", price: "Rs 1,100", variant: "Thali", imageSrc: "http://img.b2bpic.net/free-photo/chana-bhatura-black-plate_23-2151998593.jpg" },
price: "Rs 1,200", { id: "4", name: "Khagina", price: "Rs 1,000", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-shakh-plov-with-raisins-dried-apricots-dark-surface_140725-90689.jpg" },
variant: "Signature", { id: "5", name: "Tandoori Roti", price: "Rs 50", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033975.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-soup-with-potatoes-seasonings-dark-desk_140725-76788.jpg", { id: "6", name: "Lemon Mirch Tea", price: "Rs 150", variant: "Extra", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-couple-having-sushi_107420-65733.jpg" }
}, ]}
{ title="Signature Desi Classics"
id: "2", description="Slow-cooked heritage specialties."
name: "Maghaz Nihari", />
price: "Rs 1,500", </div>
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-7309.jpg",
},
{
id: "3",
name: "Wheat Puri Thali",
price: "Rs 1,100",
variant: "Thali",
imageSrc: "http://img.b2bpic.net/free-photo/chana-bhatura-black-plate_23-2151998593.jpg",
},
{
id: "4",
name: "Khagina",
price: "Rs 1,000",
variant: "Breakfast",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-shakh-plov-with-raisins-dried-apricots-dark-surface_140725-90689.jpg",
},
{
id: "5",
name: "Tandoori Roti",
price: "Rs 50",
variant: "Side",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033975.jpg",
},
{
id: "6",
name: "Lemon Mirch Tea",
price: "Rs 150",
variant: "Extra",
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-couple-having-sushi_107420-65733.jpg",
},
]}
title="Signature Desi Classics"
description="Slow-cooked heritage specialties."
/>
</div>
<div id="experience" data-section="experience"> <div id="experience" data-section="experience">
<FeatureCardNineteen <FeatureCardNineteen
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { tag: "Specialty", title: "Authentic Nihari", subtitle: "Slow cooked for 12 hours.", description: "Expertly spiced and perfectly tender.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235782.jpg" },
tag: "Specialty", { tag: "Dining", title: "Outdoor Seating", subtitle: "Perfect for families.", description: "Relax in our comfortable setting.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-restaurant_23-2149930131.jpg" },
title: "Authentic Nihari", { tag: "Amenity", title: "Family Friendly", subtitle: "A place for everyone.", description: "Welcoming all generations.", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-bell-peppers-cucumber-pickled-cucumber-with-sesame-sprinkles_141793-1973.jpg" }
subtitle: "Slow cooked for 12 hours.", ]}
description: "Expertly spiced and perfectly tender.", title="Slow-Cooked. Deep Flavor."
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235782.jpg", description="Authentic Mughlai heritage cooking."
}, />
{ </div>
tag: "Dining",
title: "Outdoor Seating",
subtitle: "Perfect for families.",
description: "Relax in our comfortable setting.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-restaurant_23-2149930131.jpg",
},
{
tag: "Amenity",
title: "Family Friendly",
subtitle: "A place for everyone.",
description: "Welcoming all generations.",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-bell-peppers-cucumber-pickled-cucumber-with-sesame-sprinkles_141793-1973.jpg",
},
]}
title="Slow-Cooked. Deep Flavor."
description="Authentic Mughlai heritage cooking."
/>
</div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<TeamCardFive <TeamCardFive
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
team={[ team={[
{ { id: "1", name: "Nihari Process", role: "Heritage", imageSrc: "http://img.b2bpic.net/free-photo/assortment-meat-near-outdoor-barbecue_23-2147840981.jpg" },
id: "1", { id: "2", name: "Dining Area", role: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/side-view-piti-with-deep-plate-vinegar-human-clay-jug-wooden-table_176474-3181.jpg" },
name: "Nihari Process", { id: "3", name: "Fresh Serving", role: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-eating-together-table_23-2148972781.jpg" },
role: "Heritage", { id: "4", name: "Outdoor Vibe", role: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944024.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/assortment-meat-near-outdoor-barbecue_23-2147840981.jpg", { id: "5", name: "Plate Detail", role: "Taste", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg" },
}, { id: "6", name: "Tandoor Scene", role: "Authenticity", imageSrc: "http://img.b2bpic.net/free-photo/traditionla-food-kutab-with-herbs-spices_114579-2394.jpg" }
{ ]}
id: "2", title="Tradition on Every Plate"
name: "Dining Area", description="A glimpse into our kitchen and dining area."
role: "Ambiance", />
imageSrc: "http://img.b2bpic.net/free-photo/side-view-piti-with-deep-plate-vinegar-human-clay-jug-wooden-table_176474-3181.jpg", </div>
},
{
id: "3",
name: "Fresh Serving",
role: "Quality",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-eating-together-table_23-2148972781.jpg",
},
{
id: "4",
name: "Outdoor Vibe",
role: "Experience",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944024.jpg",
},
{
id: "5",
name: "Plate Detail",
role: "Taste",
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg",
},
{
id: "6",
name: "Tandoor Scene",
role: "Authenticity",
imageSrc: "http://img.b2bpic.net/free-photo/traditionla-food-kutab-with-herbs-spices_114579-2394.jpg",
},
]}
title="Tradition on Every Plate"
description="A glimpse into our kitchen and dining area."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardOne <TestimonialCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="split-description" textboxLayout="split-description"
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Ahmed Khan", role: "Foodie", company: "Islamabad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663870.jpg" },
id: "1", { id: "2", name: "Sara Ali", role: "Blogger", company: "FoodCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-gingerbread-blurred-background-copy-space_169016-24477.jpg" },
name: "Ahmed Khan", { id: "3", name: "Bilal Ahmed", role: "Local", company: "F-8 Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-eating-together-medium-shot_23-2148972778.jpg" },
role: "Foodie", { id: "4", name: "Zainab Malik", role: "Food Lover", company: "Foodie Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-doing-selfie-with-modern-phone-cafe_7502-7239.jpg" },
company: "Islamabad", { id: "5", name: "Omar Farooq", role: "Regular", company: "Islamabad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-man-drinking-beer-pub_329181-18354.jpg" }
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663870.jpg", title="Trusted by Hundreds ⭐"
}, description="995 reviews and counting."
{ />
id: "2", </div>
name: "Sara Ali",
role: "Blogger",
company: "FoodCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-gingerbread-blurred-background-copy-space_169016-24477.jpg",
},
{
id: "3",
name: "Bilal Ahmed",
role: "Local",
company: "F-8 Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-eating-together-medium-shot_23-2148972778.jpg",
},
{
id: "4",
name: "Zainab Malik",
role: "Food Lover",
company: "Foodie Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-doing-selfie-with-modern-phone-cafe_7502-7239.jpg",
},
{
id: "5",
name: "Omar Farooq",
role: "Regular",
company: "Islamabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-man-drinking-beer-pub_329181-18354.jpg",
},
]}
title="Trusted by Hundreds ⭐"
description="995 reviews and counting."
/>
</div>
<div id="social" data-section="social"> <div id="social" data-section="social">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["Food Portal", "City Foodie", "Local Heritage", "Authentic Eats", "Islamabad Dining", "Desi Kitchen", "Tradition Award"]}
"Food Portal", title="Our Heritage Recognitions"
"City Foodie", description="Proudly recognized by the culinary community."
"Local Heritage", />
"Authentic Eats", </div>
"Islamabad Dining",
"Desi Kitchen",
"Tradition Award",
]}
title="Our Heritage Recognitions"
description="Proudly recognized by the culinary community."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", text="Nihari Scene On Hai 🔥 Visit Dilli Darwaza in F-8/1, Islamabad. Open Daily 11 AM. 0315-1587752"
}} buttons={[{ text: "Get Directions", href: "https://maps.google.com" }, { text: "Call Now", href: "tel:+923151587752" }]}
text="Nihari Scene On Hai 🔥 Visit Dilli Darwaza in F-8/1, Islamabad. Open Daily 11 AM. 0315-1587752" />
buttons={[ </div>
{
text: "Get Directions",
href: "https://maps.google.com",
},
{
text: "Call Now",
href: "tel:+923151587752",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }] },
items: [ { items: [{ label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
{ { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
label: "About Us", ]}
href: "#about", logoText="Dilli Darwaza"
}, />
{ </div>
label: "Our Menu",
href: "#menu",
},
],
},
{
items: [
{
label: "Gallery",
href: "#gallery",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Dilli Darwaza"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );