Merge version_1 into main #1
189
src/app/page.tsx
189
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kanteen"
|
||||
/>
|
||||
@@ -56,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Kanteen"
|
||||
description="Experience the authentic flavors of Karachi at Kanteen, where tradition meets modern culinary flair in every bite."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roasted-khingal-pieces-served-with-hot-chili-pepper-sauce_114579-2358.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.7",
|
||||
},
|
||||
label: "Google Rating", value: "4.7"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Active",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years Active", value: "5+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Diners",
|
||||
value: "100k+",
|
||||
},
|
||||
label: "Happy Diners", value: "100k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,20 +88,11 @@ export default function LandingPage() {
|
||||
description="From street-style Bun Kababs to our famous Tawa Chicken, explore a menu curated for true food lovers."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Popular Starters",
|
||||
content: "Experience our crispy Mixed Bhindi Crisp Chaat and flavorful Golgappa Shots.",
|
||||
},
|
||||
id: "a1", title: "Popular Starters", content: "Experience our crispy Mixed Bhindi Crisp Chaat and flavorful Golgappa Shots."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Main Courses",
|
||||
content: "Indulge in our Terrific Tawa Chicken and traditional Hyderabadi Daal Chawal.",
|
||||
},
|
||||
id: "a2", title: "Main Courses", content: "Indulge in our Terrific Tawa Chicken and traditional Hyderabadi Daal Chawal."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Sweet Endings",
|
||||
content: "Savor the Nutella Paratha or enjoy our classic Jalebis for a perfect sweet finish.",
|
||||
},
|
||||
id: "a3", title: "Sweet Endings", content: "Savor the Nutella Paratha or enjoy our classic Jalebis for a perfect sweet finish."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sauce-lavash-near-rice_23-2147894623.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -135,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tawa Chicken",
|
||||
price: "PKR 1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-lavash-onion-greens-arugula-sumakh-top-view_141793-3126.jpg",
|
||||
},
|
||||
id: "p1", name: "Tawa Chicken", price: "PKR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-lavash-onion-greens-arugula-sumakh-top-view_141793-3126.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Aloo Bun Kabab",
|
||||
price: "PKR 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-taiwan-s-pita-bread-bun-sandwich-gua-bao_23-2148123620.jpg",
|
||||
},
|
||||
id: "p2", name: "Aloo Bun Kabab", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-taiwan-s-pita-bread-bun-sandwich-gua-bao_23-2148123620.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Panipuri Shots",
|
||||
price: "PKR 600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salty-chickpea-served-with-spicy-mayonnaise-sauce_140725-6654.jpg",
|
||||
},
|
||||
id: "p3", name: "Panipuri Shots", price: "PKR 600", imageSrc: "http://img.b2bpic.net/free-photo/fried-salty-chickpea-served-with-spicy-mayonnaise-sauce_140725-6654.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "SS Chai",
|
||||
price: "PKR 300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-49928.jpg",
|
||||
},
|
||||
id: "p4", name: "SS Chai", price: "PKR 300", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-49928.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Namkeen Lassi",
|
||||
price: "PKR 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-green-syrup_140725-3394.jpg",
|
||||
},
|
||||
id: "p5", name: "Namkeen Lassi", price: "PKR 350", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-green-syrup_140725-3394.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Jalebi Plate",
|
||||
price: "PKR 400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-inside-black-cake-pan-with-physalises-pink-desk_140725-50300.jpg",
|
||||
},
|
||||
id: "p6", name: "Jalebi Plate", price: "PKR 400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-inside-black-cake-pan-with-physalises-pink-desk_140725-50300.jpg"},
|
||||
]}
|
||||
title="Popular Hits"
|
||||
description="The items our customers keep coming back for time and time again."
|
||||
@@ -178,30 +126,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Freshness",
|
||||
description: "Farm-to-table ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Freshness", description: "Farm-to-table ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Expert Chefs",
|
||||
description: "Culinary masters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg",
|
||||
},
|
||||
id: "m2", value: "50+", title: "Expert Chefs", description: "Culinary masters.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Regional Dishes",
|
||||
description: "Authentic flavors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-vegetables-herbs-spices_123827-21763.jpg",
|
||||
},
|
||||
id: "m3", value: "20+", title: "Regional Dishes", description: "Authentic flavors.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-vegetables-herbs-spices_123827-21763.jpg"},
|
||||
]}
|
||||
title="Quality Standards"
|
||||
description="We prioritize hygiene, fresh ingredients, and authentic recipes in every meal."
|
||||
@@ -215,40 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Yumna Siddiq",
|
||||
role: "Foodie",
|
||||
testimonial: "The place has such a nice vibe, and the food lived up to the hype.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg",
|
||||
},
|
||||
id: "t1", name: "Yumna Siddiq", role: "Foodie", testimonial: "The place has such a nice vibe, and the food lived up to the hype.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Malaika Khan",
|
||||
role: "Diner",
|
||||
testimonial: "Overall experience was great! Good value for money.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-burger_23-2150347950.jpg",
|
||||
},
|
||||
id: "t2", name: "Malaika Khan", role: "Diner", testimonial: "Overall experience was great! Good value for money.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-burger_23-2150347950.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Khan",
|
||||
role: "Local",
|
||||
testimonial: "Amazing Golgappa shots, definitely the best in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-girl-barista-bartender-counter-raising-arm-waving-clients-processing_1258-203436.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Khan", role: "Local", testimonial: "Amazing Golgappa shots, definitely the best in town.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-girl-barista-bartender-counter-raising-arm-waving-clients-processing_1258-203436.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ahmed Raza",
|
||||
role: "Regular",
|
||||
testimonial: "Kachori’s were the show stealer. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
|
||||
},
|
||||
id: "t4", name: "Ahmed Raza", role: "Regular", testimonial: "Kachori’s were the show stealer. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatima Noor",
|
||||
role: "Guest",
|
||||
testimonial: "Great variety and fast service. Loved the Nutella Paratha.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
|
||||
},
|
||||
id: "t5", name: "Fatima Noor", role: "Guest", testimonial: "Great variety and fast service. Loved the Nutella Paratha.", imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear what our loyal guests have to say about their dining experience at Kanteen."
|
||||
@@ -260,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide delivery through major food apps.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we provide delivery through major food apps."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is parking available?",
|
||||
content: "We are located in Dolmen Mall, Clifton, with ample parking.",
|
||||
},
|
||||
id: "q2", title: "Is parking available?", content: "We are located in Dolmen Mall, Clifton, with ample parking."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are reservations required?",
|
||||
content: "Walk-ins are welcome, but reservations are recommended for weekends.",
|
||||
},
|
||||
id: "q3", title: "Are reservations required?", content: "Walk-ins are welcome, but reservations are recommended for weekends."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -284,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Get in touch"
|
||||
description="Located in Dolmen Mall, Clifton, Karachi. Join us for an unforgettable dining experience today."
|
||||
@@ -300,37 +199,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
label: "Locations", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user