bender/593608d7-a24f-4d98-9914-2dd62c9929df
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-11 12:50:32 +00:00
parent 68c9f5008d
commit 2f850b8c73
1 changed files with 34 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "Menu", id: "menu" },
id: "home", { name: "Experience", id: "experience" },
}, { name: "Location", id: "location" },
{
name: "Menu",
id: "menu",
},
{
name: "Experience",
id: "experience",
},
{
name: "Location",
id: "location",
},
]} ]}
brandName="It's My Life" brandName="It's My Life"
/> />
@@ -54,43 +42,19 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Where Kolkata Comes To Feel Alive." title="Where Kolkata Comes To Feel Alive."
description="Luxury café experiences, gourmet comfort food, handcrafted drinks, and unforgettable evenings in Golf Green." description="Luxury café experiences, gourmet comfort food, handcrafted drinks, and unforgettable evenings in Golf Green."
tag="4.8 Rating" tag="4.8 Rating"
buttons={[ buttons={[
{ { text: "Reserve A Table", href: "#location" },
text: "Reserve A Table", { text: "Explore The Menu", href: "#menu" },
href: "#location",
},
{
text: "Explore The Menu",
href: "#menu",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-girl-seductive-black-clothes-smokes-hookah-while-sitting-counter-nightclub_613910-19138.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-girl-seductive-black-clothes-smokes-hookah-while-sitting-counter-nightclub_613910-19138.jpg", imageAlt: "luxury cafe interior dark lighting"},
imageAlt: "luxury cafe interior dark lighting",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236925.jpg", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236925.jpg", imageAlt: "modern cafe atmosphere evening date"}
imageAlt: "modern cafe atmosphere evening date",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-with-cheerful-woman-restaurant_23-2148016777.jpg",
imageAlt: "Man hugging with cheerful woman in restaurant",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
imageAlt: "Woman in golden suit sits in the cafe",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",
imageAlt: "Pretty indian girl in black saree dress posed at restaurant",
},
]} ]}
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
rating={5} rating={5}
@@ -106,46 +70,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah Johnson", role: "Food Blogger", company: "Kolkata Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10718.jpg" },
id: "1", { id: "2", name: "Michael Chen", role: "Local Resident", company: "Golf Green", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
name: "Sarah Johnson", { id: "3", name: "Emily Rodriguez", role: "Traveler", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg" },
role: "Food Blogger", { id: "4", name: "David Kim", role: "Foodie", company: "Tollygunge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg" },
company: "Kolkata Eats", { id: "5", name: "Priya Sharma", role: "Local", company: "Golf Green", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg" },
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10718.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Local Resident",
company: "Golf Green",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Traveler",
company: "Global",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
},
{
id: "4",
name: "David Kim",
role: "Foodie",
company: "Tollygunge",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg",
},
{
id: "5",
name: "Priya Sharma",
role: "Local",
company: "Golf Green",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
},
]} ]}
title="What People Say" title="What People Say"
description="Authentic dining experiences that turn into cherished memories." description="Authentic dining experiences that turn into cherished memories."
@@ -158,18 +87,9 @@ export default function LandingPage() {
title="More Than A Café. It’s A Mood." title="More Than A Café. It’s A Mood."
description="From handcrafted mojitos to sizzling grills and rich continental platters, every dish is designed to turn ordinary evenings into memorable experiences." description="From handcrafted mojitos to sizzling grills and rich continental platters, every dish is designed to turn ordinary evenings into memorable experiences."
metrics={[ metrics={[
{ { value: "268+", title: "Reviews" },
value: "268+", { value: "4.8", title: "Rating" },
title: "Reviews", { value: "100%", title: "Luxury" },
},
{
value: "4.8",
title: "Rating",
},
{
value: "100%",
title: "Luxury",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158653.jpg" imageSrc="http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158653.jpg"
imageAlt="cinematic food photography close up" imageAlt="cinematic food photography close up"
@@ -185,60 +105,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "p1", brand: "Signature", name: "Crispy Chilli Baby Corn", price: "₹345", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_74190-5522.jpg" },
id: "p1", { id: "p2", brand: "Signature", name: "Pork Belly", price: "₹595", rating: 5, reviewCount: "58", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_74190-1178.jpg" },
brand: "Signature", { id: "p3", brand: "House", name: "Chicken Mushroom", price: "₹425", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/buckwheat-porridge-with-mushrooms_658428-149.jpg" },
name: "Crispy Chilli Baby Corn", { id: "p4", brand: "House", name: "Mushroom Risotto", price: "₹485", rating: 4, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-meat-beans-mushrooms_2829-13761.jpg" },
price: "₹345", { id: "p5", brand: "Drinks", name: "Blue Lagoon", price: "₹225", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-cool-lemonade-with-ice-blue-background-water-cold-juice-cocktail-bar-drink-fruit_140725-157131.jpg" },
rating: 5, { id: "p6", brand: "Drinks", name: "Signature Mocktail", price: "₹250", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/alcohol-cocktail-with-grapefruit-side-view_141793-2740.jpg" },
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_74190-5522.jpg",
},
{
id: "p2",
brand: "Signature",
name: "Pork Belly",
price: "₹595",
rating: 5,
reviewCount: "58",
imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_74190-1178.jpg",
},
{
id: "p3",
brand: "House",
name: "Chicken Mushroom",
price: "₹425",
rating: 5,
reviewCount: "35",
imageSrc: "http://img.b2bpic.net/free-photo/buckwheat-porridge-with-mushrooms_658428-149.jpg",
},
{
id: "p4",
brand: "House",
name: "Mushroom Risotto",
price: "₹485",
rating: 4,
reviewCount: "28",
imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-meat-beans-mushrooms_2829-13761.jpg",
},
{
id: "p5",
brand: "Drinks",
name: "Blue Lagoon",
price: "₹225",
rating: 5,
reviewCount: "72",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-cool-lemonade-with-ice-blue-background-water-cold-juice-cocktail-bar-drink-fruit-color_140725-157131.jpg",
},
{
id: "p6",
brand: "Drinks",
name: "Signature Mocktail",
price: "₹250",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/alcohol-cocktail-with-grapefruit-side-view_141793-2740.jpg",
},
]} ]}
title="Signature Menu" title="Signature Menu"
description="Indulge in our curated selection of gourmet flavors." description="Indulge in our curated selection of gourmet flavors."
@@ -248,38 +120,12 @@ export default function LandingPage() {
<div id="ambience" data-section="ambience"> <div id="ambience" data-section="ambience">
<FeatureCardTwentySeven <FeatureCardTwentySeven
textboxLayout="split" textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "f1", title: "Date Night Vibes", descriptions: ["Soft lighting", "Private corners", "Romantic tunes"], imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018832.jpg" },
id: "f1", { id: "f2", title: "Gourmet Seating", descriptions: ["Premium furniture", "Comfortable booths", "Stylish ambiance"], imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072564.jpg" },
title: "Date Night Vibes", { id: "f3", title: "Night Exterior", descriptions: ["Warm glow", "Welcoming entrance", "Spotlit facade"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg" },
descriptions: [
"Soft lighting",
"Private corners",
"Romantic tunes",
],
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018832.jpg",
},
{
id: "f2",
title: "Gourmet Seating",
descriptions: [
"Premium furniture",
"Comfortable booths",
"Stylish ambiance",
],
imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072564.jpg",
},
{
id: "f3",
title: "Night Exterior",
descriptions: [
"Warm glow",
"Welcoming entrance",
"Spotlit facade",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
},
]} ]}
title="Ambience & Atmosphere" title="Ambience & Atmosphere"
description="Elegant decor, warm lighting, and a night aesthetic designed for romance." description="Elegant decor, warm lighting, and a night aesthetic designed for romance."
@@ -291,26 +137,10 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="Why We're Loved" title="Why We're Loved"
metrics={[ metrics={[
{ { id: "m1", value: "Elegant", description: "Decor" },
id: "m1", { id: "m2", value: "Gourmet", description: "Ingredients" },
value: "Elegant", { id: "m3", value: "Service", description: "Staff Excellence" },
description: "Decor", { id: "m4", value: "Romantic", description: "Date Night" },
},
{
id: "m2",
value: "Gourmet",
description: "Ingredients",
},
{
id: "m3",
value: "Service",
description: "Staff Excellence",
},
{
id: "m4",
value: "Romantic",
description: "Date Night",
},
]} ]}
tag="Our Essence" tag="Our Essence"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -320,19 +150,11 @@ export default function LandingPage() {
<div id="location" data-section="location"> <div id="location" data-section="location">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "rotated-rays-static" }}
variant: "rotated-rays-static",
}}
text="Find Your Escape In Golf Green\n25/22 Prince Gulam Md. Shah Rd, Kolkata\nOpen Till 10:30 PM\n098300 48484" text="Find Your Escape In Golf Green\n25/22 Prince Gulam Md. Shah Rd, Kolkata\nOpen Till 10:30 PM\n098300 48484"
buttons={[ buttons={[
{ { text: "Get Directions", href: "#" },
text: "Get Directions", { text: "Reserve Table", href: "#" },
href: "#",
},
{
text: "Reserve Table",
href: "#",
},
]} ]}
/> />
</div> </div>