Merge version_1 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,46 +32,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Vibe",
|
||||
id: "#vibe",
|
||||
},
|
||||
name: "Vibe", id: "#vibe"},
|
||||
{
|
||||
name: "Zones",
|
||||
id: "#zones",
|
||||
},
|
||||
name: "Zones", id: "#zones"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Location", id: "#location"},
|
||||
]}
|
||||
brandName="OTR Cafe"
|
||||
button={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
}}
|
||||
text: "WhatsApp Us", href: "https://wa.me/91XXXXXXXXXX"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Off The Road. Into The Vibe."
|
||||
description="A 24×7 café for riders, dreamers, and night lovers. Where the road brings you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Us", href: "#location"},
|
||||
{
|
||||
text: "Explore The Vibe",
|
||||
href: "#vibe",
|
||||
},
|
||||
text: "Explore The Vibe", href: "#vibe"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/busy-workshop-with-broken-mountain-bicycle-table_613910-20760.jpg"
|
||||
imageAlt="Biker cafe ambience at night"
|
||||
@@ -83,10 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Experience Beyond Coffee"
|
||||
description={[
|
||||
"Open 24x7 for when the road doesn't sleep.",
|
||||
"A carefully curated biker-themed ambience featuring vintage textures and modern comforts.",
|
||||
"Whether you're finishing a night ride or grinding out a project, find your tribe here.",
|
||||
]}
|
||||
"Open 24x7 for when the road doesn't sleep.", "A carefully curated biker-themed ambience featuring vintage textures and modern comforts.", "Whether you're finishing a night ride or grinding out a project, find your tribe here."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,15 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Work Mode - Fast WiFi, steady brews",
|
||||
"Night Scene - Immerse in the peak of Gurgaon's night life",
|
||||
],
|
||||
"Work Mode - Fast WiFi, steady brews", "Night Scene - Immerse in the peak of Gurgaon's night life"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Rider's Corner - For those who live to ride",
|
||||
"Chill Lounge - Perfect for late night conversations",
|
||||
],
|
||||
"Rider's Corner - For those who live to ride", "Chill Lounge - Perfect for late night conversations"],
|
||||
}}
|
||||
title="Choose Your Zone"
|
||||
description="Every corner at OTR is designed for a specific mood."
|
||||
@@ -114,64 +92,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "OTR Special",
|
||||
name: "Classic Chilli Paneer",
|
||||
price: "₹450",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-table-brick-wall_176420-16836.jpg",
|
||||
},
|
||||
id: "1", brand: "OTR Special", name: "Classic Chilli Paneer", price: "₹450", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/candles-table-brick-wall_176420-16836.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Brew",
|
||||
name: "Midnight Espresso",
|
||||
price: "₹250",
|
||||
rating: 5,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg",
|
||||
},
|
||||
id: "2", brand: "Brew", name: "Midnight Espresso", price: "₹250", rating: 5,
|
||||
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Bites",
|
||||
name: "Rider's Burger",
|
||||
price: "₹550",
|
||||
rating: 4,
|
||||
reviewCount: "650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244552.jpg",
|
||||
},
|
||||
id: "3", brand: "Bites", name: "Rider's Burger", price: "₹550", rating: 4,
|
||||
reviewCount: "650", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244552.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Mocktail",
|
||||
name: "Highway Sunset",
|
||||
price: "₹350",
|
||||
rating: 4,
|
||||
reviewCount: "400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-antique-bicycle_1203-2965.jpg",
|
||||
},
|
||||
id: "4", brand: "Mocktail", name: "Highway Sunset", price: "₹350", rating: 4,
|
||||
reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/old-antique-bicycle_1203-2965.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Bites",
|
||||
name: "Spicy Wedges",
|
||||
price: "₹300",
|
||||
rating: 4,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
|
||||
},
|
||||
id: "5", brand: "Bites", name: "Spicy Wedges", price: "₹300", rating: 4,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Brew",
|
||||
name: "Cold Brew Tonic",
|
||||
price: "₹300",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-managing-his-bike-business_23-2149039066.jpg",
|
||||
},
|
||||
id: "6", brand: "Brew", name: "Cold Brew Tonic", price: "₹300", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/young-man-managing-his-bike-business_23-2149039066.jpg"},
|
||||
]}
|
||||
title="Signature Flavours"
|
||||
description="A fusion of global multi-cuisine bites and intense signature brews."
|
||||
@@ -180,34 +123,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Night Vibes",
|
||||
role: "Ambience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-group-friends-drinking-coffee-communicating-while-sitting-cafe_637285-2445.jpg",
|
||||
},
|
||||
id: "1", name: "Night Vibes", role: "Ambience", imageSrc: "http://img.b2bpic.net/free-photo/small-group-friends-drinking-coffee-communicating-while-sitting-cafe_637285-2445.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chrome Details",
|
||||
role: "Biker Culture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-biker-dressed-black-leather-jacket-jeans-leaning-wall-near-his-retro-motorcycle-old-europe-street_613910-4532.jpg",
|
||||
},
|
||||
id: "2", name: "Chrome Details", role: "Biker Culture", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-biker-dressed-black-leather-jacket-jeans-leaning-wall-near-his-retro-motorcycle-old-europe-street_613910-4532.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Coffee Shots",
|
||||
role: "Brew",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244118.jpg",
|
||||
},
|
||||
id: "3", name: "Coffee Shots", role: "Brew", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244118.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rider Scenes",
|
||||
role: "Community",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866659.jpg",
|
||||
},
|
||||
id: "4", name: "Rider Scenes", role: "Community", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866659.jpg"},
|
||||
]}
|
||||
title="Visual Story"
|
||||
description="Captured moments at OTR Cafe."
|
||||
@@ -221,59 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Rider",
|
||||
company: "Royal Enfield Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-sexy-mature-woman-sunglasses-black-protective-helmet-her-motorbike_613910-3234.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Rider", company: "Royal Enfield Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-sexy-mature-woman-sunglasses-black-protective-helmet-her-motorbike_613910-3234.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Night Owl",
|
||||
company: "Gurgaon Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-blue-lights-reflecting-through-body-water-nighttime_181624-4152.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Night Owl", company: "Gurgaon Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-blue-lights-reflecting-through-body-water-nighttime_181624-4152.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rahul P.",
|
||||
role: "Developer",
|
||||
company: "Freelancer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-drinking-coffee-from-cafe-takeaway-smiling-standing-with-paper-cup-white-backgro_1258-144812.jpg",
|
||||
},
|
||||
id: "3", name: "Rahul P.", role: "Developer", company: "Freelancer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-drinking-coffee-from-cafe-takeaway-smiling-standing-with-paper-cup-white-backgro_1258-144812.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mindful-dark-skinned-male-student-wearing-casual-clothing-preparing-exams-sitting-cafe-table-reading-information-textbook-talking-phone_273609-7441.jpg",
|
||||
},
|
||||
id: "4", name: "Emily R.", role: "Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mindful-dark-skinned-male-student-wearing-casual-clothing-preparing-exams-sitting-cafe-table-reading-information-textbook-talking-phone_273609-7441.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram K.",
|
||||
role: "Rider",
|
||||
company: "Weekend Explorer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg",
|
||||
},
|
||||
id: "5", name: "Vikram K.", role: "Rider", company: "Weekend Explorer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Freedom",
|
||||
},
|
||||
value: "24/7", label: "Freedom"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Riders Daily",
|
||||
},
|
||||
value: "100+", label: "Riders Daily"},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Community Rating",
|
||||
},
|
||||
value: "4.8", label: "Community Rating"},
|
||||
]}
|
||||
title="Words From The Road"
|
||||
description="What our community says about their OTR experience."
|
||||
@@ -287,21 +184,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
tag: "Join",
|
||||
price: "Always Open",
|
||||
period: "24/7",
|
||||
description: "Drop by anytime, we are always here.",
|
||||
button: {
|
||||
text: "Drop By Today",
|
||||
href: "#location",
|
||||
},
|
||||
featuresTitle: "Why Visit?",
|
||||
features: [
|
||||
"Vintage vibe",
|
||||
"Biker community",
|
||||
"Fresh brews",
|
||||
],
|
||||
id: "1", tag: "Join", price: "Always Open", period: "24/7", description: "Drop by anytime, we are always here.", button: {
|
||||
text: "Drop By Today", href: "#location"},
|
||||
featuresTitle: "Why Visit?", features: [
|
||||
"Vintage vibe", "Biker community", "Fresh brews"],
|
||||
},
|
||||
]}
|
||||
title="Your next stop isn't planned. It's OTR."
|
||||
@@ -316,20 +202,12 @@ export default function LandingPage() {
|
||||
description="Southern Peripheral Rd, Sector 75, Gurgaon. Right off the highway."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Drop us a message",
|
||||
}}
|
||||
name: "message", placeholder: "Drop us a message"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039017.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -340,17 +218,11 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Call: 91XXXXXXXXXX",
|
||||
href: "tel:91XXXXXXXXXX",
|
||||
},
|
||||
label: "Call: 91XXXXXXXXXX", href: "tel:91XXXXXXXXXX"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user