Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BlaBla Hostel"
|
||||
/>
|
||||
@@ -58,63 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Jodhpur's Heart at BlaBla Hostel"
|
||||
description="Stay in the vibrant Navchowkiya neighborhood, near Singh Mata Mandir. Enjoy panoramic rooftop views, free WiFi, and the best hospitality for backpackers in Rajasthan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Bed",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Book Your Stay in Jodhpur", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-practicing-yoga-roof-doing-yoga-exercises_1153-4970.jpg?_wi=1"
|
||||
imageAlt="Hostel rooftop view in Jodhpur"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-traveler-has-exploration-trip-wears-rucksack-stands-beside-stream-smiles-broadly_273609-25973.jpg",
|
||||
alt: "Happy girl traveler has exploration trip",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-traveler-has-exploration-trip-wears-rucksack-stands-beside-stream-smiles-broadly_273609-25973.jpg", alt: "Happy girl traveler has exploration trip"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-traveling-with-backpack_53876-14387.jpg",
|
||||
alt: "Woman traveling with backpack",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-traveling-with-backpack_53876-14387.jpg", alt: "Woman traveling with backpack"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-female-camper-has-picnic-holds-roasted-marshmallow-prepares-barbecie-wears-headmalp-jacket-carries-heavy-backpack-isolated-dark-green-background-tourism-camping-concept_273609-62667.jpg",
|
||||
alt: "Positive female camper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-female-camper-has-picnic-holds-roasted-marshmallow-prepares-barbecie-wears-headmalp-jacket-carries-heavy-backpack-isolated-dark-green-background-tourism-camping-concept_273609-62667.jpg", alt: "Positive female camper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-young-man-holding-vintage-camera-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-31888.jpg",
|
||||
alt: "Brazilian young man holding vintage camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-young-man-holding-vintage-camera-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-31888.jpg", alt: "Brazilian young man holding vintage camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-hills-landscape_23-2148504826.jpg",
|
||||
alt: "Smiley girl and hills landscape",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-hills-landscape_23-2148504826.jpg", alt: "Smiley girl and hills landscape"},
|
||||
]}
|
||||
avatarText="Join 200+ happy travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Free WiFi",
|
||||
},
|
||||
type: "text", text: "Free WiFi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rooftop Terrace",
|
||||
},
|
||||
type: "text", text: "Rooftop Terrace"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Cuisine",
|
||||
},
|
||||
type: "text", text: "Local Cuisine"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Reception",
|
||||
},
|
||||
type: "text", text: "24/7 Reception"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe & Secure",
|
||||
},
|
||||
type: "text", text: "Safe & Secure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,26 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Free High-Speed WiFi",
|
||||
description: "Stay connected with family and friends or plan your next travel destination with our free high-speed internet.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wifi-symbol-cell-phone-tablet-blue-background_23-2147841325.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Free High-Speed WiFi", description: "Stay connected with family and friends or plan your next travel destination with our free high-speed internet.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/wifi-symbol-cell-phone-tablet-blue-background_23-2147841325.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stunning Rooftop View",
|
||||
description: "Watch the Jodhpur sunset from our peaceful terrace. A perfect spot for morning yoga or evening socializing.",
|
||||
tag: "Relax",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-grey-metal-structure-blue-sky_181624-6106.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Stunning Rooftop View", description: "Watch the Jodhpur sunset from our peaceful terrace. A perfect spot for morning yoga or evening socializing.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-grey-metal-structure-blue-sky_181624-6106.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
title: "On-Site Restaurant",
|
||||
description: "Savor authentic Rajasthani flavors without leaving your hostel. Delicious food, budget-friendly prices.",
|
||||
tag: "Dining",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-icon-vector-set_53876-66645.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "On-Site Restaurant", description: "Savor authentic Rajasthani flavors without leaving your hostel. Delicious food, budget-friendly prices.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-icon-vector-set_53876-66645.jpg?_wi=1"},
|
||||
]}
|
||||
title="Why Choose BlaBla?"
|
||||
description="Designed for travelers who want clean, comfortable, and social living spaces."
|
||||
@@ -169,37 +121,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "dorm",
|
||||
badge: "Popular",
|
||||
price: "₹635",
|
||||
subtitle: "Per night in dorm",
|
||||
features: [
|
||||
"Free Wifi",
|
||||
"Shared Terrace",
|
||||
"Breakfast included",
|
||||
],
|
||||
id: "dorm", badge: "Popular", price: "₹635", subtitle: "Per night in dorm", features: [
|
||||
"Free Wifi", "Shared Terrace", "Breakfast included"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:09024948820",
|
||||
},
|
||||
text: "Book Now", href: "tel:09024948820"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "private",
|
||||
badge: "Comfort",
|
||||
price: "₹1,200",
|
||||
subtitle: "Private Room",
|
||||
features: [
|
||||
"En-suite bath",
|
||||
"Rooftop access",
|
||||
"City view",
|
||||
],
|
||||
id: "private", badge: "Comfort", price: "₹1,200", subtitle: "Private Room", features: [
|
||||
"En-suite bath", "Rooftop access", "City view"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:09024948820",
|
||||
},
|
||||
text: "Book Now", href: "tel:09024948820"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -214,60 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "March 2024",
|
||||
title: "Great Experience",
|
||||
quote: "Amazing hospitality! The rooftop view of Jodhpur is unbeatable.",
|
||||
tag: "Backpacker",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-practicing-yoga-roof-doing-yoga-exercises_1153-4970.jpg?_wi=2",
|
||||
imageAlt: "happy backpacker traveler portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "March 2024", title: "Great Experience", quote: "Amazing hospitality! The rooftop view of Jodhpur is unbeatable.", tag: "Backpacker", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-practicing-yoga-roof-doing-yoga-exercises_1153-4970.jpg?_wi=2", imageAlt: "happy backpacker traveler portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Liam Chen",
|
||||
date: "Feb 2024",
|
||||
title: "Budget Heaven",
|
||||
quote: "Clean, cozy, and very helpful staff. Highly recommended.",
|
||||
tag: "Solo Traveler",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-backpack_23-2148962724.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-happy-moments-together_23-2149112101.jpg?_wi=2",
|
||||
imageAlt: "happy backpacker traveler portrait",
|
||||
},
|
||||
id: "2", name: "Liam Chen", date: "Feb 2024", title: "Budget Heaven", quote: "Clean, cozy, and very helpful staff. Highly recommended.", tag: "Solo Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-backpack_23-2148962724.jpg", imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-happy-moments-together_23-2149112101.jpg?_wi=2", imageAlt: "happy backpacker traveler portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Wilson",
|
||||
date: "Jan 2024",
|
||||
title: "Social & Fun",
|
||||
quote: "Met so many great people here. The location in Navchowkiya is perfect.",
|
||||
tag: "Student",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stressed-girl-traveler-get-lost-forest-cannot-find-way-looks-with-upset-expression-aside-poses-green-natural-background-drinks-tea-from-flask_273609-27185.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wifi-symbol-cell-phone-tablet-blue-background_23-2147841325.jpg?_wi=2",
|
||||
imageAlt: "happy backpacker traveler portrait",
|
||||
},
|
||||
id: "3", name: "Emma Wilson", date: "Jan 2024", title: "Social & Fun", quote: "Met so many great people here. The location in Navchowkiya is perfect.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/stressed-girl-traveler-get-lost-forest-cannot-find-way-looks-with-upset-expression-aside-poses-green-natural-background-drinks-tea-from-flask_273609-27185.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wifi-symbol-cell-phone-tablet-blue-background_23-2147841325.jpg?_wi=2", imageAlt: "happy backpacker traveler portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Gupta",
|
||||
date: "Dec 2023",
|
||||
title: "Authentic Stay",
|
||||
quote: "I felt at home right away. Great value for the price.",
|
||||
tag: "Local Traveler",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/clumsy-mountain-hiker-dropping-his-phone-due-lack-attention_482257-125497.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-grey-metal-structure-blue-sky_181624-6106.jpg?_wi=2",
|
||||
imageAlt: "happy backpacker traveler portrait",
|
||||
},
|
||||
id: "4", name: "David Gupta", date: "Dec 2023", title: "Authentic Stay", quote: "I felt at home right away. Great value for the price.", tag: "Local Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/clumsy-mountain-hiker-dropping-his-phone-due-lack-attention_482257-125497.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-grey-metal-structure-blue-sky_181624-6106.jpg?_wi=2", imageAlt: "happy backpacker traveler portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Brown",
|
||||
date: "Nov 2023",
|
||||
title: "Will return!",
|
||||
quote: "Excellent vibe, super safe, and very clean rooms. I love it.",
|
||||
tag: "Travel Blogger",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-european-girl-drives-public-escooter-tourist-explores-city-rides-city-centre_1258-196896.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-icon-vector-set_53876-66645.jpg?_wi=2",
|
||||
imageAlt: "happy backpacker traveler portrait",
|
||||
},
|
||||
id: "5", name: "Chloe Brown", date: "Nov 2023", title: "Will return!", quote: "Excellent vibe, super safe, and very clean rooms. I love it.", tag: "Travel Blogger", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-european-girl-drives-public-escooter-tourist-explores-city-rides-city-centre_1258-196896.jpg", imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-icon-vector-set_53876-66645.jpg?_wi=2", imageAlt: "happy backpacker traveler portrait"},
|
||||
]}
|
||||
title="Loved by Backpackers"
|
||||
description="Join 200+ satisfied guests who enjoyed our 4.8-rated hospitality."
|
||||
@@ -280,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are check-in and check-out times?",
|
||||
content: "Check-in starts at 2:00 PM, and check-out is by 11:00 AM.",
|
||||
},
|
||||
id: "q1", title: "What are check-in and check-out times?", content: "Check-in starts at 2:00 PM, and check-out is by 11:00 AM."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is WiFi free?",
|
||||
content: "Yes, we provide free WiFi to all our guests.",
|
||||
},
|
||||
id: "q2", title: "Is WiFi free?", content: "Yes, we provide free WiFi to all our guests."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have a restaurant?",
|
||||
content: "Yes, we have an on-site restaurant serving local Rajasthan cuisine.",
|
||||
},
|
||||
id: "q3", title: "Do you have a restaurant?", content: "Yes, we have an on-site restaurant serving local Rajasthan cuisine."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about staying at BlaBla Hostel."
|
||||
@@ -311,20 +191,11 @@ export default function LandingPage() {
|
||||
description="Have questions or need to book? Give us a call or send a request."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{
|
||||
name: "dates",
|
||||
type: "text",
|
||||
placeholder: "Stay Dates",
|
||||
},
|
||||
name: "dates", type: "text", placeholder: "Stay Dates"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/alley-medina-marrakech-sunlight-blue-sky-mor_181624-52529.jpg"
|
||||
imageAlt="Jodhpur street view"
|
||||
@@ -337,25 +208,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -365,4 +228,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user