296 lines
16 KiB
TypeScript
296 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Our Story", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/eat-healthy-restaurant-logo-papercraft-cut-out-style_53876-126879.jpg"
|
|
logoAlt="Green Villa Restro Logo"
|
|
brandName="Green Villa Restro"
|
|
button={{
|
|
text: "Book Table", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Savor the Flavors of Green Villa Restro"
|
|
description="Experience exquisite dining, a warm ambiance, and culinary delights crafted with passion. Your perfect escape awaits."
|
|
tag="Welcome to Taste"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#menu"},
|
|
{
|
|
text: "Make a Reservation", href: "#contact"},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/food-content-creator-filming-variety-dishes-upload-internet_23-2151461710.jpg", imageAlt: "Exquisite gourmet food plate"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg", imageAlt: "Cozy restaurant interior"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="4.9 (500+ Reviews)"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
tagAnimation="blur-reveal"
|
|
title="Tradition & Taste in Every Dish"
|
|
description="Green Villa Restro is a culinary journey born from a passion for authentic flavors and a desire to create memorable dining experiences."
|
|
subdescription="We believe in using the freshest local ingredients to craft dishes that delight the senses and warm the heart. Join us for a truly unique taste."
|
|
icon={Leaf}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-cook-cutting-green-celery-gourmet-kitchen-using-cutting-board-knife-slice-coleslaw-salad-woman-chef-with-uniform-preparing-ingredients-food-recipe_482257-46080.jpg"
|
|
imageAlt="Chef preparing food with fresh ingredients"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fresh, Local Ingredients", description: "We source the finest seasonal produce and ingredients from local farms to ensure unparalleled freshness and quality.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-fresh-autumnal-vegetables_23-2148647918.jpg", imageAlt: "Fresh vegetables"},
|
|
{
|
|
title: "Signature Culinary Creations", description: "Our menu features unique and inspired dishes, crafted by expert chefs to offer a delightful journey for your palate.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg", imageAlt: "Signature gourmet dish"},
|
|
{
|
|
title: "Cozy & Inviting Ambiance", description: "Relax in our beautifully designed dining space, perfect for intimate dinners, family gatherings, or casual meals.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290144.jpg", imageAlt: "Cozy restaurant interior"},
|
|
{
|
|
title: "Expert Chefs, Passionate Service", description: "Our culinary team brings years of experience and a passion for food, complemented by friendly and attentive service staff.", imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg", imageAlt: "Chef preparing food"},
|
|
]}
|
|
title="More Than Just a Meal"
|
|
description="Discover what makes Green Villa Restro a beloved dining destination."
|
|
tag="Our Specialities"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "p1", name: "Paneer Tikka Masala", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/boiled-fish-with-red-green-pepper-bowl_140725-3926.jpg", imageAlt: "Paneer Tikka Masala"},
|
|
{
|
|
id: "p2", name: "Dal Makhani", price: "₹380", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lohri-festival-celebration-with-traditional-food_23-2151098301.jpg", imageAlt: "Dal Makhani"},
|
|
{
|
|
id: "p3", name: "Butter Chicken", price: "₹550", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-pakistani-dish_23-2148825123.jpg", imageAlt: "Butter Chicken"},
|
|
{
|
|
id: "p4", name: "Hyderabadi Biryani", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-different-pakistan-goodies_23-2148821567.jpg", imageAlt: "Hyderabadi Biryani"},
|
|
{
|
|
id: "p5", name: "Gulab Jamun", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-candies-glass-crockery-grey-surface_114579-87306.jpg", imageAlt: "Gulab Jamun"},
|
|
{
|
|
id: "p6", name: "Masala Dosa", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/aloo-paratha-gobi-paratha-also-known-as-potato-cauliflower-stuffed-flatbread-dish-originating-from-indian-subcontinent_466689-76172.jpg", imageAlt: "Masala Dosa"},
|
|
]}
|
|
title="Taste Our Culinary Masterpieces"
|
|
description="A selection of our most loved and popular dishes, crafted to perfection."
|
|
tag="Signature Dishes"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Priya Sharma", handle: "@priya_foodie", testimonial: "Green Villa Restro is a hidden gem! The ambiance is lovely, and every dish is a work of art. The Paneer Tikka is a must-try!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "t2", name: "Rahul Singh", handle: "@rahul_eats", testimonial: "Came here for a family dinner and was absolutely blown away. The Dal Makhani tasted just like homemade. Fantastic service too!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", imageAlt: "Rahul Singh"},
|
|
{
|
|
id: "t3", name: "Anjali Mehta", handle: "@anjali_travels", testimonial: "What a delightful experience! The staff were incredibly welcoming, and the Butter Chicken was simply divine. Highly recommend for a perfect evening out.", imageSrc: "http://img.b2bpic.net/free-photo/woman-is-surprised-get-gift_23-2148060341.jpg", imageAlt: "Anjali Mehta"},
|
|
{
|
|
id: "t4", name: "Vikram Patel", handle: "@vikram_reviews", testimonial: "The Hyderabadi Biryani here is hands down the best I've had in a long time. Authentic flavors, generous portions, and a great atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-family-having-nice-thanksgiving-dinner-together_23-2149082328.jpg", imageAlt: "Vikram Patel"},
|
|
{
|
|
id: "t5", name: "Sneha Reddy", handle: "@sneha_desserts", testimonial: "Don't leave without trying their Gulab Jamun! It was the perfect sweet ending to an incredible meal. I'll definitely be back for more.", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg", imageAlt: "Sneha Reddy"},
|
|
{
|
|
id: "t6", name: "Arjun Kumar", handle: "@arjun_foodcritic", testimonial: "Consistently excellent food and service. Green Villa Restro has truly mastered Indian cuisine with a touch of elegance. A top choice!", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg", imageAlt: "Arjun Kumar"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from diners who have experienced the magic of Green Villa Restro."
|
|
tag="Customer Love"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="A Legacy of Delight"
|
|
tag="Our Journey in Numbers"
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "15+", description: "Years of Culinary Excellence"},
|
|
{
|
|
id: "m2", value: "10K+", description: "Happy Customers Served"},
|
|
{
|
|
id: "m3", value: "50+", description: "Signature Dishes Crafted"},
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Local Food Critic Awards", "DineOut Magazine", "Taste of the City", "Chef's Choice Guild", "Golden Spoon Honors", "Eatery Excellence", "Restaurant Review Board"]}
|
|
title="Accolades & Partners"
|
|
description="Proudly recognized for our commitment to quality and service within the culinary community."
|
|
tag="Recognized Excellence"
|
|
tagAnimation="blur-reveal"
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend making a reservation, especially for dinner and weekend sittings, to ensure you get a table. You can book through our website or by calling us directly."},
|
|
{
|
|
id: "q2", title: "Are there vegetarian and vegan options?", content: "Absolutely! Our menu features a wide variety of delicious vegetarian and vegan dishes prepared with fresh, plant-based ingredients to cater to all dietary preferences."},
|
|
{
|
|
id: "q3", title: "Do you offer catering services?", content: "Yes, Green Villa Restro provides catering services for various events, including corporate gatherings, private parties, and weddings. Please contact us for more details and custom menus."},
|
|
{
|
|
id: "q4", title: "What are your operating hours?", content: "We are open for lunch from 12:00 PM to 3:00 PM and for dinner from 7:00 PM to 11:00 PM, seven days a week. Holiday hours may vary, please check our social media for updates."},
|
|
]}
|
|
sideTitle="Your Questions, Our Answers"
|
|
sideDescription="Find quick answers to the most common questions about dining at Green Villa Restro."
|
|
buttons={[
|
|
{
|
|
text: "View All FAQs", href: "#"},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Visit Us"
|
|
title="Make a Reservation or Inquiry"
|
|
description="We look forward to welcoming you to Green Villa Restro. Fill out the form or reach us directly for bookings and special requests."
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-12-blue-chairs-white-brick-walls-wide-window-paintings_140725-8451.jpg"
|
|
imageAlt="Elegant restaurant interior"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Book a Table"
|
|
termsText="By clicking Book a Table, you agree to our booking terms and conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-photo/eat-healthy-restaurant-logo-papercraft-cut-out-style_53876-126879.jpg"
|
|
logoAlt="Green Villa Restro Logo"
|
|
logoText="Green Villa Restro"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "Specialities", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Visit", items: [
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
{
|
|
label: "Location", href: "#"},
|
|
{
|
|
label: "Hours", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Feedback", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Green Villa Restro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|