Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c17a90ba69 | |||
| 7c9c0a04f6 | |||
| 7c53d900b3 |
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,35 +31,21 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Why Us",
|
name: "Why Us", id: "why-us"},
|
||||||
id: "why-us",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "reviews"},
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Location",
|
name: "Location", id: "location"},
|
||||||
id: "location",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Peshawari Ice Cream"
|
brandName="Peshawari Ice Cream"
|
||||||
button={{
|
button={{
|
||||||
text: "Order on WhatsApp",
|
text: "Order on WhatsApp", href: "https://wa.me/YOURPHONENUMBER", onClick: () => console.log('WhatsApp Order'),
|
||||||
href: "https://wa.me/YOURPHONENUMBER",
|
|
||||||
onClick: () => console.log('WhatsApp Order'),
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -67,38 +53,25 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Taste the Real Flavor of Peshawar in Karachi 🍦"
|
title="Taste the Real Flavor of Peshawar in Karachi 🍦"
|
||||||
description="Fresh Ice Cream & Traditional Chapli Kabab – Made Daily. Takeaway Available!"
|
description="Fresh Ice Cream & Traditional Chapli Kabab – Made Daily. Takeaway Available!"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-eating-doughnut-drinking-coffee-angry-mad-screaming-frustrated-furious-shouting-with-anger-looking-up_839833-11701.jpg",
|
src: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-eating-doughnut-drinking-coffee-angry-mad-screaming-frustrated-furious-shouting-with-anger-looking-up_839833-11701.jpg", alt: "Happy Customer 1"},
|
||||||
alt: "Happy Customer 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-691.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-691.jpg", alt: "Happy Customer 2"},
|
||||||
alt: "Happy Customer 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/slim-caucasian-girl-kid-holds-two-big-ice-cream-looks-with-her-happy-eyes-having-funny-knots-posing-isolated-pink-wall-female-kid-biting-tasty-ice-cream_176532-10864.jpg",
|
src: "http://img.b2bpic.net/free-photo/slim-caucasian-girl-kid-holds-two-big-ice-cream-looks-with-her-happy-eyes-having-funny-knots-posing-isolated-pink-wall-female-kid-biting-tasty-ice-cream_176532-10864.jpg", alt: "Happy Customer 3"},
|
||||||
alt: "Happy Customer 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiley-female-friends-having-lunch-together_23-2148735444.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiley-female-friends-having-lunch-together_23-2148735444.jpg", alt: "Happy Customer 4"},
|
||||||
alt: "Happy Customer 4",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Loved by Locals"
|
avatarText="Loved by Locals"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order on WhatsApp",
|
text: "Order on WhatsApp", href: "https://wa.me/YOURPHONENUMBER"},
|
||||||
href: "https://wa.me/YOURPHONENUMBER",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK"},
|
||||||
href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -109,9 +82,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Story"
|
title="Our Story"
|
||||||
description={[
|
description={[
|
||||||
"Peshawari Ice Cream is a local favorite in Gulshan-e-Hadeed, known for its unique blend of creamy desserts and authentic Peshawari taste.",
|
"Peshawari Ice Cream is a local favorite in Gulshan-e-Hadeed, known for its unique blend of creamy desserts and authentic Peshawari taste.", "From refreshing ice cream to delicious chapli kabab, we serve quality and flavor you can trust. We're proud to bring a piece of Peshawar's culinary heritage to Karachi, made fresh daily with love and traditional recipes."]}
|
||||||
"From refreshing ice cream to delicious chapli kabab, we serve quality and flavor you can trust. We're proud to bring a piece of Peshawar's culinary heritage to Karachi, made fresh daily with love and traditional recipes.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -123,48 +94,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "ice-cream-special",
|
id: "ice-cream-special", brand: "Peshawari Ice Cream", name: "Special Ice Cream", price: "PKR 350", rating: 5,
|
||||||
brand: "Peshawari Ice Cream",
|
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-ice-snowflake-with-ice-cream-red-bean_1339-5014.jpg", imageAlt: "Special Ice Cream",
|
||||||
name: "Special Ice Cream",
|
|
||||||
price: "PKR 350",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "250+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-ice-snowflake-with-ice-cream-red-bean_1339-5014.jpg",
|
|
||||||
imageAlt: "Special Ice Cream",
|
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "chapli-kabab",
|
id: "chapli-kabab", brand: "Peshawari Delights", name: "Chapli Kabab", price: "PKR 250", rating: 5,
|
||||||
brand: "Peshawari Delights",
|
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-sauce-colorful-spices-chicken-with-herbs-lavash-board_140725-73709.jpg", imageAlt: "Authentic Chapli Kabab",
|
||||||
name: "Chapli Kabab",
|
|
||||||
price: "PKR 250",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "300+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-sauce-colorful-spices-chicken-with-herbs-lavash-board_140725-73709.jpg",
|
|
||||||
imageAlt: "Authentic Chapli Kabab",
|
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "fresh-roti",
|
id: "fresh-roti", brand: "Daily Baked", name: "Fresh Roti/Chapati", price: "PKR 50", rating: 4,
|
||||||
brand: "Daily Baked",
|
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/half-cut-wheat-bread-with-barley-marble-surface_114579-48100.jpg", imageAlt: "Fresh Roti",
|
||||||
name: "Fresh Roti/Chapati",
|
|
||||||
price: "PKR 50",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "100+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/half-cut-wheat-bread-with-barley-marble-surface_114579-48100.jpg",
|
|
||||||
imageAlt: "Fresh Roti",
|
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "takeaway-deals",
|
id: "takeaway-deals", brand: "Value Combos", name: "Takeaway Deals", price: "Varies", rating: 5,
|
||||||
brand: "Value Combos",
|
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-psd/delicious-thai-food-template_23-2151880941.jpg", imageAlt: "Takeaway Deals",
|
||||||
name: "Takeaway Deals",
|
|
||||||
price: "Varies",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "150+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-psd/delicious-thai-food-template_23-2151880941.jpg",
|
|
||||||
imageAlt: "Takeaway Deals",
|
|
||||||
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Delicious Menu"
|
title="Our Delicious Menu"
|
||||||
@@ -179,28 +122,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Affordable Prices",
|
title: "Affordable Prices", description: "Enjoy high-quality food and desserts that won't break the bank. Great value for authentic taste.", bentoComponent: "reveal-icon", icon: Wallet,
|
||||||
description: "Enjoy high-quality food and desserts that won't break the bank. Great value for authentic taste.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Wallet,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Authentic Peshawari Taste",
|
title: "Authentic Peshawari Taste", description: "Experience the true flavors of Peshawar, brought to your plate with traditional recipes.", bentoComponent: "reveal-icon", icon: Flame,
|
||||||
description: "Experience the true flavors of Peshawar, brought to your plate with traditional recipes.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Flame,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Freshly Made Daily",
|
title: "Freshly Made Daily", description: "Our ice creams and kababs are prepared fresh every day, guaranteeing the best quality and taste.", bentoComponent: "reveal-icon", icon: Calendar,
|
||||||
description: "Our ice creams and kababs are prepared fresh every day, guaranteeing the best quality and taste.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Calendar,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Quick Takeaway Service",
|
title: "Quick Takeaway Service", description: "Busy? Our efficient service ensures your order is ready swiftly for a convenient pickup.", bentoComponent: "reveal-icon", icon: Rocket,
|
||||||
description: "Busy? Our efficient service ensures your order is ready swiftly for a convenient pickup.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Rocket,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose Peshawari Ice Cream?"
|
title="Why Choose Peshawari Ice Cream?"
|
||||||
@@ -214,41 +145,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Ali Khan", date: "2 days ago", title: "Simply Delicious!", quote: "Very delicious and fresh! The ice cream is super creamy and the chapli kabab is perfectly spiced. A must-visit in Gulshan-e-Hadeed.", tag: "Google Review", avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-sitting-cafe-table-using-tablet_1262-969.jpg"},
|
||||||
name: "Ali Khan",
|
|
||||||
date: "2 days ago",
|
|
||||||
title: "Simply Delicious!",
|
|
||||||
quote: "Very delicious and fresh! The ice cream is super creamy and the chapli kabab is perfectly spiced. A must-visit in Gulshan-e-Hadeed.",
|
|
||||||
tag: "Google Review",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-sitting-cafe-table-using-tablet_1262-969.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Fatima Sohail", date: "1 week ago", title: "Best Chapli Kabab!", quote: "Hands down, the best chapli kabab in the area! It reminds me of home. Coupled with their fresh roti, it's a perfect meal.", tag: "Facebook Review", avatarSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg"},
|
||||||
name: "Fatima Sohail",
|
|
||||||
date: "1 week ago",
|
|
||||||
title: "Best Chapli Kabab!",
|
|
||||||
quote: "Hands down, the best chapli kabab in the area! It reminds me of home. Coupled with their fresh roti, it's a perfect meal.",
|
|
||||||
tag: "Facebook Review",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Usman Tariq", date: "3 weeks ago", title: "Great Taste & Value!", quote: "Great taste at a good price. Always fresh ingredients and quick service. My go-to spot for a delicious treat after work.", tag: "Local Guide", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-feeling-happy-pointing-side-upwards-showing-object-copy-space_1194-631218.jpg"},
|
||||||
name: "Usman Tariq",
|
|
||||||
date: "3 weeks ago",
|
|
||||||
title: "Great Taste & Value!",
|
|
||||||
quote: "Great taste at a good price. Always fresh ingredients and quick service. My go-to spot for a delicious treat after work.",
|
|
||||||
tag: "Local Guide",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-feeling-happy-pointing-side-upwards-showing-object-copy-space_1194-631218.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Sana Ahmed", date: "1 month ago", title: "Family Favorite!", quote: "Peshawari Ice Cream is a family favorite. The kids love the ice cream and we can't get enough of the traditional kababs. Highly recommended!", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-group-friends-taking-selfies_23-2148342103.jpg"},
|
||||||
name: "Sana Ahmed",
|
|
||||||
date: "1 month ago",
|
|
||||||
title: "Family Favorite!",
|
|
||||||
quote: "Peshawari Ice Cream is a family favorite. The kids love the ice cream and we can't get enough of the traditional kababs. Highly recommended!",
|
|
||||||
tag: "Loyal Customer",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-group-friends-taking-selfies_23-2148342103.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Customers Say"
|
title="What Our Customers Say"
|
||||||
description="Our customers love the unique taste and quality we offer. Rated 4.4 ⭐ across various platforms!"
|
description="Our customers love the unique taste and quality we offer. Rated 4.4 ⭐ across various platforms!"
|
||||||
@@ -259,20 +162,15 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Visit Us Today!"
|
tag="Visit Us Today!"
|
||||||
title="Craving Something Delicious? Find Us!"
|
title="Craving Something Delicious? Find Us!"
|
||||||
description="We're located in Gulshan-e-Hadeed Phase 1, Bin Qasim Town, Karachi. Open till 12 AM daily for your cravings. Enjoy authentic Peshawari flavors, dine-in or quick takeaway available. See you soon!"
|
description="We're located in Gulshan-e-Hadeed Phase 1, Bin Qasim Town, Karachi. Open till 12 AM daily for your cravings. Enjoy authentic Peshawari flavors, dine-in or quick takeaway available. See you soon!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Chat on WhatsApp Now",
|
text: "Chat on WhatsApp Now", href: "https://wa.me/YOURPHONENUMBER"},
|
||||||
href: "https://wa.me/YOURPHONENUMBER",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get Directions on Google Maps",
|
text: "Get Directions on Google Maps", href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK"},
|
||||||
href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -282,61 +180,40 @@ export default function LandingPage() {
|
|||||||
logoText="Peshawari Ice Cream"
|
logoText="Peshawari Ice Cream"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#home"},
|
||||||
href: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Menu",
|
label: "Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reviews",
|
label: "Reviews", href: "#reviews"},
|
||||||
href: "#reviews",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Call Us: +92-XXX-XXXXXXX",
|
label: "Call Us: +92-XXX-XXXXXXX", href: "tel:+923001234567"},
|
||||||
href: "tel:+923001234567",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "WhatsApp Us",
|
label: "WhatsApp Us", href: "https://wa.me/YOURPHONENUMBER"},
|
||||||
href: "https://wa.me/YOURPHONENUMBER",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Gulshan-e-Hadeed Phase 1",
|
label: "Gulshan-e-Hadeed Phase 1", href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK"},
|
||||||
href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Follow Us",
|
title: "Follow Us", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "https://facebook.com/peshawariicecream"},
|
||||||
href: "https://facebook.com/peshawariicecream",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com/peshawariicecream"},
|
||||||
href: "https://instagram.com/peshawariicecream",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "TikTok",
|
label: "TikTok", href: "https://tiktok.com/@peshawariicecream"},
|
||||||
href: "https://tiktok.com/@peshawariicecream",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Peshawari Ice Cream. All rights reserved."
|
copyrightText="© 2025 Peshawari Ice Cream. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #FFFDF0;
|
--background: #ffffff;
|
||||||
--card: #FFF7E6;
|
--card: #f9f9f9;
|
||||||
--foreground: #2E2E2E;
|
--foreground: #000612e6;
|
||||||
--primary-cta: #FF69B4;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #FFFFFF;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #87CEEB;
|
--secondary-cta: #f9f9f9;
|
||||||
--secondary-cta-text: #FFFFFF;
|
--secondary-cta-text: #000612e6;
|
||||||
--accent: #FFD700;
|
--accent: #e2e2e2;
|
||||||
--background-accent: #FFECB3;
|
--background-accent: #c4c4c4;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user