bender/6d544bae-1455-4aec-92f3-6b6c56e86cc9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 08:59:24 +00:00
parent bd7e6205f9
commit 5ecc8cda6b
1 changed files with 45 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Menu", name: "Menu", id: "menu"},
id: "menu",
},
{ {
name: "Reviews", name: "Reviews", id: "testimonials"},
id: "testimonials",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Terrace House" brandName="Terrace House"
/> />
@@ -60,42 +50,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Experience Authentic North Indian Flavors" title="Experience Authentic North Indian Flavors"
description="Welcome to Terrace House, where tradition meets taste in every bite. Enjoy our indoor or terrace seating with a view." description="Welcome to Terrace House, where tradition meets taste in every bite. Enjoy our indoor or terrace seating with a view."
tag="Rated 4.4/5 by 390+ Happy Diners" tag="Rated 4.4/5 by 390+ Happy Diners"
buttons={[ buttons={[
{ {
text: "Reserve a Table", text: "Reserve a Table", href: "#contact"},
href: "#contact",
},
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Restaurant ambiance"},
imageAlt: "Restaurant ambiance",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg", imageAlt: "Delicious food platter"}
imageAlt: "Delicious food platter",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
imageAlt: "Wonderful wedding table in amazing restaurant",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg",
imageAlt: "People having dinner in luxurious restaurants",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg",
imageAlt: "Expensive restaurant interior view with colorful illuminating",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -109,9 +78,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="More Than Just a Meal" title="More Than Just a Meal"
description={[ description={[
"Terrace House is your first choice for family gatherings, celebrations, and casual dining. We offer both comfortable indoor seating and a stunning open-air terrace experience.", "Terrace House is your first choice for family gatherings, celebrations, and casual dining. We offer both comfortable indoor seating and a stunning open-air terrace experience.", "From savory starters to hearty thalis, every dish is crafted with love and fresh ingredients to ensure a memorable dining experience."]}
"From savory starters to hearty thalis, every dish is crafted with love and fresh ingredients to ensure a memorable dining experience.",
]}
/> />
</div> </div>
@@ -122,40 +89,16 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Afghani Chaap", title: "Afghani Chaap", description: "Tender, marinated soya chaap grilled to perfection.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-cutlets-with-onion-rings_140725-57053.jpg", imageAlt: "Afghani Chaap" },
description: "Tender, marinated soya chaap grilled to perfection.", phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg", imageAlt: "Afghani Chaap detail" }
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-cutlets-with-onion-rings_140725-57053.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=2",
imageAlt: "afghani chaap closeup",
}, },
{ {
title: "Double Cheese Pizza", title: "Double Cheese Pizza", description: "Classic comfort food loaded with double the cheese.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-homemade-vegan-pizza-stained-white-surface-with-free-space_179666-42427.jpg", imageAlt: "Pizza" },
description: "Classic comfort food loaded with double the cheese.", phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pizza-topped-with-tomato_141793-1239.jpg", imageAlt: "Pizza detail" }
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-homemade-vegan-pizza-stained-white-surface-with-free-space_179666-42427.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/pizza-topped-with-tomato_141793-1239.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg?_wi=2",
imageAlt: "afghani chaap closeup",
}, },
{ {
title: "Chilli Potato", title: "Chilli Potato", description: "Crispy potatoes tossed in a spicy, flavorful sauce.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg", imageAlt: "Chilli Potato" },
description: "Crispy potatoes tossed in a spicy, flavorful sauce.", phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-corn-dogs-assortment_23-2149455135.jpg", imageAlt: "Chilli Potato detail" }
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-corn-dogs-assortment_23-2149455135.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
imageAlt: "afghani chaap closeup",
}, },
]} ]}
showStepNumbers={false} showStepNumbers={false}
@@ -172,41 +115,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "m1", id: "m1", name: "Veg Thali", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg"},
name: "Veg Thali",
price: "₹200",
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg",
},
{ {
id: "m2", id: "m2", name: "Afghani Chaap", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/three-assorted-steamed-bao-buns-dark-serving-board_84443-85725.jpg"},
name: "Afghani Chaap",
price: "₹250",
imageSrc: "http://img.b2bpic.net/free-photo/three-assorted-steamed-bao-buns-dark-serving-board_84443-85725.jpg",
},
{ {
id: "m3", id: "m3", name: "Double Cheese Pizza", price: "₹300", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mushroom-pizza-with-cheese-marble_114579-15513.jpg"},
name: "Double Cheese Pizza",
price: "₹300",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mushroom-pizza-with-cheese-marble_114579-15513.jpg",
},
{ {
id: "m4", id: "m4", name: "Momos & Grill Sandwich", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086078.jpg"},
name: "Momos & Grill Sandwich",
price: "₹150",
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086078.jpg",
},
{ {
id: "m5", id: "m5", name: "Chilli Potato", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-seasonings-dark-space_140725-95139.jpg"},
name: "Chilli Potato",
price: "₹180",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-seasonings-dark-space_140725-95139.jpg",
},
{ {
id: "m6", id: "m6", name: "Special Veg Gravy", price: "₹220", imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg"},
name: "Special Veg Gravy",
price: "₹220",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg",
},
]} ]}
title="Explore Our Culinary Delights" title="Explore Our Culinary Delights"
description="A curated selection of our best-selling North Indian delights and crowd-favorite quick bites." description="A curated selection of our best-selling North Indian delights and crowd-favorite quick bites."
@@ -220,37 +139,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "p1", id: "p1", title: "Quick Bites", price: "₹200", period: "/avg", features: [
title: "Quick Bites", "Quick service", "Best for snacks", "Quality ingredients"],
price: "₹200",
period: "/avg",
features: [
"Quick service",
"Best for snacks",
"Quality ingredients",
],
button: { button: {
text: "Order Online", text: "Order Online"},
}, imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg", imageAlt: "Boiled coffee in cups and sweets"},
imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg",
imageAlt: "Boiled coffee in cups and sweets",
},
{ {
id: "p2", id: "p2", title: "Full Meal", price: "₹400", period: "/avg", features: [
title: "Full Meal", "Complete dining experience", "Full menu access", "Family environment"],
price: "₹400",
period: "/avg",
features: [
"Complete dining experience",
"Full menu access",
"Family environment",
],
button: { button: {
text: "Reserve Now", text: "Reserve Now"},
}, imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Boiled coffee in cups and sweets"},
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=3",
imageAlt: "Boiled coffee in cups and sweets",
},
]} ]}
title="Affordable Dining for Everyone" title="Affordable Dining for Everyone"
description="Enjoy premium quality at reasonable rates." description="Enjoy premium quality at reasonable rates."
@@ -263,60 +162,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Rano Dhiman", date: "9 months ago", title: "Great Teej celebration!", quote: "Everything was well organized, prices reasonable, staff very cooperative.", tag: "Celebration", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg", imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "happy diner customer portrait"},
name: "Rano Dhiman",
date: "9 months ago",
title: "Great Teej celebration!",
quote: "Everything was well organized, prices reasonable, staff very cooperative.",
tag: "Celebration",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=4",
imageAlt: "happy diner customer portrait",
},
{ {
id: "2", id: "2", name: "Muskan Chaudhary", date: "3 years ago", title: "Top Choice", quote: "Always my first option for dining or celebrations. Commendable ambiance.", tag: "Ambience", avatarSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915125.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg", imageAlt: "happy diner customer portrait"},
name: "Muskan Chaudhary",
date: "3 years ago",
title: "Top Choice",
quote: "Always my first option for dining or celebrations. Commendable ambiance.",
tag: "Ambience",
avatarSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915125.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg?_wi=3",
imageAlt: "happy diner customer portrait",
},
{ {
id: "3", id: "3", name: "Amit Kumar", date: "3 years ago", title: "Stunning Food", quote: "Food is stunning, ambiance is awesome. Love this place!", tag: "Food Quality", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-cutlets-with-onion-rings_140725-57053.jpg", imageAlt: "happy diner customer portrait"},
name: "Amit Kumar",
date: "3 years ago",
title: "Stunning Food",
quote: "Food is stunning, ambiance is awesome. Love this place!",
tag: "Food Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-cutlets-with-onion-rings_140725-57053.jpg?_wi=2",
imageAlt: "happy diner customer portrait",
},
{ {
id: "4", id: "4", name: "Rahul Verma", date: "2 years ago", title: "Excellent Service", quote: "Every worker is very efficient and helpful.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-homemade-vegan-pizza-stained-white-surface-with-free-space_179666-42427.jpg", imageAlt: "happy diner customer portrait"},
name: "Rahul Verma",
date: "2 years ago",
title: "Excellent Service",
quote: "Every worker is very efficient and helpful.",
tag: "Service",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-homemade-vegan-pizza-stained-white-surface-with-free-space_179666-42427.jpg?_wi=2",
imageAlt: "happy diner customer portrait",
},
{ {
id: "5", id: "5", name: "Priya Sharma", date: "1 year ago", title: "Family Friendly", quote: "Very tasty food and lovely staff, perfect environment.", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279928.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg", imageAlt: "happy diner customer portrait"},
name: "Priya Sharma",
date: "1 year ago",
title: "Family Friendly",
quote: "Very tasty food and lovely staff, perfect environment.",
tag: "Family",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279928.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg?_wi=2",
imageAlt: "happy diner customer portrait",
},
]} ]}
title="What Our Guests Say" title="What Our Guests Say"
description="Join hundreds of happy diners who love our food and ambience." description="Join hundreds of happy diners who love our food and ambience."
@@ -329,20 +183,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do you have terrace seating?", content: "Yes, we have both indoor and terrace seating options available for a memorable experience."},
title: "Do you have terrace seating?",
content: "Yes, we have both indoor and terrace seating options available for a memorable experience.",
},
{ {
id: "f2", id: "f2", title: "Is the food affordable?", content: "Absolutely! We pride ourselves on offering high-quality North Indian dishes at very reasonable rates."},
title: "Is the food affordable?",
content: "Absolutely! We pride ourselves on offering high-quality North Indian dishes at very reasonable rates.",
},
{ {
id: "f3", id: "f3", title: "Do you take reservations?", content: "Yes, we welcome reservations for small and large groups."},
title: "Do you take reservations?",
content: "Yes, we welcome reservations for small and large groups.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/happy-black-waitress-wearing-protective-face-mask-while-taking-order-from-customer-touchpad_637285-8066.jpg" imageSrc="http://img.b2bpic.net/free-photo/happy-black-waitress-wearing-protective-face-mask-while-taking-order-from-customer-touchpad_637285-8066.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -359,28 +204,17 @@ export default function LandingPage() {
description="We'd love to host you. Send us a message for table bookings or inquiries." description="We'd love to host you. Send us a message for table bookings or inquiries."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number", required: true,
type: "tel",
placeholder: "Phone Number",
required: true,
}, },
{ {
name: "guests", name: "guests", type: "number", placeholder: "Number of Guests", required: true,
type: "number",
placeholder: "Number of Guests",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Special requests or party details?", rows: 4,
placeholder: "Special requests or party details?",
rows: 4,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/smiling-waiter-standing-with-open-sign-board-cafe_1170-624.jpg" imageSrc="http://img.b2bpic.net/free-photo/smiling-waiter-standing-with-open-sign-board-cafe_1170-624.jpg"
/> />
@@ -390,13 +224,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Terrace House" logoText="Terrace House"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>