Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
321
src/app/page.tsx
321
src/app/page.tsx
@@ -30,145 +30,29 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "menu" },
|
||||||
id: "hero",
|
{ name: "Events", id: "events" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Events",
|
|
||||||
id: "events",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Hard Rock New Delhi"
|
brandName="Hard Rock New Delhi"
|
||||||
button={{
|
button={{
|
||||||
text: "Reserve",
|
text: "Reserve", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' })
|
||||||
href: "#contact",
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Legendary Food. Live Music."
|
title="Legendary Food. Live Music."
|
||||||
description="Experience the unmatched vibe of Hard Rock New Delhi. Burgers, beats, and beer in the heart of the city."
|
description="Experience the unmatched vibe of Hard Rock New Delhi. Burgers, beats, and beer in the heart of the city."
|
||||||
leftCarouselItems={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-clubbing-with-people-bar_482257-84185.jpg",
|
|
||||||
imageAlt: "Live Music Stage",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
|
|
||||||
imageAlt: "Crowd Vibe",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-addicted-their-smart-devices-scrolling-through-looking-into-their-screens_23-2151487287.jpg",
|
|
||||||
imageAlt: "Band Performance",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-13584.jpg",
|
|
||||||
imageAlt: "Bar Scene",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-rockstar-with-short-hair-holding-electric-guitar-playing-rock-music-preparing-heavy-song-perform-grunge-concert-woman-guitarist-leather-jacket-adjusting-electricinstrument_482257-60193.jpg",
|
|
||||||
imageAlt: "Live Music Stage",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-barista-holding-glass-draft-beer-while-working-bar-counter_637285-3371.jpg",
|
|
||||||
imageAlt: "Crowd Vibe",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
rightCarouselItems={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/three-assorted-steamed-bao-buns-dark-serving-board_84443-85725.jpg",
|
|
||||||
imageAlt: "Signature Burger",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/magic-look-handsome-young-man-black-clothes-sitting-chair-near-dark-room-with-light_146671-19721.jpg",
|
|
||||||
imageAlt: "Mixology Cocktail",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg",
|
|
||||||
imageAlt: "Crispy Wings",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-night-club-stairs_627829-5106.jpg",
|
|
||||||
imageAlt: "Steak Dish",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949025.jpg",
|
|
||||||
imageAlt: "Dessert",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
|
||||||
imageAlt: "Cold Brew",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Reserve Now", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) },
|
||||||
text: "Reserve Now",
|
{ text: "View Menu", onClick: () => document.getElementById('menu')?.scrollIntoView({ behavior: 'smooth' }) },
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
|
|
||||||
alt: "Live music fan",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-people-dancing-funky-music_482257-78334.jpg",
|
|
||||||
alt: "Happy dancer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-couple-spending-time-together-night_23-2149328359.jpg",
|
|
||||||
alt: "Couple at night",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/three-bearded-interracial-friends-drink-craft-beer-talk-brewery-two-hipster-workers-aprons-drink-beer-with-their-friend-brewery-factory-old-friends-gathered-drink-beer-chat_613910-20526.jpg",
|
|
||||||
alt: "Friends drinking",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-beer_23-2148872414.jpg",
|
|
||||||
alt: "Hand pouring beer",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Join our 50k+ guest community"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "LIVE MUSIC",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "GURMET BURGERS",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "CRAFT BEER",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "ROCK SPIRIT",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "CONNAUGHT PLACE",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
leftCarouselItems={[]}
|
||||||
|
rightCarouselItems={[]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -178,19 +62,9 @@ export default function LandingPage() {
|
|||||||
title="A Legacy of Rock & Roll Flavor"
|
title="A Legacy of Rock & Roll Flavor"
|
||||||
description="More than just a restaurant, we create unforgettable nights in New Delhi. Combining world-class culinary expertise with authentic rock spirit."
|
description="More than just a restaurant, we create unforgettable nights in New Delhi. Combining world-class culinary expertise with authentic rock spirit."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "15+", title: "Years serving" },
|
||||||
value: "15+",
|
{ value: "50k+", title: "Happy Guests" },
|
||||||
title: "Years serving",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "50k+",
|
|
||||||
title: "Happy Guests",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-golden-skull-with-citrus-cocktail_23-2150835853.jpg"
|
|
||||||
imageAlt="Restaurant Interior"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
metricsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -200,62 +74,6 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "p1",
|
|
||||||
brand: "Signature",
|
|
||||||
name: "Legendary Burger",
|
|
||||||
price: "₹895",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "1.2k",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-burger-along-with-olives-cheese-tomatoes-green-salad-inside-round-plate_140725-11661.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
brand: "Starter",
|
|
||||||
name: "Tupelo Chicken Wings",
|
|
||||||
price: "₹650",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "980",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-bbq-chicken-wings-with-ketchup-dip_84443-72269.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
brand: "Drink",
|
|
||||||
name: "Hurricane Cocktail",
|
|
||||||
price: "₹550",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "670",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-drink-with-ice-cubes-umbrella-decorated-glass_23-2148145350.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
brand: "Main",
|
|
||||||
name: "New York Strip Steak",
|
|
||||||
price: "₹1200",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "450",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
brand: "Starter",
|
|
||||||
name: "Classic Nachos",
|
|
||||||
price: "₹595",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "820",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-little-white-brown-cupcakes-stand-tired-dish_8353-728.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
brand: "Dessert",
|
|
||||||
name: "Hot Fudge Brownie",
|
|
||||||
price: "₹495",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "1.1k",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Signature Flavors"
|
title="Our Signature Flavors"
|
||||||
description="From world-famous burgers to hand-crafted cocktails, explore our menu."
|
description="From world-famous burgers to hand-crafted cocktails, explore our menu."
|
||||||
/>
|
/>
|
||||||
@@ -265,50 +83,9 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
title: "Friday Night Live",
|
|
||||||
quote: "Featuring Delhi's hottest indie band.",
|
|
||||||
name: "Dec 15th",
|
|
||||||
role: "7:00 PM",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Saturday Rock Night",
|
|
||||||
quote: "Classic anthems all night long.",
|
|
||||||
name: "Dec 16th",
|
|
||||||
role: "9:00 PM",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Acoustic Sunday",
|
|
||||||
quote: "Relaxing vibes with top local artists.",
|
|
||||||
name: "Dec 17th",
|
|
||||||
role: "6:00 PM",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sticking-his-tongue-out-photo_23-2148283881.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Jazz Monday",
|
|
||||||
quote: "Sophisticated rhythms to start the week.",
|
|
||||||
name: "Dec 18th",
|
|
||||||
role: "8:00 PM",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-together-coffee-terrace_23-2148263235.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "Open Mic Night",
|
|
||||||
quote: "Discover new talent every week.",
|
|
||||||
name: "Dec 19th",
|
|
||||||
role: "7:30 PM",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Upcoming Live Nights"
|
title="Upcoming Live Nights"
|
||||||
description="Don't miss our legendary music calendar."
|
description="Don't miss our legendary music calendar."
|
||||||
|
testimonials={[]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -316,15 +93,7 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["TripAdvisor", "Zomato", "Dineout", "Google", "Yelp", "Instagram", "Times Delhi"]}
|
||||||
"TripAdvisor",
|
|
||||||
"Zomato",
|
|
||||||
"Dineout",
|
|
||||||
"Google",
|
|
||||||
"Yelp",
|
|
||||||
"Instagram",
|
|
||||||
"Times Delhi",
|
|
||||||
]}
|
|
||||||
title="Global Recognition"
|
title="Global Recognition"
|
||||||
description="Join thousands who trust our experience."
|
description="Join thousands who trust our experience."
|
||||||
/>
|
/>
|
||||||
@@ -334,42 +103,21 @@ export default function LandingPage() {
|
|||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "f1",
|
|
||||||
title: "Do I need a reservation?",
|
|
||||||
content: "Highly recommended, especially for live music nights.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Is there parking available?",
|
|
||||||
content: "Yes, valet parking is available at our CP location.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Are there vegetarian options?",
|
|
||||||
content: "Absolutely, our menu includes a variety of delicious vegetarian dishes.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Frequently Asked"
|
title="Frequently Asked"
|
||||||
description="Have questions about your visit?"
|
description="Have questions about your visit?"
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929525.jpg"
|
|
||||||
imageAlt="Modern interior"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Book Your Table"
|
title="Book Your Table"
|
||||||
description="Reserve your spot in the heart of Delhi today."
|
description="Reserve your spot in the heart of Delhi today."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/old-tourist-using-mobile-nfc-technology_482257-76765.jpg"
|
onSubmit={(email) => console.log("Subscribed:", email)}
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -377,41 +125,22 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Explore",
|
title: "Explore", items: [
|
||||||
items: [
|
{ label: "Menu", onClick: () => document.getElementById('menu')?.scrollIntoView({ behavior: 'smooth' }) },
|
||||||
{
|
{ label: "Events", onClick: () => document.getElementById('events')?.scrollIntoView({ behavior: 'smooth' }) },
|
||||||
label: "Menu",
|
{ label: "Book", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) },
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Events",
|
|
||||||
href: "#events",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Book",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy" },
|
||||||
{
|
{ label: "Terms of Service" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Hard Rock New Delhi"
|
|
||||||
bottomRightText="All rights reserved."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user