222 lines
12 KiB
TypeScript
222 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { CheckCircle, Heart, Phone, Star, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Panda Kitchen"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Dishes", id: "feature" },
|
|
{ name: "Reviews", id: "testimonial" },
|
|
{ name: "Location", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call Now: +92 310 5123699", href: "tel:+923105123699"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Authentic Chinese Taste in the Heart of Rawalpindi"
|
|
description="Freshly cooked Chinese cuisine with fast service and affordable prices. Dine-in, drive-through, or delivery available until 12 AM."
|
|
tag="Panda Kitchen"
|
|
tagIcon={Utensils}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "📞 Call Now to Order", href: "tel:+923105123699" },
|
|
{ text: "🛒 Order Online", href: "#contact" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-italian-dumplings-recipe-served-plate_116380-12.jpg", imageAlt: "Chinese dumplings"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22296.jpg", imageAlt: "Chicken Manchurian"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/delicious-asian-noodles-with-vegetables-chopsticks_84443-65067.jpg", imageAlt: "Chow Mein noodles"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-rice-served-with-hot-syrup_157027-4061.jpg", imageAlt: "Fried rice"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-rolls-cutting-board_1150-17010.jpg", imageAlt: "Spring rolls"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Choose Panda Kitchen"
|
|
description="Fresh ingredients daily. Open until 12 AM. We believe in serving authentic Chinese food made with premium quality, fast service, and affordable prices. Family-friendly environment perfect for dine-in or quick takeaway."
|
|
tag="Our Promise"
|
|
tagIcon={CheckCircle}
|
|
imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
|
|
imageAlt="Panda Kitchen restaurant"
|
|
buttons={[{ text: "📍 Get Directions", href: "#contact" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureBento
|
|
title="Popular Dishes"
|
|
description="Our most loved Chinese specialties, crafted fresh daily with authentic recipes and premium ingredients."
|
|
tag="Fan Favorites"
|
|
tagIcon={Star}
|
|
features={[
|
|
{
|
|
title: "Chicken Manchurian", description: "Crispy chicken pieces in a tangy and savory sauce. A signature favorite!", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150438.jpg?_wi=1", imageAlt: "Chicken Manchurian"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150438.jpg?_wi=2", imageAlt: "Manchurian detail"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150438.jpg?_wi=3", imageAlt: "Close up"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Dumplings", description: "Delicate steamed dumplings filled with savory meat or vegetables. Perfect appetizer.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/delicious-steamed-asian-dumplings-plate_84443-69016.jpg?_wi=1", imageAlt: "Steamed dumplings"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/delicious-steamed-asian-dumplings-plate_84443-69016.jpg?_wi=2", imageAlt: "Dumplings close up"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/delicious-steamed-asian-dumplings-plate_84443-69016.jpg?_wi=3", imageAlt: "Dumplings plated"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Chow Mein", description: "Stir-fried noodles with fresh vegetables, protein, and savory sauce. A hearty meal.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=1", imageAlt: "Chow Mein noodles"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=2", imageAlt: "Chow Mein detail"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=3", imageAlt: "Close up wok style"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Fried Rice", description: "Fragrant fried rice with egg, vegetables, and your choice of protein. Light and satisfying.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25833.jpg?_wi=1", imageAlt: "Fried rice bowl"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25833.jpg?_wi=2", imageAlt: "Fried rice detail"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25833.jpg?_wi=3", imageAlt: "Fried rice plated"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Fatima Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Fatima Ahmed"
|
|
},
|
|
{
|
|
id: "2", name: "Hassan Khan", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg", imageAlt: "Hassan Khan"
|
|
},
|
|
{
|
|
id: "3", name: "Ayesha Malik", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1569.jpg", imageAlt: "Ayesha Malik"
|
|
},
|
|
{
|
|
id: "4", name: "Bilal Raza", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Bilal Raza"
|
|
}
|
|
]}
|
|
cardTitle="Trusted by hundreds of families in Gulistan Colony and beyond. Quality food, fast service, and friendly staff."
|
|
cardTag="⭐ 3.7 Rating | Customers Love Panda Kitchen"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Order?"
|
|
ctaDescription="Call now to place your order. We're open until 12 AM every day."
|
|
ctaButton={{
|
|
text: "📞 Call: +92 310 5123699", href: "tel:+923105123699"
|
|
}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your delivery areas?", content: "We deliver throughout Gulistan Colony and nearby areas in Rawalpindi. Call us to confirm delivery to your location."
|
|
},
|
|
{
|
|
id: "2", title: "How long does delivery take?", content: "Typical delivery times are 20-30 minutes within our service area. Order times vary during peak hours (7-9 PM)."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer dine-in and drive-through?", content: "Yes! We offer dine-in, drive-through, and no-contact delivery. Choose the option that works best for you."
|
|
},
|
|
{
|
|
id: "4", title: "What payment methods do you accept?", content: "We accept cash, online transfers, and mobile payments. Ask about current promotions when placing your order."
|
|
},
|
|
{
|
|
id: "5", title: "Can I customize my order?", content: "Absolutely! Call us to customize spice levels, ingredients, or request special preparations for your meal."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer group/catering orders?", content: "Yes! For large orders or events, please call ahead at +92 310 5123699 for pricing and arrangements."
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Panda Kitchen"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|