Update src/app/page.tsx

This commit is contained in:
2026-05-11 13:35:25 +00:00
parent c2e0e12d82
commit 73b431eb9f

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Menu", id: "menu" },
}, { name: "Contact", id: "contact" },
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="De Spicehood Café" brandName="De Spicehood Café"
/> />
@@ -55,43 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
title="Feel the Heat. Taste the Flavor 🔥" title="Feel the Heat. Taste the Flavor 🔥"
description="Islamabads rising fast-food spot in G-9/1 — serving bold desi flavors that hit different." description="Islamabads rising fast-food spot in G-9/1 — serving bold desi flavors that hit different."
tag="⭐ 5.0 Rating — Customer Favorite" tag="⭐ 5.0 Rating — Customer Favorite"
buttons={[ buttons={[
{ { text: "Call Now", href: "tel:03317333008" },
text: "Call Now", { text: "View Menu", href: "#menu" },
href: "tel:03317333008",
},
{
text: "View Menu",
href: "#menu",
},
]} ]}
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/chicken-satay_74190-2739.jpg", imageAlt: "Grill shots" },
imageSrc: "http://img.b2bpic.net/free-photo/chicken-satay_74190-2739.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259635.jpg", imageAlt: "Roll paratha close-ups" },
imageAlt: "Grill shots",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259635.jpg",
imageAlt: "Roll paratha close-ups",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14723.jpg",
imageAlt: "Pork kebab on a plate",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-lavash-with-herbal-salad-barbecue-sauce_114579-3645.jpg",
imageAlt: "Chicken barbecue in lavash",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-shrimps-sticks-served-with-lettuce-tomatoes-onions_141793-1066.jpg",
imageAlt: "Fried fish and shrimps on sticks",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -104,12 +66,7 @@ export default function LandingPage() {
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="The Spicehood Experience" title="The Spicehood Experience"
buttons={[ buttons={[{ text: "Learn More", href: "#features" }]}
{
text: "Learn More",
href: "#features",
},
]}
/> />
</div> </div>
@@ -120,42 +77,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "1", name: "Chicken Roll Paratha", price: "Rs. 250", imageSrc: "http://img.b2bpic.net/free-photo/baked-burritos-with-chicken-red-sauce-cup_23-2148254399.jpg" },
id: "1", { id: "2", name: "Chicken Chest Tikka", price: "Rs. 350", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg" },
name: "Chicken Roll Paratha", { id: "3", name: "Fast Food Combo", price: "Rs. 450", imageSrc: "http://img.b2bpic.net/free-photo/omelette-french-fries-wooden-board-grunge-painted-desk_23-2148113638.jpg" },
price: "Rs. 250", { id: "4", name: "Cold Drinks", price: "Rs. 80", imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-blue-fresh-drinks-glasses_23-2148145361.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/baked-burritos-with-chicken-red-sauce-cup_23-2148254399.jpg", { id: "5", name: "Jumbo Roll Paratha", price: "Rs. 400", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-meat-sandwich-made-meat-grilled-spit-sliced-with-seasonings-dark-blue-desk_140725-61597.jpg" },
}, { id: "6", name: "Seekh Kebab", price: "Rs. 300", imageSrc: "http://img.b2bpic.net/free-photo/three-skewers-mashed-walnut-chesnut-almond-mixture_140725-513.jpg" },
{
id: "2",
name: "Chicken Chest Tikka",
price: "Rs. 350",
imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg",
},
{
id: "3",
name: "Fast Food Combo",
price: "Rs. 450",
imageSrc: "http://img.b2bpic.net/free-photo/omelette-french-fries-wooden-board-grunge-painted-desk_23-2148113638.jpg",
},
{
id: "4",
name: "Cold Drinks",
price: "Rs. 80",
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-blue-fresh-drinks-glasses_23-2148145361.jpg",
},
{
id: "5",
name: "Jumbo Roll Paratha",
price: "Rs. 400",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-meat-sandwich-made-meat-grilled-spit-sliced-with-seasonings-dark-blue-desk_140725-61597.jpg",
},
{
id: "6",
name: "Seekh Kebab",
price: "Rs. 300",
imageSrc: "http://img.b2bpic.net/free-photo/three-skewers-mashed-walnut-chesnut-almond-mixture_140725-513.jpg",
},
]} ]}
title="Our Signature Hits" title="Our Signature Hits"
description="Affordable Street Food with Premium Taste" description="Affordable Street Food with Premium Taste"
@@ -167,21 +94,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Fast Service", description: "We ensure your food is served quickly without compromising on taste.", imageSrc: "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147884457.jpg" },
title: "Fast Service", { title: "Freshly Grilled Items", description: "Our BBQ and grill items are prepared fresh to order.", imageSrc: "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg" },
description: "We ensure your food is served quickly without compromising on taste.", { title: "Budget-Friendly", description: "Premium desi flavors at prices that everyone can afford.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-money-logo-design_23-2150934180.jpg" },
imageSrc: "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147884457.jpg",
},
{
title: "Freshly Grilled Items",
description: "Our BBQ and grill items are prepared fresh to order.",
imageSrc: "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg",
},
{
title: "Budget-Friendly",
description: "Premium desi flavors at prices that everyone can afford.",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-money-logo-design_23-2150934180.jpg",
},
]} ]}
title="Fast. Fresh. Flavorful." title="Fast. Fresh. Flavorful."
description="De Spicehood Café is built for speed and taste." description="De Spicehood Café is built for speed and taste."
@@ -194,41 +109,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah Khan", handle: "@sarahk", testimonial: "Amazing taste and spice level!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-beautiful-gingerbread-walk_169016-24855.jpg" },
id: "1", { id: "2", name: "Ahmed Raza", handle: "@ahmedr", testimonial: "Best roll paratha in the area.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-with-chili-pepper_23-2149384070.jpg" },
name: "Sarah Khan", { id: "3", name: "Maria Ali", handle: "@mariaa", testimonial: "Fresh and super flavorful food.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg" },
handle: "@sarahk", { id: "4", name: "Usman Malik", handle: "@usmanm", testimonial: "Quick service and great vibes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg" },
testimonial: "Amazing taste and spice level!", { id: "5", name: "Zoya Ahmed", handle: "@zoyaa", testimonial: "My go-to spot for street food.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-enjoying-tasty-food-lunch-sitting-wooden-table-cozy-restaurant-hungry-hipster-wearing-trendy-black-hat-stilling-his-hunger-while-having-meal-cafeteria-alone_273609-1728.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-beautiful-gingerbread-walk_169016-24855.jpg",
},
{
id: "2",
name: "Ahmed Raza",
handle: "@ahmedr",
testimonial: "Best roll paratha in the area.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-with-chili-pepper_23-2149384070.jpg",
},
{
id: "3",
name: "Maria Ali",
handle: "@mariaa",
testimonial: "Fresh and super flavorful food.",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",
},
{
id: "4",
name: "Usman Malik",
handle: "@usmanm",
testimonial: "Quick service and great vibes.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg",
},
{
id: "5",
name: "Zoya Ahmed",
handle: "@zoyaa",
testimonial: "My go-to spot for street food.",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-enjoying-tasty-food-lunch-sitting-wooden-table-cozy-restaurant-hungry-hipster-wearing-trendy-black-hat-stilling-his-hunger-while-having-meal-cafeteria-alone_273609-1728.jpg",
},
]} ]}
title="5-Star Taste ⭐" title="5-Star Taste ⭐"
description="With a perfect 5.0 rating, De Spicehood Café is quickly becoming a must-try food spot in Islamabad." description="With a perfect 5.0 rating, De Spicehood Café is quickly becoming a must-try food spot in Islamabad."
@@ -239,13 +124,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["Foodpanda", "EatOye", "Islamabad Foodies", "CraveClub", "StreetFood PK"]}
"Foodpanda",
"EatOye",
"Islamabad Foodies",
"CraveClub",
"StreetFood PK",
]}
title="Trusted by Local Foodies" title="Trusted by Local Foodies"
description="Partnering with Islamabad's top delivery and dining services." description="Partnering with Islamabad's top delivery and dining services."
/> />
@@ -255,12 +134,7 @@ export default function LandingPage() {
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="See the Flavor" title="See the Flavor"
buttons={[ buttons={[{ text: "Follow Us", href: "#" }]}
{
text: "Follow Us",
href: "#",
},
]}
/> />
</div> </div>
@@ -269,21 +143,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "1", title: "What are the timings?", content: "Open Daily Closes at 11:30 PM" },
id: "1", { id: "2", title: "Do you have delivery?", content: "Yes, we are available on major delivery platforms." },
title: "What are the timings?", { id: "3", title: "Where are you located?", content: "Mujahid Market, Street 49, G-9/1, Islamabad" },
content: "Open Daily Closes at 11:30 PM",
},
{
id: "2",
title: "Do you have delivery?",
content: "Yes, we are available on major delivery platforms.",
},
{
id: "3",
title: "Where are you located?",
content: "Mujahid Market, Street 49, G-9/1, Islamabad",
},
]} ]}
title="Common Questions" title="Common Questions"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -294,19 +156,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
text="Visit De Spicehood Café today and experience food that hits different." text="Visit De Spicehood Café today and experience food that hits different."
buttons={[ buttons={[
{ { text: "Call Now", href: "tel:03317333008" },
text: "Call Now", { text: "Get Directions", href: "https://maps.google.com" },
href: "tel:03317333008",
},
{
text: "Get Directions",
href: "https://maps.google.com",
},
]} ]}
/> />
</div> </div>
@@ -315,33 +169,16 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [ { label: "Home", href: "#hero" },
{ { label: "Menu", href: "#menu" },
label: "Home", { label: "Contact", href: "#contact" },
href: "#hero",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [ { label: "FAQ", href: "#faq" },
{ { label: "Privacy Policy", href: "#" },
label: "FAQ",
href: "#faq",
},
{
label: "Privacy Policy",
href: "#",
},
], ],
}, },
]} ]}
@@ -351,4 +188,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }