Update src/app/page.tsx
This commit is contained in:
179
src/app/page.tsx
179
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Vibe", id: "vibe"},
|
||||
{
|
||||
name: "Events", id: "events"},
|
||||
{
|
||||
name: "Visit", id: "visit"},
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Vibe", id: "vibe" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
]}
|
||||
brandName="NEIGHBOURHOOD"
|
||||
/>
|
||||
@@ -45,68 +41,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Indore's Living Room."
|
||||
description="Coffee. Food. Community. Every single day."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Cafe atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg", imageAlt: "Fusion dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg", imageAlt: "Dessert"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg", imageAlt: "Noodles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg", imageAlt: "Plating"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Cafe atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg", imageAlt: "Fusion dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg", imageAlt: "Dessert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg", imageAlt: "Noodles" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg", imageAlt: "Plating" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg", imageAlt: "Dessert"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg", imageAlt: "Noodles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg", imageAlt: "Dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg", imageAlt: "Sweet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Space"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg", imageAlt: "Dessert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg", imageAlt: "Noodles" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg", imageAlt: "Dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg", imageAlt: "Sweet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", imageAlt: "Space" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the Menu", href: "#menu"},
|
||||
{
|
||||
text: "Find Us", href: "#visit"},
|
||||
{ text: "Explore the Menu", href: "#menu" },
|
||||
{ text: "Find Us", href: "#visit" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup_23-2148415886.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-background-autumn-leaves_627829-4350.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", alt: "Customer"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup_23-2148415886.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-background-autumn-leaves_627829-4350.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Join 1,500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Artisan Coffee"},
|
||||
{
|
||||
type: "text", text: "Fusion Cuisine"},
|
||||
{
|
||||
type: "text", text: "Games Night"},
|
||||
{
|
||||
type: "text", text: "Co-Working Space"},
|
||||
{
|
||||
type: "text", text: "Community First"},
|
||||
{ type: "text", text: "Artisan Coffee" },
|
||||
{ type: "text", text: "Fusion Cuisine" },
|
||||
{ type: "text", text: "Games Night" },
|
||||
{ type: "text", text: "Co-Working Space" },
|
||||
{ type: "text", text: "Community First" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,21 +89,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Coffee", name: "Espresso + Sparkling Water", price: "₹ — Ask Us", rating: 5,
|
||||
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Drinks", name: "Vietnamese Iced Coffee", price: "₹ — Ask Us", rating: 5,
|
||||
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Coffee", name: "Lavender Lemonade", price: "₹ — Ask Us", rating: 5,
|
||||
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Food", name: "Miso Ramen Bowl", price: "₹ — Ask Us", rating: 5,
|
||||
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Dessert", name: "Signature Tiramisu", price: "₹ — Ask Us", rating: 5,
|
||||
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg"},
|
||||
{ id: "p1", brand: "Coffee", name: "Espresso + Sparkling Water", price: "₹ — Ask Us", rating: 5, reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg" },
|
||||
{ id: "p2", brand: "Drinks", name: "Vietnamese Iced Coffee", price: "₹ — Ask Us", rating: 5, reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg" },
|
||||
{ id: "p3", brand: "Coffee", name: "Lavender Lemonade", price: "₹ — Ask Us", rating: 5, reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg" },
|
||||
{ id: "p4", brand: "Food", name: "Miso Ramen Bowl", price: "₹ — Ask Us", rating: 5, reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg" },
|
||||
{ id: "p5", brand: "Dessert", name: "Signature Tiramisu", price: "₹ — Ask Us", rating: 5, reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg" },
|
||||
]}
|
||||
title="A Menu Without Borders"
|
||||
description="From Vietnamese iced coffee to miso ramen. Espresso to tiramisu. We cook from everywhere."
|
||||
@@ -145,18 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Coffee Culture", author: "All Day", description: "The kind of place you come for coffee. Stay for four hours.", tags: [
|
||||
"Vibe"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg"},
|
||||
{
|
||||
id: "f2", title: "Work Environment", author: "Until 8 PM", description: "Work until 8. Then let the evening take over.", tags: [
|
||||
"Work"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg"},
|
||||
{
|
||||
id: "f3", title: "Friday Night", author: "Games Night", description: "Friday nights belong to everyone. Games, laughter, strangers becoming regulars.", tags: [
|
||||
"Events"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg"},
|
||||
{ id: "f1", title: "Coffee Culture", author: "All Day", description: "The kind of place you come for coffee. Stay for four hours.", tags: ["Vibe"], imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg" },
|
||||
{ id: "f2", title: "Work Environment", author: "Until 8 PM", description: "Work until 8. Then let the evening take over.", tags: ["Work"], imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg" },
|
||||
{ id: "f3", title: "Friday Night", author: "Games Night", description: "Friday nights belong to everyone. Games, laughter, strangers becoming regulars.", tags: ["Events"], imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg" },
|
||||
]}
|
||||
title="You'll Know It When You Feel It"
|
||||
description="The atmosphere of a city sanctuary."
|
||||
@@ -169,16 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Radhika Sharma", role: "Creative", testimonial: "Best restaurant I've found in Indore recently.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg"},
|
||||
{
|
||||
id: "t2", name: "Priyam Chowdhury", role: "Designer", testimonial: "Filled with nature and elusive coffee making. Posh, young, hip crowd.", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg"},
|
||||
{
|
||||
id: "t3", name: "Kritika Raval", role: "Architect", testimonial: "Tops in ambience and vibe. Elaborate menu from around the globe.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup_23-2148415886.jpg"},
|
||||
{
|
||||
id: "t4", name: "Anuj Verma", role: "Regular", testimonial: "The people, the food and my favourite Games night on Friday nights!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-background-autumn-leaves_627829-4350.jpg"},
|
||||
{
|
||||
id: "t5", name: "Priya Singh", role: "Writer", testimonial: "A sanctuary in the middle of the city. Truly special.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg"},
|
||||
{ id: "t1", name: "Radhika Sharma", role: "Creative", testimonial: "Best restaurant I've found in Indore recently.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg" },
|
||||
{ id: "t2", name: "Priyam Chowdhury", role: "Designer", testimonial: "Filled with nature and elusive coffee making. Posh, young, hip crowd.", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg" },
|
||||
{ id: "t3", name: "Kritika Raval", role: "Architect", testimonial: "Tops in ambience and vibe. Elaborate menu from around the globe.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup_23-2148415886.jpg" },
|
||||
{ id: "t4", name: "Anuj Verma", role: "Regular", testimonial: "The people, the food and my favourite Games night on Friday nights!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-background-autumn-leaves_627829-4350.jpg" },
|
||||
{ id: "t5", name: "Priya Singh", role: "Writer", testimonial: "A sanctuary in the middle of the city. Truly special.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg" },
|
||||
]}
|
||||
title="1,493 Reasons to Visit"
|
||||
description="Our community's words."
|
||||
@@ -189,14 +136,11 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="centered"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Hours", subtitle: "Daily", category: "Opening", value: "Until 11 PM"},
|
||||
{
|
||||
id: "m2", title: "Location", subtitle: "Saket Nagar", category: "Address", value: "134, Main Rd"},
|
||||
{
|
||||
id: "m3", title: "Call", subtitle: "For Res", category: "Phone", value: "097654 49304"},
|
||||
{ id: "m1", title: "Hours", subtitle: "Daily", category: "Opening", value: "Until 11 PM" },
|
||||
{ id: "m2", title: "Location", subtitle: "Saket Nagar", category: "Address", value: "134, Main Rd" },
|
||||
{ id: "m3", title: "Call", subtitle: "For Res", category: "Phone", value: "097654 49304" },
|
||||
]}
|
||||
title="Find Us"
|
||||
description="Indore's Living Room awaits."
|
||||
@@ -208,16 +152,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Work From Neighbourhood", content: "Your best office. Open until 8 PM daily with shared tables and great Wi-Fi energy."},
|
||||
{
|
||||
id: "q2", title: "Friday Games Night", content: "Every Friday from 7 PM onwards. Come alone or bring the crew."},
|
||||
{ id: "q1", title: "Work From Neighbourhood", content: "Your best office. Open until 8 PM daily with shared tables and great Wi-Fi energy." },
|
||||
{ id: "q2", title: "Friday Games Night", content: "Every Friday from 7 PM onwards. Come alone or bring the crew." },
|
||||
]}
|
||||
ctaTitle="Friday Nights Are Sacred"
|
||||
ctaDescription="Join us for Games Night, every Friday from 7 PM. Strangers become regulars."
|
||||
ctaIcon={Calendar}
|
||||
ctaButton={{
|
||||
text: "Book a Table", href: "#visit"}}
|
||||
ctaButton={{ text: "Book a Table", href: "#visit" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,24 +166,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="NEIGHBOURHOOD"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Vibe", href: "#vibe"},
|
||||
{
|
||||
label: "Events", href: "#events"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Google Maps", href: "#"},
|
||||
{
|
||||
label: "Reserve", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Menu", href: "#menu" }, { label: "Vibe", href: "#vibe" }, { label: "Events", href: "#events" }] },
|
||||
{ title: "Visit", items: [{ label: "Google Maps", href: "#" }, { label: "Reserve", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Neighbourhood · Women-Owned · LGBTQ+ Friendly · Indore, India"
|
||||
/>
|
||||
@@ -250,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user