Update src/app/page.tsx
This commit is contained in:
329
src/app/page.tsx
329
src/app/page.tsx
@@ -26,240 +26,113 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Naveena Path"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Naveena Path"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Authentic South Indian Flavours — Made With Heart"
|
||||
description="A hidden gem loved for its rich curries, vibrant vegan dishes, and warm hospitality."
|
||||
tag="Hidden Gem of the City"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-dish-with-sour-cream-plate-stuffed-cabbage-bowl-with-spices-sour-cream-herbs-rice-black-pepper-table_140725-110601.jpg",
|
||||
imageAlt: "Authentic Indian Curry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pours-soup-into-plate_140725-4400.jpg",
|
||||
imageAlt: "Fresh Masala Dosa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086071.jpg",
|
||||
imageAlt: "Nutritious indian dosa assortment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
|
||||
imageAlt: "Top view indian food frame with copy-space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-pork-with-fresh-guacamole-generated-by-ai_188544-38177.jpg",
|
||||
imageAlt: "Grilled beef and pork with fresh guacamole generated by AI",
|
||||
},
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Loved by local foodies"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Authentic South Indian Flavours — Made With Heart"
|
||||
description="A hidden gem loved for its rich curries, vibrant vegan dishes, and warm hospitality."
|
||||
tag="Hidden Gem of the City"
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-dish-with-sour-cream-plate-stuffed-cabbage-bowl-with-spices-sour-cream-herbs-rice-black-pepper-table_140725-110601.jpg", imageAlt: "Authentic Indian Curry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pours-soup-into-plate_140725-4400.jpg", imageAlt: "Fresh Masala Dosa"}
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Loved by local foodies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Foodie",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Regular",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-pizza_23-2149872405.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Chef",
|
||||
company: "Gourmet Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Traveller",
|
||||
company: "Culture Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-smiling-looking-confident-camera-with-crossed-arms-hand-chin-thinking-positive_839833-32556.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Student",
|
||||
company: "Uni Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authentic Recipes",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Fresh Daily Dishes",
|
||||
},
|
||||
{
|
||||
value: "Vegan",
|
||||
label: "Friendly Options",
|
||||
},
|
||||
]}
|
||||
title="Why Guests Keep Coming Back"
|
||||
description="Hear from our community of food lovers who experience the warmth of Naveena Path daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Regular", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-pizza_23-2149872405.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", role: "Chef", company: "Gourmet Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Traveller", company: "Culture Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-smiling-looking-confident-camera-with-crossed-arms-hand-chin-thinking-positive_839833-32556.jpg" },
|
||||
{ id: "5", name: "Anna Smith", role: "Student", company: "Uni Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100%", label: "Authentic Recipes" },
|
||||
{ value: "5+", label: "Fresh Daily Dishes" },
|
||||
{ value: "Vegan", label: "Friendly Options" },
|
||||
]}
|
||||
title="Why Guests Keep Coming Back"
|
||||
description="Hear from our community of food lovers who experience the warmth of Naveena Path daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
title="Our Signature Experience"
|
||||
description="Authentic flavours crafted daily with soul, spices, and family heritage."
|
||||
subdescription="We believe food is a language of love. From our crispy dosas to our rich, plant-based curries, every dish at Naveena Path tells a story of tradition."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-assortment-different-pakistan-goodies_23-2148821569.jpg"
|
||||
tag="Our Story"
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
title="Our Signature Experience"
|
||||
description="Authentic flavours crafted daily with soul, spices, and family heritage."
|
||||
subdescription="We believe food is a language of love. From our crispy dosas to our rich, plant-based curries, every dish at Naveena Path tells a story of tradition."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-assortment-different-pakistan-goodies_23-2148821569.jpg"
|
||||
tag="Our Story"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Masala Dosa",
|
||||
price: "€8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-celebrating-tamil-new-year_23-2151210766.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chickpea Spinach Curry",
|
||||
price: "€10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blended-curcumin-powder-wooden-cup-high-quality-photo_114579-77981.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Plantain Curry",
|
||||
price: "€9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-with-copy-space_23-2148747659.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mango Lassi",
|
||||
price: "€4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086051.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Daily Thali Set",
|
||||
price: "€12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sauce-lavash-near-rice_23-2147894623.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vegetable Idli",
|
||||
price: "€7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086052.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu Preview"
|
||||
description="Discover our crowd favourites and daily specials."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Masala Dosa", price: "€8.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-celebrating-tamil-new-year_23-2151210766.jpg" },
|
||||
{ id: "p2", name: "Chickpea Spinach Curry", price: "€10.00", imageSrc: "http://img.b2bpic.net/free-photo/blended-curcumin-powder-wooden-cup-high-quality-photo_114579-77981.jpg" },
|
||||
{ id: "p3", name: "Plantain Curry", price: "€9.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-with-copy-space_23-2148747659.jpg" },
|
||||
{ id: "p4", name: "Mango Lassi", price: "€4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086051.jpg" },
|
||||
{ id: "p5", name: "Daily Thali Set", price: "€12.00", imageSrc: "http://img.b2bpic.net/free-photo/sauce-lavash-near-rice_23-2147894623.jpg" },
|
||||
{ id: "p6", name: "Vegetable Idli", price: "€7.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086052.jpg" },
|
||||
]}
|
||||
title="Signature Menu Preview"
|
||||
description="Discover our crowd favourites and daily specials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Taste Something Special?"
|
||||
description="No reservations needed. Just come hungry and bring your friends."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any special requests?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Taste Something Special?"
|
||||
description="No reservations needed. Just come hungry and bring your friends."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Any special requests?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Naveena Path"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Naveena Path"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user