205 lines
11 KiB
TypeScript
205 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, ChefHat, Facebook, Heart, Instagram, Phone, Star, TrendingUp, Twitter, Utensils, UtensilsCrossed, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Masala Kitchen"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Taste the Flavors of India & Asia"
|
|
description="Experience authentic Indian delicacies and delicious Chinese cuisine prepared with the finest ingredients and traditional recipes. From aromatic curries to sizzling stir-fries, every dish is crafted to perfection."
|
|
tag="Welcome to Masala Kitchen"
|
|
tagIcon={Utensils}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-butter-chicken-black-bowl-wooden-table_123827-20593.jpg", imageAlt: "Butter Chicken - Creamy Indian Classic" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg", imageAlt: "Golden Samosas - Crispy Indian Appetizer" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-psd/delicious-grilled-paneer-tikka-cubes-wooden-plate_84443-75848.jpg", imageAlt: "Paneer Tikka - Grilled Vegetarian Delight" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/lentil-soup-with-lentil-grains_140725-3779.jpg", imageAlt: "Dal Makhani - Rich Lentil Curry" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg", imageAlt: "Chow Mein - Stir-fried Noodles" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-rice-with-prawn-top_1203-9169.jpg", imageAlt: "Fried Rice - Fragrant Asian Rice" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-tofu-with-coriander-plate_141793-2695.jpg", imageAlt: "Hakka Noodles - Chinese Classic" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-beef-sweet-sour-sauce-asian-food_2829-7037.jpg", imageAlt: "Manchurian - Spiced Appetizer" }
|
|
]}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Order Online", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Our Restaurant"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Bringing India & Asia to Your Table with Authentic Flavors and Passion"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Explore Our Story", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwelve
|
|
features={[
|
|
{
|
|
id: "vegetarian", label: "VEG", title: "Vegetarian Treasures", items: ["Paneer Tikka Masala", "Vegetable Biryani", "Aloo Gobi", "Chana Masala", "Palak Paneer"],
|
|
buttons: [{ text: "Order Veg Dishes", href: "#contact" }]
|
|
},
|
|
{
|
|
id: "nonvegetarian", label: "NONVEG", title: "Premium Non-Vegetarian", items: ["Tandoori Chicken", "Butter Chicken", "Lamb Biryani", "Fish Tikka", "Mutton Curry"],
|
|
buttons: [{ text: "Order Non-Veg Dishes", href: "#contact" }]
|
|
},
|
|
{
|
|
id: "chinese", label: "CHINESE", title: "Asian Wok Specials", items: ["Chow Mein", "Fried Rice", "Hakka Noodles", "Manchurian Gravy", "Spring Rolls"],
|
|
buttons: [{ text: "Order Chinese", href: "#contact" }]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Culinary Delights"
|
|
description="Discover our diverse menu featuring authentic Indian and Chinese specialties, each crafted with premium ingredients and traditional cooking techniques."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Our Menu"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "View Full Menu", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", handle: "@priya_loves_food", testimonial: "The best Indian food I've had outside India! The butter chicken is absolutely divine, and the service is impeccable. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "2", name: "Rajesh Patel", handle: "@rajesh_food_critic", testimonial: "Authentic flavors, generous portions, and a cozy ambiance. Their tandoori chicken is a must-try. Worth every penny!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg", imageAlt: "Rajesh Patel"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Chen", handle: "@sarah_explores", testimonial: "Their Chinese dishes are as good as the Indian ones! The chow mein is perfectly cooked, and the flavors are incredible.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Marco Rossi", handle: "@marco_dining", testimonial: "A fantastic fusion of Indian and Asian cuisines. The staff is welcoming, and every dish is prepared with love and expertise.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg", imageAlt: "Marco Rossi"
|
|
},
|
|
{
|
|
id: "5", name: "Ananya Gupta", handle: "@ananya_foodie", testimonial: "Finally found a restaurant that understands authentic Indian cooking! The spice levels are perfect, and the vegetarian options are amazing.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg", imageAlt: "Ananya Gupta"
|
|
},
|
|
{
|
|
id: "6", name: "David Kumar", handle: "@david_taste", testimonial: "From appetizers to desserts, everything is delicious. The paneer tikka and hakka noodles are my go-to orders. Worth the visit!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg", imageAlt: "David Kumar"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
title="What Our Guests Say"
|
|
description="Hear from our satisfied customers who love our authentic flavors and exceptional service."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
metrics={[
|
|
{ id: "1", value: "5000", title: "Happy Customers", description: "Satisfied guests every month", icon: Users },
|
|
{ id: "2", value: "150", title: "Menu Items", description: "Diverse culinary offerings", icon: UtensilsCrossed },
|
|
{ id: "3", value: "15", title: "Years of Excellence", description: "Trusted by the community", icon: Award },
|
|
{ id: "4", value: "100", title: "Fresh Spices", description: "Imported daily for quality", icon: Zap }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
title="Our Achievements"
|
|
description="Serving our community with excellence and authentic flavors since day one."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Dine?"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
title="Order Your Favorite Dishes Today"
|
|
description="Call us for reservations, takeout, or delivery. Our team is ready to serve you with authentic Indian and Chinese cuisine."
|
|
buttons={[
|
|
{ text: "Call Now: (555) 123-4567", href: "tel:+15551234567" },
|
|
{ text: "Order Online", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Masala Kitchen"
|
|
copyrightText="© 2025 Masala Kitchen. All rights reserved. Bringing authentic flavors to your table."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/maslakitchen", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com/maslakitchen", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "https://twitter.com/maslakitchen", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|