Update src/app/page.tsx
This commit is contained in:
243
src/app/page.tsx
243
src/app/page.tsx
@@ -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="Islamabad’s rising fast-food spot in G-9/1 — serving bold desi flavors that hit different."
|
description="Islamabad’s 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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user