315 lines
14 KiB
TypeScript
315 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import {
|
|
Heart,
|
|
Building2,
|
|
UtensilsCrossed,
|
|
Star,
|
|
Wind,
|
|
Users,
|
|
Music,
|
|
Droplets,
|
|
ParkingCircle,
|
|
Umbrella,
|
|
Cake,
|
|
Gift,
|
|
Briefcase,
|
|
MapPin
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Shree Manbhavan"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Events", id: "events" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "#order"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Welcome to Shree Manbhavan Garden Restaurant"
|
|
description="Pure Veg Family Restaurant | Serving Delicious Food for 45 Years"
|
|
tag="45 Years of Trust"
|
|
tagIcon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/serving-tables-wedding-old-restaurant_8353-9579.jpg"
|
|
imageAlt="Elegant restaurant garden dining area"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{
|
|
text: "Order on WhatsApp", href: "https://wa.me/919993448166?text=Hello%20Shree%20Manbhavan%21%20I%20would%20like%20to%20place%20an%20order."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Building2}
|
|
title="Pure Veg Family Restaurant Since 1979"
|
|
description="Shree Manbhavan Garden Restaurant is a well-known pure vegetarian family restaurant located on Kolar Road, Bhopal. We serve delicious Indian, South Indian, Chinese and fast food specialties. Our restaurant is perfect for families, parties, meetings and celebrations with a beautiful garden area and comfortable dining spaces. We pride ourselves on 45 years of consistent quality and authentic flavors."
|
|
metrics={[
|
|
{ value: "45+", title: "Years of Excellence" },
|
|
{ value: "4.7★", title: "Customer Rating" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9391.jpg"
|
|
imageAlt="Restaurant dining area"
|
|
useInvertedBackground={false}
|
|
metricsAnimation="blur-reveal"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="thali" data-section="thali">
|
|
<ProductCardTwo
|
|
title="Special Thali Section"
|
|
description="Experience our signature thali options - perfect for a complete vegetarian meal. Parsal order available with FREE delivery within 2 km."
|
|
tag="Signature Thalis"
|
|
tagIcon={UtensilsCrossed}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Regular", name: "Regular Thali", price: "₹99", rating: 4,
|
|
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404398.jpg", imageAlt: "Regular thali meal"
|
|
},
|
|
{
|
|
id: "2", brand: "Popular", name: "Special Thali", price: "₹200", rating: 5,
|
|
reviewCount: "3.8k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086047.jpg", imageAlt: "Special thali meal"
|
|
},
|
|
{
|
|
id: "3", brand: "Premium", name: "SM Special Manbhavan Thali", price: "₹250", rating: 5,
|
|
reviewCount: "4.2k", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404398.jpg", imageAlt: "Manbhavan special thali"
|
|
},
|
|
{
|
|
id: "4", brand: "Deluxe", name: "Deluxe Thali", price: "₹160", rating: 5,
|
|
reviewCount: "2.9k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086047.jpg", imageAlt: "Deluxe thali meal"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="facilities" data-section="facilities">
|
|
<FeatureHoverPattern
|
|
title="Restaurant Facilities"
|
|
description="Enjoy premium amenities designed for your comfort and convenience"
|
|
tag="World-Class Facilities"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Wind,
|
|
title: "AC Hall", description: "Comfortable air-conditioned dining spaces for all seasons"
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Meeting & Party Hall", description: "Spacious halls perfect for celebrations and corporate events"
|
|
},
|
|
{
|
|
icon: Music,
|
|
title: "Light Music", description: "Soft background music for a pleasant dining experience"
|
|
},
|
|
{
|
|
icon: Droplets,
|
|
title: "Aqua Guard Water", description: "Pure drinking water with advanced purification system"
|
|
},
|
|
{
|
|
icon: ParkingCircle,
|
|
title: "Ample Parking", description: "Convenient parking spaces for all guests"
|
|
},
|
|
{
|
|
icon: Umbrella,
|
|
title: "Covered Campus", description: "Protected dining areas for weather protection"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="events" data-section="events">
|
|
<PricingCardTwo
|
|
title="Catering & Event Services"
|
|
description="Professional catering and event hosting for all occasions. Hall booking available from 50 people."
|
|
tag="Celebrate With Us"
|
|
tagIcon={Gift}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "1", badge: "Birthday Party", badgeIcon: Cake,
|
|
price: "₹350+", subtitle: "Customized birthday celebration buffet", buttons: [
|
|
{
|
|
text: "Inquire Now", href: "https://wa.me/919993448166?text=I%20am%20interested%20in%20birthday%20party%20catering."
|
|
},
|
|
{ text: "Book Event", href: "#contact" }
|
|
],
|
|
features: [
|
|
"Themed decoration options", "Customized menu selection", "Music and lighting", "Experienced wait staff"
|
|
]
|
|
},
|
|
{
|
|
id: "2", badge: "Wedding Functions", badgeIcon: Heart,
|
|
price: "₹350+", subtitle: "Complete wedding celebration catering", buttons: [
|
|
{
|
|
text: "Inquire Now", href: "https://wa.me/919993448166?text=I%20am%20interested%20in%20wedding%20catering%20services."
|
|
},
|
|
{ text: "Book Event", href: "#contact" }
|
|
],
|
|
features: [
|
|
"Full-service catering", "Multiple menu options", "Professional setup", "Dedicated event coordinator"
|
|
]
|
|
},
|
|
{
|
|
id: "3", badge: "Corporate Events", badgeIcon: Briefcase,
|
|
price: "₹350+", subtitle: "Professional meeting and conference catering", buttons: [
|
|
{
|
|
text: "Inquire Now", href: "https://wa.me/919993448166?text=I%20am%20interested%20in%20corporate%20event%20catering."
|
|
},
|
|
{ text: "Book Event", href: "#contact" }
|
|
],
|
|
features: [
|
|
"Meeting room facilities", "Buffet or plated service", "AV equipment available", "Flexible timing options"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
title="Customer Reviews & Testimonials"
|
|
description="Loved by families and visitors for our authentic flavors and warm hospitality"
|
|
tag="Customer Love"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", role: "Homemaker", company: "Bhopal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Rajesh Verma", role: "Business Owner", company: "Bhopal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-with-dark-hair-thick-eyebrows-appealing-eyes-beard-wearing-casual-t-shirt-sitting-greenland_176532-10174.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Anjali Patel", role: "Event Organizer", company: "Bhopal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Vikram Singh", role: "Corporate Manager", company: "Bhopal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-selfie_158595-3672.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Deepa Gupta", role: "Teacher", company: "Bhopal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-holding-notepad-with-papers-posing_74855-9950.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Arun Kumar", role: "IT Professional", company: "Bhopal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/student-showing-ok-sign_1149-179.jpg"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "45+", label: "Years of Service" },
|
|
{ value: "4.7★", label: "Average Rating" },
|
|
{ value: "1000+", label: "Happy Families" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
tagIcon={MapPin}
|
|
title="Contact Shree Manbhavan Garden Restaurant"
|
|
description="Visit us for authentic vegetarian dining or plan your next event with us. We're located on Kolar Road, Bhopal and open from 11 AM to 11:30 PM daily."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698370.jpg"
|
|
imageAlt="Beautiful restaurant garden seating"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Subscribe to our newsletter for updates, special offers and event announcements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Shree Manbhavan"
|
|
copyrightText="© 2024 Shree Manbhavan Garden Restaurant | All Rights Reserved"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Events", href: "#events" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{ label: "+91 9993448166", href: "tel:+919993448166" },
|
|
{ label: "+91 8586906399", href: "tel:+918586906399" },
|
|
{ label: "Order on WhatsApp", href: "https://wa.me/919993448166" },
|
|
{
|
|
label: "Gehukheda, Kolar Road", href: "https://maps.google.com/?q=Gehukheda+Kolar+Road+Bhopal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Monday - Sunday", href: "#" },
|
|
{ label: "11:00 AM - 11:30 PM", href: "#" },
|
|
{ label: "Location: Kolar Road, Bhopal", href: "#" },
|
|
{ label: "Pure Veg Family Restaurant", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|