218 lines
12 KiB
TypeScript
218 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Clock, Globe, MapPin, Star, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Kitchen King"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Dishes", id: "features" },
|
|
{ name: "Reserve", id: "contact" },
|
|
{ name: "Call: 086999 25867", id: "tel:08699925867" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="KITCHEN KING"
|
|
description="Best Vegetarian Restaurant in Kharar. Authentic Indian & Chinese cuisine with unforgettable flavors. ⭐ 4.9/5 from 310+ reviews"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:08699925867" },
|
|
{ text: "🍽️ Reserve Table", href: "#contact" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/fruit-salad-with-pear-green-olives-herbs_114579-34807.jpg"
|
|
imageAlt="Kitchen King restaurant elegant dining interior"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Kitchen King: Celebrating Vegetarian Excellence in Kharar"
|
|
metrics={[
|
|
{ icon: Star, label: "Customer Rating", value: "4.9/5" },
|
|
{ icon: Users, label: "Happy Customers", value: "310+" },
|
|
{ icon: Clock, label: "Years of Excellence", value: "5+" },
|
|
{ icon: MapPin, label: "Premium Location", value: "Kharar" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Popular Dishes"
|
|
description="Discover our most loved vegetarian creations"
|
|
tag="Menu Favorites"
|
|
features={[
|
|
{
|
|
id: "01", title: "Paneer Butter Masala", description: "Rich, creamy tomato-based curry with tender paneer chunks and aromatic spices", imageSrc: "http://img.b2bpic.net/free-photo/chicken-soup-bowl-rice-wooden-surface_181624-16780.jpg", imageAlt: "Paneer Butter Masala"
|
|
},
|
|
{
|
|
id: "02", title: "Dal Makhni", description: "Slow-cooked black lentils with cream, butter, and traditional Indian spices", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-corn-foreground_23-2148234357.jpg", imageAlt: "Dal Makhni"
|
|
},
|
|
{
|
|
id: "03", title: "Butter Roti", description: "Freshly baked Indian flatbread with pure ghee, warm and perfectly crispy", imageSrc: "http://img.b2bpic.net/free-photo/pakistani-food-cloth-flat-lay_23-2148825098.jpg", imageAlt: "Butter Roti"
|
|
},
|
|
{
|
|
id: "04", title: "Shahi Tukda", description: "Traditional Indian dessert with fried bread, khoya, and creamy rabri sauce", imageSrc: "http://img.b2bpic.net/free-photo/mango-kulfi-with-pistachios_23-2151994681.jpg", imageAlt: "Shahi Tukda"
|
|
},
|
|
{
|
|
id: "05", title: "Chinese Noodles", description: "Vegetarian stir-fried noodles with fresh vegetables and aromatic Asian spices", imageSrc: "http://img.b2bpic.net/free-photo/rice-noodle-noodles-topped-with-coconut-milk_1150-22231.jpg", imageAlt: "Chinese Noodles"
|
|
},
|
|
{
|
|
id: "06", title: "Dim Sum Basket", description: "Assorted steamed dumplings with authentic Chinese flavor and vegetarian fillings", imageSrc: "http://img.b2bpic.net/free-photo/steamed-shrimp-wontons-dim-sum-with-raw-materials_1150-23691.jpg", imageAlt: "Dim Sum"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<FeatureCardThree
|
|
title="Why Choose Kitchen King?"
|
|
description="Experience the difference of authentic vegetarian cuisine with exceptional service"
|
|
tag="Our Commitment"
|
|
features={[
|
|
{
|
|
id: "01", title: "Fresh Ingredients", description: "We source the finest fresh vegetables and organic ingredients daily for maximum quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoWzwg08mQihfra6f2yJiPXqjT/uploaded-1773291068879-vu1oipuy.jpg", imageAlt: "Fresh vegetables and ingredients"
|
|
},
|
|
{
|
|
id: "02", title: "Authentic Recipes", description: "Traditional Indian and Chinese recipes prepared with culinary expertise and passion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoWzwg08mQihfra6f2yJiPXqjT/uploaded-1773291068879-ow4c7iol.jpg", imageAlt: "Professional kitchen preparation"
|
|
},
|
|
{
|
|
id: "03", title: "Family Friendly", description: "Warm ambiance perfect for family dinners, celebrations, and special occasions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoWzwg08mQihfra6f2yJiPXqjT/uploaded-1773291068879-nporuuk6.jpg", imageAlt: "Family dining atmosphere"
|
|
},
|
|
{
|
|
id: "04", title: "Affordable Pricing", description: "Premium quality vegetarian cuisine at budget-friendly prices for everyone", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-2835.jpg", imageAlt: "Restaurant interior ambiance"
|
|
},
|
|
{
|
|
id: "05", title: "Fast Service", description: "Quick and efficient service without compromising on food quality and presentation", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-serving-food-dining-table-while-having-lunch-with-her-husband-mature-parents-home_637285-2860.jpg", imageAlt: "Celebration and celebration service"
|
|
}
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Say"
|
|
description="Join thousands of happy diners who have experienced Kitchen King's exceptional vegetarian cuisine"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Vishal Kaushik", role: "Regular Diner", company: "Kharar Community", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoWzwg08mQihfra6f2yJiPXqjT/uploaded-1773291068879-vu1oipuy.jpg", imageAlt: "Vishal Kaushik"
|
|
},
|
|
{
|
|
id: "2", name: "Nitin Kumar", role: "Food Enthusiast", company: "Mohali", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoWzwg08mQihfra6f2yJiPXqjT/uploaded-1773291068879-ow4c7iol.jpg", imageAlt: "Nitin Kumar"
|
|
},
|
|
{
|
|
id: "3", name: "Priya Singh", role: "Family Gatherings", company: "Kurali", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoWzwg08mQihfra6f2yJiPXqjT/uploaded-1773291068879-nporuuk6.jpg", imageAlt: "Priya Singh"
|
|
},
|
|
{
|
|
id: "4", name: "Deepak Sharma", role: "Birthday Celebrant", company: "Kharar", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg", imageAlt: "Deepak Sharma"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "310+", label: "Reviews & Ratings" },
|
|
{ value: "4.9/5", label: "Average Rating" },
|
|
{ value: "1000+", label: "Repeat Customers" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Reserve Your Table"
|
|
title="Book Your Dining Experience at Kitchen King"
|
|
description="Reserve your table now and enjoy an unforgettable meal with family and friends. Call us or fill out the form below."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Reserve Now"
|
|
termsText="By reserving a table, you agree to our Terms and Conditions. We'll confirm your booking shortly."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Kitchen King", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Menu", href: "#features" },
|
|
{ label: "Reservations", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: 086999 25867", href: "tel:08699925867" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Hours: 11:30 AM - 10:30 PM", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Service", items: [
|
|
{ label: "Dine-in", href: "#" },
|
|
{ label: "Online Order", href: "#" },
|
|
{ label: "Takeaway", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Location", items: [
|
|
{ label: "Ground Floor, SBC Group", href: "#" },
|
|
{ label: "SCO 7, Kharar-Kurali Road", href: "#" },
|
|
{ label: "Kharar, Punjab 140301", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Kitchen King. All rights reserved."
|
|
bottomRightText="Best Vegetarian Restaurant in Kharar"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |