247 lines
14 KiB
TypeScript
247 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { ChefHat, Shield, Users, TrendingUp, Heart, Star, Phone, MapPin, Clock, Sparkles, Gift } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="TN Pastuso"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Dishes", id: "product" },
|
|
{ name: "Occasions", id: "feature" },
|
|
{ name: "Reviews", id: "testimonial" },
|
|
{ name: "Book Now", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="One of the Best Dining Experiences in Vasundhara"
|
|
description="Exceptional taste, hygienic kitchen, and warm service — perfect for every occasion. Premium food, friendly staff, and value that exceeds expectations."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Locally Loved"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+919876543210" },
|
|
{ text: "📅 Book a Table", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-51959.jpg"
|
|
imageAlt="Restaurant interior with warm ambience"
|
|
mediaAnimation="blur-reveal"
|
|
ariaLabel="Hero section for restaurant booking"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={[
|
|
"Highly Rated on Google", "Customer Favorite", "Best in Vasundhara", "Trusted Since 2018", "Premium Quality Food", "Family Friendly", "Event Specialists", "Hygienic Kitchen Certified"
|
|
]}
|
|
title="Why Thousands Choose TN Pastuso"
|
|
description="Our reputation is built on consistency, quality, and genuine care for every guest. We pride ourselves on exceptional food, hygienic practices, and warm hospitality."
|
|
tag="Customer Trust"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={35}
|
|
showCard={true}
|
|
ariaLabel="Social proof section highlighting customer trust"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Choose TN Pastuso?"
|
|
metrics={[
|
|
{ icon: ChefHat, label: "Exceptional Taste", value: "Expertly crafted dishes" },
|
|
{ icon: Shield, label: "Hygienic Kitchen", value: "Certified & inspected" },
|
|
{ icon: Users, label: "Warm Service", value: "Attentive & friendly staff" },
|
|
{ icon: TrendingUp, label: "High Demand", value: "Book in advance, especially weekends" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About section highlighting key differentiators"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardOne
|
|
title="Signature Dishes"
|
|
description="Our most loved and expertly prepared dishes. Each plate represents years of culinary excellence and commitment to quality."
|
|
tag="Customer Favorites"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "dish-1", name: "Biryani Deluxe", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg", imageAlt: "Signature biryani plating"
|
|
},
|
|
{
|
|
id: "dish-2", name: "Paneer Butter Masala", price: "₹380", imageSrc: "http://img.b2bpic.net/free-photo/apple-pie-served-with-fruit-syrup_140725-1700.jpg", imageAlt: "Paneer butter masala presentation"
|
|
},
|
|
{
|
|
id: "dish-3", name: "Tandoori Special", price: "₹520", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg", imageAlt: "Tandoori special dish"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Product section showcasing signature dishes"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureBento
|
|
title="Celebrate Every Moment"
|
|
description="Pre-decorated setups available for birthdays, anniversaries, and special occasions. Let us make your celebration unforgettable."
|
|
tag="Special Occasions"
|
|
tagIcon={Gift}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Your Occasion", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Birthday Celebrations", description: "Beautifully decorated tables, personalized menu options, and attentive service to make birthdays special.", bentoComponent: "media-stack", items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/table-setting-with-floral-centerpiece-wedding-reception-venue_637285-5627.jpg", imageAlt: "Birthday setup decoration" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-lovers-having-romantic-dinner-home_171337-675.jpg", imageAlt: "Celebration ambience" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg", imageAlt: "Restaurant elegant space" }
|
|
],
|
|
button: { text: "Plan Birthday", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Anniversary Dinners", description: "Intimate, romantic setups perfect for celebrating your special milestones together.", bentoComponent: "reveal-icon", icon: Heart,
|
|
button: { text: "Reserve Now", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Group Gatherings", description: "Perfect for small groups and family get-togethers. Flexible seating and custom menu arrangements available.", bentoComponent: "reveal-icon", icon: Users,
|
|
button: { text: "Group Booking", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Premium Events", description: "We specialize in creating memorable experiences. Choose your seating, menu, and ambience.", bentoComponent: "reveal-icon", icon: Star,
|
|
button: { text: "Custom Event", href: "#contact" }
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Feature section showcasing occasion dining"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Real reviews from real customers. We're proud of the trust and love we receive from our community."
|
|
tag="5-Star Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", handle: "@priya_delhi", testimonial: "One of the best restaurants in Vasundhara in terms of taste, hygiene, and value for money. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg", imageAlt: "Priya Sharma profile"
|
|
},
|
|
{
|
|
id: "2", name: "Rajesh Kumar", handle: "@rajesh_foodie", testimonial: "Amazing food and very good service. We celebrated our anniversary here and it was perfect. Will definitely visit again!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "Rajesh Kumar profile"
|
|
},
|
|
{
|
|
id: "3", name: "Neha Gupta", handle: "@neha_loves_food", testimonial: "Perfect for birthdays and anniversaries. The staff is so attentive and caring. Food quality is exceptional!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", imageAlt: "Neha Gupta profile"
|
|
},
|
|
{
|
|
id: "4", name: "Vikram Singh", handle: "@vikram_dines", testimonial: "Gets crowded on weekends — worth booking in advance. When we did, the experience was flawless. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Vikram Singh profile"
|
|
},
|
|
{
|
|
id: "5", name: "Anjali Patel", handle: "@anjali_foodblog", testimonial: "The biryani is absolutely delicious. Freshly prepared food with warm service. This is my go-to restaurant now.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Anjali Patel profile"
|
|
},
|
|
{
|
|
id: "6", name: "Arjun Verma", handle: "@arjun_foodlover", testimonial: "Exceptional experience from start to finish. Clean kitchen, great ambience, and staff who genuinely care. Worth every rupee!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg", imageAlt: "Arjun Verma profile"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials section with customer reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Reserve Your Table or Inquiry"
|
|
description="Book your next dining experience or ask about our special events and occasion packages. We'll get back to you within 2 hours."
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "phoneNumber", type: "tel", placeholder: "Phone Number (Required for confirmation)", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: false },
|
|
{ name: "reservationDate", type: "date", placeholder: "Preferred Reservation Date", required: true },
|
|
{ name: "reservationTime", type: "time", placeholder: "Preferred Time", required: true },
|
|
{ name: "numberOfGuests", type: "number", placeholder: "Number of Guests", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your occasion (Birthday, Anniversary, Birthday, Event, etc.) or any special requests", rows: 4,
|
|
required: false
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
|
|
imageAlt="Restaurant ambience for contact section"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Submit Reservation Request"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact form for table reservations and inquiries"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="TN Pastuso"
|
|
copyrightText="© 2025 TN Pastuso | Premium Dining Experience. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Phone, href: "tel:+919876543210", ariaLabel: "Call restaurant" },
|
|
{ icon: MapPin, href: "https://maps.google.com/?q=TN+Pastuso+Vasundhara", ariaLabel: "View restaurant location" },
|
|
{ icon: Clock, href: "#", ariaLabel: "Restaurant hours" },
|
|
{ icon: Star, href: "https://www.google.com/search?q=TN+Pastuso+Vasundhara+reviews", ariaLabel: "View Google reviews" }
|
|
]}
|
|
ariaLabel="Footer section"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|