Files
4e37ee24-e6d0-4529-a332-228…/src/app/page.tsx
2026-03-05 19:58:01 +00:00

238 lines
13 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { Heart, MapPin, Star, UtensilsCrossed } from "lucide-react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Aamantran"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Reserve Table", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Aamantran Arang's Favorite Café & Restaurant"
description="Tasty Food • Friendly Service • Affordable Price. Experience authentic cuisine from Indian to Continental, crafted with fresh ingredients and warm hospitality."
tag="Welcome to Aamantran"
tagIcon={MapPin}
tagAnimation="slide-up"
buttons={[
{ text: "Call Now", href: "tel:+919999999999" },
{ text: "Get Directions", href: "https://maps.google.com" },
{ text: "Reserve Table", href: "#contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
carouselItems={[
{
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg", imageAlt: "Aamantran Restaurant Interior"},
{
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-traditional-indian-paneer-butter-masala-cheese-cottage-curry-black-surface_181624-32001.jpg?_wi=1", imageAlt: "Paneer Butter Masala"},
{
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086025.jpg?_wi=1", imageAlt: "Masala Dosa"},
{
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=1", imageAlt: "Fried Rice & Noodles"},
{
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-fruit-cocktails-with-fresh-fruit-slices-ice-cooling-blue-drink-juice-cocktail-fruit-color_140725-24749.jpg", imageAlt: "Refreshing Mocktails"},
{
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2238.jpg", imageAlt: "Continental Delights"},
]}
autoPlay={true}
autoPlayInterval={4000}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Local Families & Food Lovers"
description="Join hundreds of satisfied customers who have made Aamantran their favorite dining destination."
tag="Social Proof"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
names={["Families", "College Students", "Friend Groups", "Food Enthusiasts", "Breakfast Lovers", "Travelers", "Regulars"]}
speed={40}
showCard={true}
/>
</div>
<div id="about" data-section="about">
<TextAbout
tag="Why Choose Us"
tagIcon={Heart}
title="Aamantran is where fresh ingredients, warm hospitality, and affordable prices come together to create unforgettable dining moments for the entire family."
useInvertedBackground={false}
buttons={[
{ text: "View Full Menu", href: "#menu" },
{ text: "Book a Table", href: "#contact" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
title="Why Aamantran Stands Out"
description="We are committed to delivering the best dining experience in Arang with quality, service, and value."
features={[
{
id: "fresh-food", label: "Fresh", title: "Fresh Food Made Daily", items: ["Premium ingredients sourced locally", "Prepared fresh throughout the day", "No artificial flavors or preservatives", "Quality you can taste in every bite"],
},
{
id: "affordable", label: "Value", title: "Affordable Pricing", items: ["₹100-₹200 per person average", "Best quality for your budget", "No hidden charges", "Family-friendly prices"],
},
{
id: "family-friendly", label: "Family", title: "Family Friendly Environment", items: ["Welcoming atmosphere for all ages", "Clean and hygienic facility", "Spacious seating arrangements", "Perfect for celebrations & gatherings"],
},
{
id: "service", label: "Service", title: "Quick & Friendly Service", items: ["Attentive and courteous staff", "Fast food preparation", "Dine-in, takeaway & delivery options", "WhatsApp ordering available"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
title="Popular Menu Highlights"
description="Explore our diverse menu featuring authentic Indian, South Indian, Chinese, Continental, and refreshing Mocktails."
tag="Menu"
tagIcon={UtensilsCrossed}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
products={[
{
id: "paneer", name: "Paneer Butter Masala", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-traditional-indian-paneer-butter-masala-cheese-cottage-curry-black-surface_181624-32001.jpg?_wi=2", imageAlt: "Paneer Butter Masala - Creamy & Delicious"},
{
id: "dosa", name: "Masala Dosa", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086025.jpg?_wi=2", imageAlt: "Masala Dosa - South Indian Specialty"},
{
id: "fried-rice", name: "Fried Rice & Noodles", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=2", imageAlt: "Fried Rice & Noodles - Chinese Favorites"},
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
title="What Our Customers Say"
description="Real reviews from real customers who love Aamantran."
tag="Customer Reviews"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Priya Sharma", handle: "@priyasharmaarang", testimonial: "Owner & staff are super friendly and make you feel at home. The food is consistently delicious and the prices are unbeatable!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Priya Sharma"},
{
id: "2", name: "Rajesh Kumar", handle: "@rajeshsharmaarang", testimonial: "Very good food and service. We visit Aamantran every weekend with our family. The paneer dishes are absolutely fantastic!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Rajesh Kumar"},
{
id: "3", name: "Meera Patel", handle: "@meeraarang", testimonial: "Tasty food at minimum price. Clean restaurant and the staff is always helpful. Best cafe in Arang hands down!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Meera Patel"},
{
id: "4", name: "Amit Singh", handle: "@amitsingh", testimonial: "Great place for breakfast and snacks. Love their dosa and mocktails. Perfect spot for friends hangout!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Amit Singh"},
{
id: "5", name: "Anjali Verma", handle: "@anjaliverma", testimonial: "Excellent Chinese food! The quality has never disappointed. Aamantran is our go-to restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Anjali Verma"},
{
id: "6", name: "Vikram Reddy", handle: "@vikramreddy", testimonial: "Quick service, fresh ingredients, and wonderful ambiance. Highly recommend Aamantran to everyone!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Vikram Reddy"},
]}
speed={40}
/>
</div>
<div id="cta" data-section="cta">
<TextAbout
title="Ready to Experience Aamantran? Visit Today or Reserve Your Table Now!"
useInvertedBackground={false}
buttons={[
{ text: "Call Now", href: "tel:+919999999999" },
{ text: "Get Directions", href: "https://maps.google.com?q=Netaji+Chowk+Arang+Chhattisgarh" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Contact & Reserve Your Table"
description="Have questions or want to make a reservation? Get in touch with us. We're here to serve you!"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
]}
textarea={{ name: "message", placeholder: "Reservation details, questions, or special requests...", rows: 4, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/gps-navigation-set_98292-1851.jpg"
imageAlt="Location - Netaji Chowk, Arang"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Aamantran"
columns={[
{
items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Menu", href: "#menu" },
],
},
{
items: [
{ label: "Reviews", href: "#reviews" },
{ label: "Contact", href: "#contact" },
{ label: "Reservations", href: "#contact" },
],
},
{
items: [
{ label: "Netaji Chowk, Arang", href: "#" },
{ label: "Chhattisgarh 493441", href: "#" },
{ label: "Open 6:00 AM Daily", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}