367 lines
15 KiB
TypeScript
367 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Leaf, UtensilsCrossed, Home, MapPin, Phone, Zap, Star, Heart } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Dishes", id: "dishes" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const reserveButton = {
|
|
text: "Reserve Table", href: "contact"};
|
|
|
|
const heroButtons = [
|
|
{ text: "Call Now", href: "tel:02024377016" },
|
|
{ text: "Order Online", href: "https://www.swiggy.com" },
|
|
];
|
|
|
|
const dashboardData = {
|
|
title: "Aangan Pure Veg Restaurant", logoIcon: UtensilsCrossed,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=1", searchPlaceholder: "Search menu items...", buttons: [
|
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
|
{ text: "View Menu", href: "#dishes" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Home, active: true },
|
|
{ icon: MapPin },
|
|
{ icon: Phone },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Rating", values: [4.0, 4.0, 4.0],
|
|
description: "⭐ Google Rating"
|
|
},
|
|
{
|
|
title: "Reviews", values: [4800, 4800, 4800],
|
|
description: "Happy Customers"
|
|
},
|
|
{
|
|
title: "Price Range", values: [200, 300, 400],
|
|
valueSuffix: "per person", description: "Budget Friendly"
|
|
},
|
|
] as const,
|
|
chartTitle: "Today's Orders", chartData: [
|
|
{ value: 45 },
|
|
{ value: 60 },
|
|
{ value: 75 },
|
|
{ value: 55 },
|
|
{ value: 80 },
|
|
],
|
|
listTitle: "Today's Specials", listItems: [
|
|
{ icon: Zap, title: "Pav Bhaji Special", status: "Hot & Fresh" },
|
|
{ icon: Star, title: "Veg Thali Combo", status: "Most Popular" },
|
|
{ icon: Heart, title: "Paneer Crispy", status: "Today's Favorite" },
|
|
],
|
|
};
|
|
|
|
const aboutDescription = [
|
|
"Aangan Pure Veg is a family-run vegetarian restaurant located behind Bharati Vidyapeeth in Dindayal Nagar, Pune. We've been serving authentic vegetarian cuisine to families, college students, and office workers for over a decade.", "Our commitment is simple: serve delicious, affordable, and authentic vegetarian food using fresh ingredients. From traditional Maharashtrian pav bhaji to South Indian dosas, Punjabi curries to street food favorites, every dish is prepared with care and passion.", "With our convenient dine-in, takeaway, no-contact delivery, and online ordering through Swiggy, we make it easy for you to enjoy quality vegetarian meals whenever you want."
|
|
];
|
|
|
|
const products = [
|
|
{
|
|
id: "1", name: "Veg Thali Combo", price: "₹280", variant: "Complete Meal", imageSrc: "http://img.b2bpic.net/free-photo/potato-lule-with-onion-ketchup_140725-1836.jpg", imageAlt: "Indian veg thali plate traditional meal"
|
|
},
|
|
{
|
|
id: "2", name: "Pav Bhaji Special", price: "₹120", variant: "Street Food Favorite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-soup-inside-round-plate-with-seasonings-lemon-bread-dark-blue-desk_140725-50611.jpg", imageAlt: "pav bhaji street food Indian Mumbai"
|
|
},
|
|
{
|
|
id: "3", name: "Paneer Crispy", price: "₹240", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chicken-nuggets-lettuce-plate-black-pepper-wooden-bowl-wooden-spoons-dark-table_140725-112082.jpg", imageAlt: "crispy paneer appetizer fried cheese cubes"
|
|
},
|
|
{
|
|
id: "4", name: "Masala Dosa", price: "₹150", variant: "South Indian", imageSrc: "http://img.b2bpic.net/free-photo/bread-with-sweet-sauce_1150-10986.jpg", imageAlt: "masala dosa South Indian crepe food"
|
|
},
|
|
];
|
|
|
|
const testimonials = [
|
|
{
|
|
id: "1", name: "Priya Sharma", role: "Regular Customer", company: "Family Diner", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg", imageAlt: "happy Indian woman smiling portrait photo"
|
|
},
|
|
{
|
|
id: "2", name: "Rajesh Patel", role: "Office Worker", company: "Local Community", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-smartphone_23-2149915890.jpg", imageAlt: "Indian man professional portrait headshot smile"
|
|
},
|
|
{
|
|
id: "3", name: "Anjali Deshmukh", role: "College Student", company: "Budget Friendly", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-brunette-woman-touching-her-cheek-smiling-wearing-blue-shirt_291650-954.jpg", imageAlt: "young Indian woman portrait happy smile"
|
|
},
|
|
{
|
|
id: "4", name: "Vikram Singh", role: "Family Diner", company: "Quality Food", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-senior-man-purple-shirt-looking-camera-smiling-cheerfully-doing-ok-sign-standing-pink-background_141793-118398.jpg", imageAlt: "Indian man portrait smiling satisfied customer"
|
|
},
|
|
{
|
|
id: "5", name: "Neha Kulkarni", role: "Vegetarian", company: "Food Enthusiast", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-happily-smiling-pink_179666-1670.jpg", imageAlt: "Indian woman portrait happy smiling vegetarian"
|
|
},
|
|
{
|
|
id: "6", name: "Arjun Verma", role: "Regular Visitor", company: "Near Bharati", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328221.jpg", imageAlt: "Indian man smiling portrait customer photo"
|
|
},
|
|
];
|
|
|
|
const metricsData = [
|
|
{
|
|
id: "1", value: "4,800+", title: "Happy Customers", items: [
|
|
"Positive Google reviews", "4.0 ⭐ Rating", "Repeat customers daily"
|
|
],
|
|
},
|
|
{
|
|
id: "2", value: "10+", title: "Years of Excellence", items: [
|
|
"Family-run restaurant", "Authentic recipes", "Local favorite status"
|
|
],
|
|
},
|
|
{
|
|
id: "3", value: "50+", title: "Menu Items", items: [
|
|
"North Indian specialties", "South Indian favorites", "Street food classics"
|
|
],
|
|
},
|
|
{
|
|
id: "4", value: "4 Ways", title: "To Order", items: [
|
|
"Dine-in seating", "Takeaway pickup", "No-contact delivery", "Online via Swiggy"
|
|
],
|
|
},
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Menu", href: "#dishes" },
|
|
{ label: "Reviews", href: "#reviews" },
|
|
],
|
|
},
|
|
{
|
|
title: "Order Online", items: [
|
|
{ label: "Swiggy", href: "https://www.swiggy.com" },
|
|
{ label: "Phone Order", href: "tel:02024377016" },
|
|
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
|
|
{ label: "Email", href: "mailto:contact@aangaanpureveg.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Location", items: [
|
|
{ label: "Behind Bharati Vidyapeeth", href: "https://maps.google.com" },
|
|
{ label: "Near Katraj Dairy", href: "https://maps.google.com" },
|
|
{ label: "Dindayal Nagar, Pune", href: "https://maps.google.com" },
|
|
{ label: "Call: 020 2437 7016", href: "tel:02024377016" },
|
|
],
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Mon-Fri: 11 AM - 10 PM", href: "#" },
|
|
{ label: "Sat-Sun: 10 AM - 11 PM", href: "#" },
|
|
{ label: "Lunch: 11 AM - 4 PM", href: "#" },
|
|
{ label: "Dinner: 6 PM - 10 PM", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
const contactInputs = [
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number (for confirmation)", required: true,
|
|
},
|
|
{
|
|
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
|
},
|
|
{
|
|
name: "date", type: "date", placeholder: "Preferred Date", required: true,
|
|
},
|
|
{
|
|
name: "time", type: "time", placeholder: "Preferred Time", required: true,
|
|
},
|
|
];
|
|
|
|
const contactTextarea = {
|
|
name: "message", placeholder: "Any special requests? (Allergies, occasions, preferences...)", rows: 4,
|
|
required: false,
|
|
};
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Aangan Pure Veg"
|
|
navItems={navItems}
|
|
button={reserveButton}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Authentic Vegetarian Food in Katraj, Pune"
|
|
description="Delicious thalis, pav bhaji, Punjabi dishes and South Indian favorites. Perfect for family dining. Over 4,800+ happy customers trust us for quality, affordability, and authentic taste."
|
|
tag="Pure Vegetarian"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={heroButtons}
|
|
buttonAnimation="slide-up"
|
|
dashboard={{
|
|
title: "Aangan Pure Veg Restaurant", logoIcon: UtensilsCrossed,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=2", searchPlaceholder: "Search menu items...", buttons: [
|
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
|
{ text: "View Menu", href: "#dishes" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Home, active: true },
|
|
{ icon: MapPin },
|
|
{ icon: Phone },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Rating", values: [4.0, 4.0, 4.0],
|
|
description: "⭐ Google Rating"
|
|
},
|
|
{
|
|
title: "Reviews", values: [4800, 4800, 4800],
|
|
description: "Happy Customers"
|
|
},
|
|
{
|
|
title: "Price Range", values: [200, 300, 400],
|
|
valueSuffix: "per person", description: "Budget Friendly"
|
|
},
|
|
],
|
|
chartTitle: "Today's Orders", chartData: [
|
|
{ value: 45 },
|
|
{ value: 60 },
|
|
{ value: 75 },
|
|
{ value: 55 },
|
|
{ value: 80 },
|
|
],
|
|
listTitle: "Today's Specials", listItems: [
|
|
{ icon: Zap, title: "Pav Bhaji Special", status: "Hot & Fresh" },
|
|
{ icon: Star, title: "Veg Thali Combo", status: "Most Popular" },
|
|
{ icon: Heart, title: "Paneer Crispy", status: "Today's Favorite" },
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Family Dining Since 2010"
|
|
description={aboutDescription}
|
|
buttons={[{ text: "View Full Menu", href: "#dishes" }]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="dishes" data-section="dishes">
|
|
<ProductCardFour
|
|
title="Popular Dishes"
|
|
description="Fan-favorite vegetarian dishes loved by our customers. Order now from our collection of authentic meals."
|
|
tag="Most Loved"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={products}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real reviews from families, students, and professionals who trust Aangan Pure Veg for authentic vegetarian meals."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={testimonials}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Aangan Pure Veg?"
|
|
description="Experience the difference between ordinary and authentic vegetarian dining."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"Expensive restaurant meals", "Limited vegetarian options", "Slow service", "Poor ambiance", "Inauthentic recipes"
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Budget-friendly pricing (₹200-₹400)", "Authentic veg thalis & specialties", "Quick, family-friendly service", "Welcoming dining atmosphere", "Traditional recipes, fresh ingredients"
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="By The Numbers"
|
|
description="Aangan Pure Veg in numbers - trusted by thousands of local customers."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={metricsData}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Reserve Your Table or Send a Message"
|
|
description="Book a table for your family, ask questions about our menu, or place a special order. We're here to serve you!"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-eating-together_23-2149152908.jpg"
|
|
imageAlt="family dining table together meal restaurant"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputs={contactInputs}
|
|
textarea={contactTextarea}
|
|
buttonText="Reserve Now"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Aangan Pure Veg"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Aangan Pure Veg | Authentic Vegetarian Restaurant, Pune"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|