198 lines
12 KiB
TypeScript
198 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Award, ShieldCheck, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmall"
|
||
background="none"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Features", id: "features" },
|
||
{ name: "Menu", id: "menu" },
|
||
{ name: "Gallery", id: "gallery" },
|
||
{ name: "Testimonials", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
brandName="Sukhsagar Inn"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
background={{ variant: "radial-gradient" }}
|
||
title="Pure Veg Family Dining Experience"
|
||
description="Authentic South Indian, Punjabi, Chinese & Jain Food in Nashik."
|
||
testimonials={[
|
||
{ name: "Rajesh K.", handle: "@nashikfoodie", testimonial: "The best pure veg food in Nashik. Paneer Lacheda is a must!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg?_wi=1" },
|
||
{ name: "Anita S.", handle: "@familydining", testimonial: "Excellent hygiene and atmosphere for family gatherings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1" },
|
||
{ name: "Vikram P.", handle: "@foodlover", testimonial: "Authentic taste, great service and ample parking space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg?_wi=1" },
|
||
{ name: "Sneha R.", handle: "@vegfoodies", testimonial: "Delicious Jain options and fast service.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4156.jpg?_wi=1" },
|
||
{ name: "Kiran M.", handle: "@foodie_kiran", testimonial: "My go-to place for pure veg in Nashik. Excellent!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg?_wi=1" }
|
||
]}
|
||
buttons={[
|
||
{ text: "View Menu", href: "#menu" },
|
||
{ text: "Reserve Table", href: "#contact" },
|
||
{ text: "WhatsApp Now", href: "https://wa.me/yournumber" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg"
|
||
imageAlt="Hotel Sukhsagar Inn exterior at night"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg", alt: "Customer 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg", alt: "Customer 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg", alt: "Customer 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", alt: "Customer 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", alt: "Customer 5" }
|
||
]}
|
||
marqueeItems={[
|
||
{ type: "text", text: "100% Pure Veg" },
|
||
{ type: "text", text: "Authentic Jain Options" },
|
||
{ type: "text", text: "Family Friendly" },
|
||
{ type: "text", text: "Premium Ambience" },
|
||
{ type: "text", text: "Located in Nashik" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={true}
|
||
title="A Legacy of Pure Taste"
|
||
metrics={[
|
||
{ icon: ShieldCheck, label: "Pure Veg Excellence", value: "100%" },
|
||
{ icon: Users, label: "Daily Visitors", value: "500+" },
|
||
{ icon: Award, label: "Happy Years", value: "15+" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "100% Pure Veg", description: "Strict vegetarian standards with finest quality ingredients.", imageSrc: "http://img.b2bpic.net/free-vector/leaf-circles-set-two_78370-10823.jpg" },
|
||
{ title: "Family Friendly", description: "Welcoming atmosphere for families of all ages.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199326.jpg" },
|
||
{ title: "Jain Food Available", description: "Dedicated prep areas for authentic Jain cuisine.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-indian-restaurant-labels_23-2149435895.jpg" },
|
||
{ title: "Reservations Required", description: "Ensure your table by booking in advance.", imageSrc: "http://img.b2bpic.net/free-vector/airport-concept-illustration-woman-airport-check-terminal_24908-61083.jpg" }
|
||
]}
|
||
title="Why Dine With Us?"
|
||
description="We blend quality, taste, and hospitality for a premium dining experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "1", name: "Paneer Lacheda", price: "₹280", variant: "Punjabi Special", imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg" },
|
||
{ id: "2", name: "Dal Khichdi", price: "₹180", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086030.jpg" },
|
||
{ id: "3", name: "Mango Mastani", price: "₹150", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-vegetable-salad-carrot-cucumbers-pineapple-corns-glass-wooden-table_140725-11939.jpg" },
|
||
{ id: "4", name: "Shev Bhaji", price: "₹160", variant: "Maharashtrian", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-bowl-with-fork-spoon-wooden-table_1150-21340.jpg" },
|
||
{ id: "5", name: "Garlic Bread", price: "₹140", variant: "Fast Food", imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-egg-wooden-board_114579-69669.jpg" },
|
||
{ id: "6", name: "Buttermilk", price: "₹60", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-coffee_1303-9003.jpg" }
|
||
]}
|
||
title="Signature Menu"
|
||
description="Explore our handcrafted delicacies crafted with passion. Avg price: ₹200–₹400/person"
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "Modern Ambience", description: "Relaxed and upscale dining environment.", imageSrc: "http://img.b2bpic.net/free-photo/interior-dinner-new-modern-indoor_1122-2075.jpg" },
|
||
{ title: "Dining Area", description: "Spacious seating for groups and families.", imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-8016.jpg" },
|
||
{ title: "Gourmet Kitchen", description: "Where culinary magic comes to life.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145589.jpg" },
|
||
{ title: "Exterior View", description: "Iconic Dindori Road location.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-illuminated-night_23-2152006133.jpg" },
|
||
{ title: "Fresh Dishes", description: "Plated to perfection every time.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
|
||
{ title: "Night Mood", description: "Perfect for late night cravings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg" }
|
||
]}
|
||
title="Experience Sukhsagar"
|
||
description="Peek into our elegant dining spaces and culinary craftsmanship."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "1", name: "Amit Shah", role: "Frequent Diner", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg?_wi=2" },
|
||
{ id: "2", name: "Priya V.", role: "Foodie", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=2" },
|
||
{ id: "3", name: "Rahul Deshmukh", role: "Business Owner", company: "Nashik", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg?_wi=2" },
|
||
{ id: "4", name: "Sunita K.", role: "Traveler", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4156.jpg?_wi=2" },
|
||
{ id: "5", name: "Vikram A.", role: "Local Resident", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg?_wi=2" }
|
||
]}
|
||
kpiItems={[
|
||
{ label: "Google Reviews", value: "531+" },
|
||
{ label: "Star Rating", value: "4.2" },
|
||
{ label: "Daily Patrons", value: "500+" }
|
||
]}
|
||
title="Loved by Our Guests"
|
||
description="4.2 Star Rating with 531+ Google Reviews."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Get in Touch"
|
||
description="Reservations, feedback, or event inquiries. Let us know how we can serve you."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Your message here...", rows: 4 }}
|
||
buttonText="Submit"
|
||
useInvertedBackground={false}
|
||
mediaPosition="right"
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-man-working-laptop-cafe_1303-12502.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Hotel Sukhsagar Inn"
|
||
columns={[
|
||
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
|
||
{ title: "Dining", items: [{ label: "Pure Veg", href: "#" }, { label: "Jain Cuisine", href: "#" }, { label: "Events", href: "#" }] },
|
||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |