317 lines
17 KiB
TypeScript
317 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Award, CheckCircle, Heart, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Rayalaseema Dabbawala"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Dishes", id: "signature-dishes" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Visit", id: "location" },
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "https://wa.me/919876543210?text=Hi%20Rayalaseema%20Dabbawala%2C%20I%20would%20like%20to%20place%20an%20order"
|
|
}}
|
|
className="fixed top-6 left-0 right-0 z-50 flex justify-center"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Rayalaseema\nDabbawala"
|
|
description="Authentic Andhra meals served with warmth and integrity. From crisp masala dosa to rich pongal with ghee, discover the clean dining and comforting flavors that keep Anantapur coming back."
|
|
buttons={[
|
|
{ text: "View Menu", href: "#signature-dishes" },
|
|
{ text: "Call Now", href: "tel:+919876543210" },
|
|
]}
|
|
layoutOrder="default"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-delicious-thanksgiving-meal_23-2148629573.jpg"
|
|
imageAlt="Authentic Andhra meals on banana leaf"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
buttonAnimation="opacity"
|
|
ariaLabel="Rayalaseema Dabbawala - Authentic Andhra Dining"
|
|
containerClassName="py-8 md:py-16"
|
|
logoClassName="text-6xl md:text-8xl font-bold text-foreground mb-8"
|
|
descriptionClassName="text-lg md:text-2xl text-foreground/90 mb-8"
|
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4"
|
|
buttonClassName="px-6 py-3 rounded-full font-medium transition-all duration-300"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-highlights" data-section="trust-highlights">
|
|
<FeatureCardTwentyOne
|
|
title="Why Rayalaseema Dabbawala"
|
|
description="Built on four pillars of trust, quality, and authentic hospitality."
|
|
tag="Our Strength"
|
|
tagAnimation="slide-up"
|
|
accordionItems={[
|
|
{
|
|
id: "authentic", title: "Authentic Rayalaseema Flavor", content: "Every dish is crafted using traditional recipes and genuine Andhra preparation methods. We bring the comfort and authenticity of home-style Rayalaseema cooking to your table."
|
|
},
|
|
{
|
|
id: "hygienic", title: "Clean & Hygienic Dining", content: "We maintain the highest standards of cleanliness across our kitchen and dining spaces. Your health and comfort are our top priority in every meal we serve."
|
|
},
|
|
{
|
|
id: "service", title: "Warm, Attentive Service", content: "Our team takes pride in creating a welcoming atmosphere. From the moment you arrive, you'll experience the kind of genuine hospitality that keeps customers returning."
|
|
},
|
|
{
|
|
id: "value", title: "Great Value for Quality", content: "Honest pricing meets exceptional quality. We believe great food shouldn't break the bank, and our customers consistently praise the value we offer."
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=Rayalaseema+Dabbawala+Anantapur" },
|
|
]}
|
|
buttonAnimation="opacity"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-with-traditional-games_23-2149332692.jpg"
|
|
imageAlt="Clean and hygienic dining environment"
|
|
containerClassName="py-12 md:py-20"
|
|
textboxLayout="default"
|
|
descriptionClassName="text-lg text-foreground/80 mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Rooted in Rayalaseema. Made for Anantapur."
|
|
description="Rayalaseema Dabbawala is not trying to be everything. We're loved for doing simple food really well. This is where families come for meals that feel comforting, familiar, and genuinely well made. From Andhra veg meals to breakfast favorites, every dish reflects honest preparation, clean presentation, and the warmth of local hospitality."
|
|
tag="Our Story"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "https://wa.me/919876543210?text=Hi%20Rayalaseema%20Dabbawala%2C%20I%20would%20like%20to%20reserve%20a%20table" },
|
|
]}
|
|
buttonAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/french-restaurant-scene-with-menu-board_1147-447.jpg"
|
|
imageAlt="Rayalaseema Dabbawala restaurant located on NH44"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
titleClassName="text-5xl md:text-6xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/80 mb-8"
|
|
containerClassName="py-12 md:py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="signature-dishes" data-section="signature-dishes">
|
|
<ProductCardFour
|
|
title="Signature Dishes"
|
|
description="The flavors our customers return for again and again. Each dish tells a story of authentic Andhra tradition."
|
|
tag="Customer Favorites"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "1", name: "Andhra Veg Meals", price: "₹180-220", variant: "Rice, sambar, rasam, curry, pickle", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-thanksgiving-meal_23-2148629573.jpg", imageAlt: "Authentic Andhra veg meals"
|
|
},
|
|
{
|
|
id: "2", name: "Masala Dosa", price: "₹120-160", variant: "Crispy, with sambar and coconut chutney", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-left-side-with-herbs-centered-dark-grey-background_140725-80545.jpg", imageAlt: "Golden masala dosa with accompaniments"
|
|
},
|
|
{
|
|
id: "3", name: "Pongal with Ghee", price: "₹140-180", variant: "Soft, rich, with generous ghee aroma", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-food-with-rice_23-2148728103.jpg", imageAlt: "Rich pongal with ghee"
|
|
},
|
|
{
|
|
id: "4", name: "Soft Chapathi", price: "₹40-60", variant: "Fresh, warm, with butter or ghee", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-jewish-food-high-angle_23-2148814477.jpg", imageAlt: "Warm chapathi with ghee"
|
|
},
|
|
{
|
|
id: "5", name: "Coffee", price: "₹40-80", variant: "Traditional filter coffee aromatic", imageSrc: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg", imageAlt: "South Indian filter coffee"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Full Menu", href: "https://wa.me/919876543210?text=Hi%20Rayalaseema%20Dabbawala%2C%20can%20you%20send%20the%20full%20menu" },
|
|
]}
|
|
buttonAnimation="opacity"
|
|
containerClassName="py-12 md:py-20"
|
|
textBoxDescriptionClassName="text-lg text-foreground/80 mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-love" data-section="why-love">
|
|
<MetricCardOne
|
|
title="Why People Love Us"
|
|
description="Backed by real customer experiences and genuine commitment to quality."
|
|
tag="Customer Trust"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "100%", title: "Authentic", description: "Home-style Rayalaseema recipes", icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "2", value: "5★", title: "Clean & Safe", description: "Hygienic dining environment", icon: Shield,
|
|
},
|
|
{
|
|
id: "3", value: "10+", title: "Years Local Trust", description: "A neighborhood favorite", icon: Award,
|
|
},
|
|
{
|
|
id: "4", value: "∞", title: "Warm Service", description: "Genuine hospitality always", icon: Heart,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-12 md:py-20"
|
|
textBoxDescriptionClassName="text-lg text-foreground/80 mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Loved for Taste, Cleanliness, and Hospitality"
|
|
description="Real voices from people who've experienced our commitment to quality."
|
|
tag="Customer Reviews"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", role: "Anantapur Resident", company: "Family of 4", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "2", name: "Ramesh Kumar", role: "Highway Traveler", company: "NH44 Regular", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-videoconference_23-2147859243.jpg", imageAlt: "Ramesh Kumar"
|
|
},
|
|
{
|
|
id: "3", name: "Anita Reddy", role: "Working Professional", company: "Local Team Lead", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-attractive-indian-business-lady_1262-2094.jpg", imageAlt: "Anita Reddy"
|
|
},
|
|
{
|
|
id: "4", name: "Suresh Naidu", role: "Restaurant Regular", company: "Weekly Visitor", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65930.jpg", imageAlt: "Suresh Naidu"
|
|
},
|
|
{
|
|
id: "5", name: "Lakshmi Rao", role: "Food Enthusiast", company: "Authentic Cuisine Lover", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg", imageAlt: "Lakshmi Rao"
|
|
},
|
|
{
|
|
id: "6", name: "Vikram Singh", role: "Business Owner", company: "Office Team Meetings", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Vikram Singh"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-12 md:py-20"
|
|
textBoxDescriptionClassName="text-lg text-foreground/80 mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="dining-experience" data-section="dining-experience">
|
|
<MediaAbout
|
|
title="A Place That Feels as Good as the Food Tastes"
|
|
description="Clean and pleasant dining. Comfortable seating. Quick, friendly service. Whether you're a family gathering over a leisurely meal, a professional catching lunch, or a traveler passing through, our atmosphere welcomes everyone. We take pride in our hygienic space, genuine hospitality, and the kind of service that makes people feel at home."
|
|
tag="Experience"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Dine With Us", href: "https://wa.me/919876543210?text=Hi%20Rayalaseema%20Dabbawala%2C%20I%20would%20like%20to%20visit%20soon" },
|
|
]}
|
|
buttonAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg"
|
|
imageAlt="Happy family enjoying meals together"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
titleClassName="text-5xl md:text-6xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/80 mb-8"
|
|
containerClassName="py-12 md:py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactSplit
|
|
tag="Visit Us"
|
|
title="Find Us on NH44, Anantapur"
|
|
description="Located right beside the 4th Town Police Station on NH44. Easy parking, warm welcome, and authentic food waiting for you. Call ahead for takeaway or just stop by for dine-in."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/french-restaurant-scene-with-menu-board_1147-447.jpg"
|
|
imageAlt="Rayalaseema Dabbawala location on NH44"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get in Touch"
|
|
termsText="We'll send you location details, menu updates, and special offers."
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-5xl md:text-6xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/80 mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Rayalaseema Dabbawala"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Dishes", href: "#signature-dishes" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Visit Us", href: "https://maps.google.com/?q=Rayalaseema+Dabbawala+Anantapur" },
|
|
{ label: "Call: +91-9876-543-210", href: "tel:+919876543210" },
|
|
{ label: "WhatsApp Order", href: "https://wa.me/919876543210" },
|
|
{ label: "Takeaway", href: "https://wa.me/919876543210?text=Hi%20I%20would%20like%20to%20order%20for%20takeaway" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Location", href: "https://maps.google.com/?q=Rayalaseema+Dabbawala+4th+Town+Police+Station+Anantapur" },
|
|
{ label: "Hours: 7am - 10pm", href: "#" },
|
|
{ label: "Dine-in Available", href: "#" },
|
|
{ label: "Family Friendly", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Authentic Andhra", href: "#signature-dishes" },
|
|
{ label: "Hygienic & Clean", href: "#why-love" },
|
|
{ label: "Warm Service", href: "#testimonials" },
|
|
{ label: "Great Value", href: "#signature-dishes" },
|
|
],
|
|
},
|
|
]}
|
|
ariaLabel="Rayalaseema Dabbawala Footer"
|
|
containerClassName="bg-background-accent py-16 text-foreground"
|
|
logoClassName="text-3xl font-bold mb-8 text-foreground"
|
|
columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-8"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|