344 lines
18 KiB
TypeScript
344 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Coffee, Shield, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Green Valley"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Pure Vegetarian Dining, Honest Prices, Exceptional Taste"
|
|
description="Green Valley brings fresh, high-quality vegetarian cuisine to families and food lovers across the city. From breakfast to dinner, enjoy generous portions and warm hospitality at prices that respect your budget."
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Table Now", href: "#contact"},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-serving-food-her-friend-sitting-table_23-2147947749.jpg", imageAlt: "A spread of delicious Indian vegetarian food on a table"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-mixing-salad-ingredients_23-2148794094.jpg", imageAlt: "A chef preparing fresh vegetarian ingredients in a clean kitchen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg", imageAlt: "A happy family enjoying a meal together at Green Valley restaurant"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bowl-healthy-salad-with-avocado-vegetables-seeds-wooden-table-flowers_181624-54430.jpg", imageAlt: "A vibrant and fresh green salad in a bowl"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/organic-food-label-collection_23-2148052670.jpg", imageAlt: "Pure vegetarian certification logo"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg", imageAlt: "Warm and inviting interior of Green Valley restaurant"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="left"
|
|
title="Our Story: Pure Passion, Pure Flavor"
|
|
description="Green Valley began with a simple vision: to offer delicious, wholesome, and affordable pure vegetarian food. For years, we've dedicated ourselves to sourcing the freshest ingredients and crafting meals that delight the palate and nourish the soul. Our commitment to authentic flavors and generous hospitality has made us a beloved community staple."
|
|
bulletPoints={[
|
|
{
|
|
title: "Pure Vegetarian Certified", description: "Strictly vegetarian kitchen, no cross-contamination ever."},
|
|
{
|
|
title: "Farm-Fresh Ingredients", description: "Locally sourced produce for peak flavor and nutrition."},
|
|
{
|
|
title: "Family-Friendly Ambiance", description: "A warm, welcoming space for all ages to enjoy."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-kitchen-cooking-with-vegetables_23-2148006165.jpg"
|
|
imageAlt="Fresh vegetables and ingredients in a kitchen"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Unbeatable Value", description: "Enjoy generous portions and exceptional taste that respect your budget, making quality vegetarian dining accessible to all.", bentoComponent: "animated-bar-chart", imageAlt: "world map global food ingredients"
|
|
},
|
|
{
|
|
title: "Certified Pure Vegetarian", description: "Rest assured with our strict pure vegetarian standards, offering transparent ingredient sourcing for health-conscious diners and vegans.", bentoComponent: "reveal-icon", icon: Shield,
|
|
imageAlt: "world map global food ingredients"
|
|
},
|
|
{
|
|
title: "Convenient Reservations & Delivery", description: "Easily book your table or order your favorite dishes online for a seamless dining experience, whether at our restaurant or at home.", bentoComponent: "map", imageAlt: "world map global food ingredients"
|
|
},
|
|
{
|
|
title: "Diverse Menu Delights", description: "Explore a wide array of vegetarian dishes, from traditional Indian favorites to modern culinary creations, catering to every palate.", bentoComponent: "globe", imageAlt: "world map global food ingredients"
|
|
},
|
|
]}
|
|
title="Why Choose Green Valley?"
|
|
description="We stand out with our commitment to quality, value, and customer satisfaction. Discover what makes dining at Green Valley a truly exceptional experience for everyone."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Crispy Vegetable Samosas", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sandwiches-slate-with-avocado_23-2148640206.jpg", imageAlt: "Crispy vegetable samosas with chutney"},
|
|
{
|
|
id: "p2", name: "Aromatic Vegetable Biryani", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-vegan-salad-various-vegetables_140725-135335.jpg", imageAlt: "Aromatic vegetable biryani with raita"},
|
|
{
|
|
id: "p3", name: "Grand Thali Platter", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-pakistan-goodies_23-2148821571.jpg", imageAlt: "Grand thali platter with assorted curries and bread"},
|
|
{
|
|
id: "p4", name: "Creamy Paneer Butter Masala", price: "$14.75", imageSrc: "http://img.b2bpic.net/free-photo/pakistani-dish-arrangement-view_23-2148825114.jpg", imageAlt: "Creamy paneer butter masala"},
|
|
{
|
|
id: "p5", name: "Masala Dosa with Sambhar", price: "$9.25", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg", imageAlt: "Masala dosa with sambhar and chutneys"},
|
|
{
|
|
id: "p6", name: "Sweet Gulab Jamun (2 pcs)", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-coconut-candies-with-red-icings-black_140725-104628.jpg", imageAlt: "Two gulab jamuns in syrup"},
|
|
]}
|
|
title="Our Delicious Vegetarian Menu"
|
|
description="Explore a world of flavors with our meticulously crafted pure vegetarian dishes, from hearty mains to delightful desserts. Fresh, wholesome, and prepared with love."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "combo-lunch", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "$11.99", subtitle: "Daily Lunch Special", buttons: [
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Choose from 3 daily changing curries", "Basmati Rice or 2 Rotis", "Dal of the day", "Fresh Salad", "Complimentary Drink"],
|
|
},
|
|
{
|
|
id: "combo-family", badge: "Best Value", badgeIcon: Shield,
|
|
price: "$39.99", subtitle: "Family Feast (Serves 4)", buttons: [
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"2 Large Main Courses", "Large Biryani / Pulao", "4 Rotis / Naans", "Large Dal", "Dessert Platter", "4 Drinks"],
|
|
},
|
|
{
|
|
id: "combo-breakfast", badge: "Morning Treat", badgeIcon: Coffee,
|
|
price: "$8.50", subtitle: "Hearty Vegetarian Breakfast", buttons: [
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Choice of Dosa, Idli, or Paratha", "Sambhar & 2 Chutneys", "Fresh Fruit Bowl", "Tea or Coffee"],
|
|
},
|
|
]}
|
|
title="Affordable Meal Combos & Specials"
|
|
description="Experience exceptional value with our specially curated meal combos, perfect for any time of day. Enjoy generous portions and delicious vegetarian food without breaking the bank."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4.3", title: "Star Rating", items: [
|
|
"Consistent quality", "Customer satisfaction", "Exceptional service"],
|
|
},
|
|
{
|
|
id: "m2", value: "15+", title: "Years of Service", items: [
|
|
"Trusted community favorite", "Rich culinary tradition", "Adapting to tastes"],
|
|
},
|
|
{
|
|
id: "m3", value: "50000+", title: "Happy Customers", items: [
|
|
"Loyal patrons", "Positive dining experiences", "Growing family"],
|
|
},
|
|
]}
|
|
title="Our Journey in Numbers"
|
|
description="Proudly serving our community with dedication and passion. These numbers reflect our commitment to quality, customer satisfaction, and culinary excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Priya Sharma", role: "Local Resident", company: "Community Member", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39262.jpg", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "t2", name: "Arjun Patel", role: "Food Critic", company: "The Vegetarian Times", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", imageAlt: "Arjun Patel"},
|
|
{
|
|
id: "t3", name: "Meera & Rahul", role: "Couple", company: "Regular Diners", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-enjoying-each-other_23-2147810836.jpg", imageAlt: "Meera & Rahul"},
|
|
{
|
|
id: "t4", name: "The Gupta Family", role: "Family of Four", company: "Satisfied Customers", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117524.jpg", imageAlt: "The Gupta Family"},
|
|
{
|
|
id: "t5", name: "Sneha Reddy", role: "Vegan Food Blogger", company: "Green Plate Reviews", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-eating-salmon-bowls_23-2150533936.jpg", imageAlt: "Sneha Reddy"},
|
|
{
|
|
id: "t6", name: "Chef Anand", role: "Head Chef", company: "Green Valley", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16132.jpg", imageAlt: "Chef Anand"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.3", label: "Average Rating"},
|
|
{
|
|
value: "95%", label: "Customer Satisfaction"},
|
|
{
|
|
value: "15K+", label: "Reviews & Orders"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Our customers are at the heart of everything we do. Read their experiences and discover why Green Valley is their favorite pure vegetarian destination."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Are all your dishes truly 100% vegetarian?", content: "Yes, Green Valley is a certified pure vegetarian restaurant. Our kitchen is dedicated solely to vegetarian cooking, ensuring no cross-contamination with non-vegetarian ingredients."},
|
|
{
|
|
id: "faq2", title: "Do you offer vegan and gluten-free options?", content: "We offer a wide selection of vegan dishes, clearly marked on our menu. For gluten-free options, please inform our staff, and we will guide you through suitable choices and modifications."},
|
|
{
|
|
id: "faq3", title: "How can I make a reservation?", content: "You can easily make a reservation online through our website's 'Reserve Your Table' button, or by calling us directly during operating hours. We recommend booking in advance, especially for weekends."},
|
|
{
|
|
id: "faq4", title: "What are your operating hours?", content: "Green Valley is open from 8:00 AM to 10:00 PM daily, offering breakfast, lunch, and dinner services. Please check our 'Contact Us' section for any holiday hour changes."},
|
|
{
|
|
id: "faq5", title: "Do you provide food delivery services?", content: "Yes, we partner with major food delivery platforms for convenient home delivery. You can place your order through our website or directly via the delivery apps. Delivery speed may vary."},
|
|
{
|
|
id: "faq6", title: "Is parking available at the restaurant?", content: "We offer ample parking space for our guests. Please ask our staff if you require assistance with parking upon arrival."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our restaurant, menu, reservations, and delivery services. We're here to make your experience smooth."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Ready to experience pure vegetarian delight? Reserve your table or place an order for delivery. We look forward to serving you!"
|
|
buttons={[
|
|
{
|
|
text: "Book a Table", href: "#"},
|
|
{
|
|
text: "Order Online", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/table-with-traditional-food-served-thanksgiving-day_23-2148632565.jpg"
|
|
imageAlt="Green Valley Restaurant interior at night"
|
|
logoText="Green Valley"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Our Services", items: [
|
|
{
|
|
label: "Online Ordering", href: "#"},
|
|
{
|
|
label: "Table Booking", href: "#contact"},
|
|
{
|
|
label: "Catering", href: "#"},
|
|
{
|
|
label: "Delivery Information", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Green Valley Restaurant. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|