311 lines
17 KiB
TypeScript
311 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Star, Heart, UtensilsCrossed, Camera, Calendar, MapPin, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Delish Kitchen"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Popular Dishes", id: "dishes" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Menu", id: "menu" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Table", href: "#reservation"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="DELISH KITCHEN"
|
|
description="Delicious Multi-Cuisine Food in Laxmi Nagar. Authentic flavors, cozy ambiance, and affordable dining for family and friends. Loved by locals for authentic taste and great service."
|
|
background={{ variant: "aurora" }}
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+919876543210" },
|
|
{ text: "🪑 Reserve Table", href: "#reservation" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-sitting-bar-enjoying-drinks-pub_23-2147859557.jpg"
|
|
imageAlt="Delicious multi-cuisine food spread"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="dishes" data-section="dishes">
|
|
<ProductCardTwo
|
|
title="Popular Dishes"
|
|
description="Fan-favorite menu items loved by our customers for their authentic flavors and quality ingredients"
|
|
tag="Customer Favorites"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "paneer-tikka", brand: "Delish Kitchen", name: "Paneer Tikka", price: "₹280", rating: 5,
|
|
reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-tasty-squashes-with-seasonings-dark-purple-desk_140725-50084.jpg?_wi=1", imageAlt: "Paneer Tikka - Grilled cheese skewers"
|
|
},
|
|
{
|
|
id: "chilli-paneer", brand: "Delish Kitchen", name: "Chilli Paneer", price: "₹320", rating: 5,
|
|
reviewCount: "380+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-broccoli-cauliflower-salad-black-oval-plate-different-spices-small-bowls-dark-surface_140725-62308.jpg?_wi=1", imageAlt: "Chilli Paneer - Spicy stir-fried cheese"
|
|
},
|
|
{
|
|
id: "manchurian", brand: "Delish Kitchen", name: "Manchurian", price: "₹300", rating: 5,
|
|
reviewCount: "520+", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-sweet-sour-tomato-sauce_2829-19545.jpg?_wi=1", imageAlt: "Manchurian - Best Chinese specialty"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardSeven
|
|
title="Why Customers Love Us"
|
|
description="Experience authentic flavors, warm hospitality, and exceptional value at Delish Kitchen"
|
|
tag="Our Promise"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Authentic Spicy Flavors", description: "Expertly crafted dishes with traditional Indian and Chinese spices that keep customers coming back", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-tasty-squashes-with-seasonings-dark-purple-desk_140725-50084.jpg?_wi=2", imageAlt: "Authentic spiced paneer tikka"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Multi-Cuisine Menu", description: "Diverse selection of vegetarian and Chinese specialties to satisfy every palate and preference", imageSrc: "http://img.b2bpic.net/free-photo/top-view-broccoli-cauliflower-salad-black-oval-plate-different-spices-small-bowls-dark-surface_140725-62308.jpg?_wi=2", imageAlt: "Variety of multi-cuisine dishes"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Affordable Pricing", description: "Premium quality food at reasonable prices, perfect for family budgets and group gatherings", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-sweet-sour-tomato-sauce_2829-19545.jpg?_wi=2", imageAlt: "Value-for-money dishes"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Beautiful Family Ambiance", description: "Warm, welcoming atmosphere designed for families, friends, and celebrations", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg?_wi=1", imageAlt: "Cozy restaurant interior"
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Friendly Staff", description: "Cooperative and attentive team dedicated to making your dining experience exceptional", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283540.jpg?_wi=1", imageAlt: "Staff serving happy customers"
|
|
},
|
|
{
|
|
id: 6,
|
|
title: "Free Parking Available", description: "Convenient parking facilities make visiting us hassle-free for all our guests", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg?_wi=2", imageAlt: "Restaurant parking area"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg?_wi=1", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "2", name: "Rohit Kumar", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=1", imageAlt: "Rohit Kumar"
|
|
},
|
|
{
|
|
id: "3", name: "Anjali Verma", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-white_181624-25676.jpg", imageAlt: "Anjali Verma"
|
|
},
|
|
{
|
|
id: "4", name: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", imageAlt: "Vikram Singh"
|
|
},
|
|
{
|
|
id: "5", name: "Neha Gupta", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg?_wi=2", imageAlt: "Neha Gupta"
|
|
},
|
|
{
|
|
id: "6", name: "Arjun Mehta", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=2", imageAlt: "Arjun Mehta"
|
|
}
|
|
]}
|
|
cardTitle="Trusted by 100+ happy customers in Laxmi Nagar for authentic taste and great service"
|
|
cardTag="See What They Say"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FaqSplitMedia
|
|
title="Menu Preview"
|
|
description="Explore our curated selection of the finest dishes across all categories"
|
|
tag="Food Categories"
|
|
tagIcon={UtensilsCrossed}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/grilled-meat-teriyaki-sauce-lettuce-leaf-with-red-cabbage-salad-lemon_114579-3571.jpg?_wi=1"
|
|
imageAlt="Restaurant menu dishes"
|
|
mediaAnimation="opacity"
|
|
faqsAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
faqs={[
|
|
{
|
|
id: "starters", title: "Starters", content: "<p><strong>Paneer Tikka</strong> - ₹280 | <strong>Chilli Paneer</strong> - ₹320 | <strong>Manchurian</strong> - ₹300 | <strong>Spring Rolls</strong> - ₹150</p>"
|
|
},
|
|
{
|
|
id: "chinese", title: "Chinese Specials", content: "<p><strong>Chilli Chicken</strong> - ₹380 | <strong>Garlic Noodles</strong> - ₹220 | <strong>Fried Rice</strong> - ₹200 | <strong>Sweet & Sour Veggies</strong> - ₹240</p>"
|
|
},
|
|
{
|
|
id: "main-course", title: "Main Course", content: "<p><strong>Paneer Butter Masala</strong> - ₹320 | <strong>Dal Makhani</strong> - ₹280 | <strong>Chole Bhature</strong> - ₹180 | <strong>Biryani</strong> - ₹250</p>"
|
|
},
|
|
{
|
|
id: "veg-specials", title: "Veg Specials", content: "<p><strong>Paneer Do Pyaza</strong> - ₹300 | <strong>Aloo Gobi</strong> - ₹180 | <strong>Mixed Veg Curry</strong> - ₹220 | <strong>Baingan Bharta</strong> - ₹190</p>"
|
|
},
|
|
{
|
|
id: "beverages", title: "Beverages", content: "<p><strong>Fresh Fruit Juices</strong> - ₹120 | <strong>Masala Chai</strong> - ₹40 | <strong>Cold Coffee</strong> - ₹100 | <strong>Lassi</strong> - ₹80</p>"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<TeamCardSix
|
|
title="Restaurant Gallery"
|
|
description="Step inside our beautiful dining space and see the warmth of our restaurant"
|
|
tag="Visual Tour"
|
|
tagIcon={Camera}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Interior Ambiance", role: "Warm & Welcoming", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg?_wi=3", imageAlt: "Restaurant interior ambiance"
|
|
},
|
|
{
|
|
id: "2", name: "Family Dining", role: "Perfect for Groups", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283540.jpg?_wi=2", imageAlt: "Family dining experience"
|
|
},
|
|
{
|
|
id: "3", name: "Signature Dish", role: "Paneer Tikka", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-teriyaki-sauce-lettuce-leaf-with-red-cabbage-salad-lemon_114579-3571.jpg?_wi=2", imageAlt: "Signature paneer tikka"
|
|
},
|
|
{
|
|
id: "4", name: "Premium Ambiance", role: "Cozy Setup", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg", imageAlt: "Restaurant cozy ambiance"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
<ContactCenter
|
|
tag="Easy Reservation"
|
|
title="Reserve Your Table Today"
|
|
description="Book a table at Delish Kitchen and enjoy an unforgettable dining experience with family and friends. Limited slots available during peak hours."
|
|
tagIcon={Calendar}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your phone number"
|
|
buttonText="Reserve Now"
|
|
termsText="We'll call you to confirm your reservation. Your privacy is important to us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<MetricCardTen
|
|
title="Find Us"
|
|
description="Visit us at our Laxmi Nagar location with convenient parking and easy accessibility"
|
|
tag="Location & Hours"
|
|
tagIcon={MapPin}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "address", title: "Delish Kitchen Restaurant", subtitle: "East Delhi, Laxmi Nagar Area", category: "Address", value: "📍 Get Directions", buttons: [{ text: "Call: +91 98765 43210", href: "tel:+919876543210" }]
|
|
},
|
|
{
|
|
id: "hours", title: "Operating Hours", subtitle: "Monday to Sunday", category: "Hours", value: "11 AM - 11 PM", buttons: [{ text: "Book Now", href: "#reservation" }]
|
|
},
|
|
{
|
|
id: "parking", title: "Facilities", subtitle: "Family Friendly Restaurant", category: "Amenities", value: "✓ Free Parking", buttons: [{ text: "Visit Today", href: "tel:+919876543210" }]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<MediaAbout
|
|
title="Craving Delicious Food?"
|
|
description="Don't wait! Experience authentic flavors and warm hospitality at Delish Kitchen today. Call us now or visit our restaurant in Laxmi Nagar."
|
|
tag="Call to Action"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "📞 Call Now: +91 98765 43210", href: "tel:+919876543210" },
|
|
{ text: "🪑 Reserve a Table", href: "#reservation" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/eggplant-zucchini_74190-737.jpg"
|
|
imageAlt="Delicious restaurant food"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="DELISH KITCHEN"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#why-us" },
|
|
{ label: "Popular Dishes", href: "#dishes" },
|
|
{ label: "Menu", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Reserve Table", href: "#reservation" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Gallery", href: "#gallery" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Call: +91 98765 43210", href: "tel:+919876543210" },
|
|
{ label: "Laxmi Nagar, East Delhi", href: "#location" },
|
|
{ label: "Hours: 11 AM - 11 PM", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Google Maps", href: "https://maps.google.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|