219 lines
11 KiB
TypeScript
219 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Calendar, Flame, Rocket, Wallet } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "home"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Why Us", id: "why-us"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "Location", id: "location"},
|
||
]}
|
||
brandName="Peshawari Ice Cream"
|
||
button={{
|
||
text: "Order on WhatsApp", href: "https://wa.me/YOURPHONENUMBER", onClick: () => console.log('WhatsApp Order'),
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Taste the Real Flavor of Peshawar in Karachi 🍦"
|
||
description="Fresh Ice Cream & Traditional Chapli Kabab – Made Daily. Takeaway Available!"
|
||
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", alt: "Happy Customer 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-691.jpg", 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", alt: "Happy Customer 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-female-friends-having-lunch-together_23-2148735444.jpg", alt: "Happy Customer 4"},
|
||
]}
|
||
avatarText="Loved by Locals"
|
||
buttons={[
|
||
{
|
||
text: "Order on WhatsApp", href: "https://wa.me/YOURPHONENUMBER"},
|
||
{
|
||
text: "Get Directions", href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Our Story"
|
||
description={[
|
||
"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."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "ice-cream-special", brand: "Peshawari 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", brand: "Peshawari Delights", 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", brand: "Daily Baked", 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", brand: "Value Combos", 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"
|
||
description="Explore our range of fresh ice cream and authentic Peshawari delights. Each item crafted for flavor and quality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
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,
|
||
},
|
||
{
|
||
title: "Authentic Peshawari Taste", description: "Experience the true flavors of Peshawar, brought to your plate with traditional recipes.", bentoComponent: "reveal-icon", icon: Flame,
|
||
},
|
||
{
|
||
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,
|
||
},
|
||
{
|
||
title: "Quick Takeaway Service", 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?"
|
||
description="We blend tradition with quality, ensuring every bite is a delightful experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
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"},
|
||
{
|
||
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"},
|
||
{
|
||
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"},
|
||
{
|
||
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"},
|
||
]}
|
||
title="What Our Customers Say"
|
||
description="Our customers love the unique taste and quality we offer. Rated 4.4 ⭐ across various platforms!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="location" data-section="location">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
tag="Visit Us Today!"
|
||
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!"
|
||
buttons={[
|
||
{
|
||
text: "Chat on WhatsApp Now", href: "https://wa.me/YOURPHONENUMBER"},
|
||
{
|
||
text: "Get Directions on Google Maps", href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Peshawari Ice Cream"
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "Home", href: "#home"},
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "Call Us: +92-XXX-XXXXXXX", href: "tel:+923001234567"},
|
||
{
|
||
label: "WhatsApp Us", href: "https://wa.me/YOURPHONENUMBER"},
|
||
{
|
||
label: "Gulshan-e-Hadeed Phase 1", href: "https://maps.app.goo.gl/YOURGOOGLEMAPSLINK"},
|
||
],
|
||
},
|
||
{
|
||
title: "Follow Us", items: [
|
||
{
|
||
label: "Facebook", href: "https://facebook.com/peshawariicecream"},
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/peshawariicecream"},
|
||
{
|
||
label: "TikTok", href: "https://tiktok.com/@peshawariicecream"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Peshawari Ice Cream. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |