Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Facilities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Stay",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Facilities", id: "features" },
|
||||
{ name: "Stay", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Viajero Casco Viejo"
|
||||
/>
|
||||
@@ -53,98 +41,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Panama at Viajero Casco Viejo"
|
||||
description="The ultimate social hostel in the heart of the historic Casco Viejo district. Stay, explore, and connect."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex.travels",
|
||||
testimonial: "Amazing location and the staff is incredible. Loved the rooftop parties!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598860.jpg?_wi=1",
|
||||
imageAlt: "hostel interior casco viejo panama",
|
||||
},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@mariaki",
|
||||
testimonial: "Super clean rooms and met so many cool people. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150446750.jpg?_wi=1",
|
||||
imageAlt: "hostel interior casco viejo panama",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johndoe",
|
||||
testimonial: "The heart of Casco Viejo! Perfect spot to stay for solo travelers.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg?_wi=1",
|
||||
imageAlt: "hostel interior casco viejo panama",
|
||||
},
|
||||
{
|
||||
name: "Elena S.",
|
||||
handle: "@elena.solo",
|
||||
testimonial: "Best hostel experience in Panama. Great atmosphere and vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-sitting-together-with-drinks-bar-counter_23-2147859508.jpg?_wi=1",
|
||||
imageAlt: "hostel interior casco viejo panama",
|
||||
},
|
||||
{
|
||||
name: "Lucas P.",
|
||||
handle: "@lucas.p",
|
||||
testimonial: "Nice, clean, and social. Will definitely come back again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148884600.jpg?_wi=1",
|
||||
imageAlt: "hostel interior casco viejo panama",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alex.travels", testimonial: "Amazing location and the staff is incredible. Loved the rooftop parties!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598860.jpg", imageAlt: "hostel interior casco viejo panama" },
|
||||
{ name: "Maria K.", handle: "@mariaki", testimonial: "Super clean rooms and met so many cool people. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150446750.jpg", imageAlt: "hostel interior casco viejo panama" },
|
||||
{ name: "John D.", handle: "@johndoe", testimonial: "The heart of Casco Viejo! Perfect spot to stay for solo travelers.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg", imageAlt: "hostel interior casco viejo panama" },
|
||||
{ name: "Elena S.", handle: "@elena.solo", testimonial: "Best hostel experience in Panama. Great atmosphere and vibes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-sitting-together-with-drinks-bar-counter_23-2147859508.jpg", imageAlt: "hostel interior casco viejo panama" },
|
||||
{ name: "Lucas P.", handle: "@lucas.p", testimonial: "Nice, clean, and social. Will definitely come back again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148884600.jpg", imageAlt: "hostel interior casco viejo panama" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598860.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598860.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518266.jpg",
|
||||
alt: "Young friends in a hostel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-interior_53876-32152.jpg",
|
||||
alt: "Building interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/backpacker-using-her-phone-hostel-varanasi-india_53876-65346.jpg",
|
||||
alt: "Backpacker using her phone in a hostel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alley-bangkok_53876-41432.jpg",
|
||||
alt: "An alley in Bangkok",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-women-sitting-park-bench-park-two-women-spending-time-together_169016-67627.jpg",
|
||||
alt: "Two women sitting on a park bench",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518266.jpg", alt: "Young friends in a hostel" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-interior_53876-32152.jpg", alt: "Building interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/backpacker-using-her-phone-hostel-varanasi-india_53876-65346.jpg", alt: "Backpacker using her phone in a hostel" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/alley-bangkok_53876-41432.jpg", alt: "An alley in Bangkok" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-women-sitting-park-bench-park-two-women-spending-time-together_169016-67627.jpg", alt: "Two women sitting on a park bench" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Casco Viejo Heart",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rooftop Parties",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clean Rooms",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walking Tours",
|
||||
},
|
||||
{ type: "text", text: "Casco Viejo Heart" },
|
||||
{ type: "text", text: "Rooftop Parties" },
|
||||
{ type: "text", text: "Social Atmosphere" },
|
||||
{ type: "text", text: "Clean Rooms" },
|
||||
{ type: "text", text: "Walking Tours" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,10 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to your home in Casco Viejo"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Book Your Stay", href: "#products" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,21 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Social Dorms",
|
||||
description: "Meet travelers from around the world in our social, clean dorms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Common Areas",
|
||||
description: "Relax in our spacious, vibrant common areas designed for connection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-sitting-together-with-drinks-bar-counter_23-2147859508.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Rooftop Views",
|
||||
description: "Enjoy stunning sunsets over Panama City from our iconic rooftop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148884600.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Social Dorms", description: "Meet travelers from around the world in our social, clean dorms.", imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg" },
|
||||
{ title: "Common Areas", description: "Relax in our spacious, vibrant common areas designed for connection.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-sitting-together-with-drinks-bar-counter_23-2147859508.jpg" },
|
||||
{ title: "Rooftop Views", description: "Enjoy stunning sunsets over Panama City from our iconic rooftop.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148884600.jpg" }
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="From comfortable beds to social events, we've got you covered."
|
||||
@@ -195,42 +101,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mixed Dorm",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598843.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Private King",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2785.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Female Dorm",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-bed_23-2147765373.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Deluxe Private",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-friends-hostel_23-2150598841.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family Suite",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598852.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Economy Bunk",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532985.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mixed Dorm", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598843.jpg" },
|
||||
{ id: "2", name: "Private King", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2785.jpg" },
|
||||
{ id: "3", name: "Female Dorm", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-bed_23-2147765373.jpg" },
|
||||
{ id: "4", name: "Deluxe Private", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-friends-hostel_23-2150598841.jpg" },
|
||||
{ id: "5", name: "Family Suite", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598852.jpg" },
|
||||
{ id: "6", name: "Economy Bunk", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532985.jpg" }
|
||||
]}
|
||||
title="Find Your Perfect Space"
|
||||
description="Whether traveling solo or with friends, we have the perfect room for you."
|
||||
@@ -242,56 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
date: "Oct 2023",
|
||||
title: "Great Vibe!",
|
||||
quote: "I had such a wonderful stay, met so many great friends here.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-bridge_23-2147814045.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598860.jpg?_wi=3",
|
||||
imageAlt: "traveler portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
date: "Sept 2023",
|
||||
title: "Best Hostel",
|
||||
quote: "Absolutely perfect location, definitely staying here next time.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/overjoyed-female-tourist-exclaims-loudly-keeps-hands-raised-wears-gloves-orange-jacket-carries-heavy-rucksack-with-necessary-equipment-isolated-brown-background-summer-time-adventure-concept_273609-61754.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150446750.jpg?_wi=2",
|
||||
imageAlt: "traveler portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna",
|
||||
date: "Aug 2023",
|
||||
title: "Social Paradise",
|
||||
quote: "If you are looking for a party and social vibes, this is the place.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-female-camper-dressed-orange-jacket-makes-peace-gesture-enjoys-active-lifestyle-carries-backpack-being-good-mood-isolated-beige-background-hiking-traveling-concept_273609-61764.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg?_wi=3",
|
||||
imageAlt: "traveler portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
date: "July 2023",
|
||||
title: "Clean and Friendly",
|
||||
quote: "Very clean hostel, amazing staff, loved every moment.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-curly-haired-woman-spends-free-time-camp-forest-hikes-with-backpack-holds-marshmallow-roasted-campfire-smiles-happily-isolated-grey-background-summer-activity-lifestyle_273609-62673.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-sitting-together-with-drinks-bar-counter_23-2147859508.jpg?_wi=3",
|
||||
imageAlt: "traveler portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire",
|
||||
date: "June 2023",
|
||||
title: "Incredible Rooftop",
|
||||
quote: "The rooftop views are unbeatable, super highly recommended.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-train_23-2148700875.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148884600.jpg?_wi=3",
|
||||
imageAlt: "traveler portrait smiling",
|
||||
},
|
||||
{ id: "1", name: "Sarah", date: "Oct 2023", title: "Great Vibe!", quote: "I had such a wonderful stay, met so many great friends here.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-bridge_23-2147814045.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598860.jpg", imageAlt: "traveler portrait smiling" },
|
||||
{ id: "2", name: "Mike", date: "Sept 2023", title: "Best Hostel", quote: "Absolutely perfect location, definitely staying here next time.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/overjoyed-female-tourist-exclaims-loudly-keeps-hands-raised-wears-gloves-orange-jacket-carries-heavy-rucksack-with-necessary-equipment-isolated-brown-background-summer-time-adventure-concept_273609-61754.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150446750.jpg", imageAlt: "traveler portrait smiling" },
|
||||
{ id: "3", name: "Anna", date: "Aug 2023", title: "Social Paradise", quote: "If you are looking for a party and social vibes, this is the place.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-female-camper-dressed-orange-jacket-makes-peace-gesture-enjoys-active-lifestyle-carries-backpack-being-good-mood-isolated-beige-background-hiking-traveling-concept_273609-61764.jpg", imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg", imageAlt: "traveler portrait smiling" },
|
||||
{ id: "4", name: "David", date: "July 2023", title: "Clean and Friendly", quote: "Very clean hostel, amazing staff, loved every moment.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-curly-haired-woman-spends-free-time-camp-forest-hikes-with-backpack-holds-marshmallow-roasted-campfire-smiles-happily-isolated-grey-background-summer-activity-lifestyle_273609-62673.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-sitting-together-with-drinks-bar-counter_23-2147859508.jpg", imageAlt: "traveler portrait smiling" },
|
||||
{ id: "5", name: "Claire", date: "June 2023", title: "Incredible Rooftop", quote: "The rooftop views are unbeatable, super highly recommended.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-train_23-2148700875.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148884600.jpg", imageAlt: "traveler portrait smiling" }
|
||||
]}
|
||||
title="What Our Travelers Say"
|
||||
description="See why travelers choose our hostel in the heart of Panama City."
|
||||
@@ -302,26 +133,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, we offer a delicious breakfast every morning.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have Wi-Fi?",
|
||||
content: "We offer high-speed, free Wi-Fi throughout the hostel.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the hostel secure?",
|
||||
content: "Security is our priority; lockers and 24/7 reception are provided.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are there tours?",
|
||||
content: "We organize daily city and Casco Viejo walking tours for guests.",
|
||||
},
|
||||
{ id: "1", title: "Is breakfast included?", content: "Yes, we offer a delicious breakfast every morning." },
|
||||
{ id: "2", title: "Do you have Wi-Fi?", content: "We offer high-speed, free Wi-Fi throughout the hostel." },
|
||||
{ id: "3", title: "Is the hostel secure?", content: "Security is our priority; lockers and 24/7 reception are provided." },
|
||||
{ id: "4", title: "Are there tours?", content: "We organize daily city and Casco Viejo walking tours for guests." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -331,15 +146,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to book your stay? Get in touch with us today for reservations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Us", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,35 +158,18 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Stay",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Stay", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Follow", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Viajero Casco Viejo Hostel"
|
||||
bottomRightText="All Rights Reserved"
|
||||
@@ -385,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user