Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -19,31 +19,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "products",
|
||||
},
|
||||
name: "Rooms", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenStay Hostel"
|
||||
/>
|
||||
@@ -52,31 +49,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Home Away From Home"
|
||||
description="Experience comfort, community, and adventure in the heart of the city. Join our vibrant hostel family today."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg?_wi=1",
|
||||
imageAlt: "Hostel Lobby",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg", imageAlt: "Hostel Lobby"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-sheet_23-2147663933.jpg?_wi=1",
|
||||
imageAlt: "Hostel Dorm",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-sheet_23-2147663933.jpg", imageAlt: "Hostel Dorm"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316326.jpg?_wi=1",
|
||||
imageAlt: "Kitchen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316326.jpg", imageAlt: "Kitchen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chairs-grass-field-mountains-nature_53876-23280.jpg",
|
||||
imageAlt: "Lounge Area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chairs-grass-field-mountains-nature_53876-23280.jpg", imageAlt: "Lounge Area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cousins-spending-time-together-home-having-breakfast_23-2150167111.jpg",
|
||||
imageAlt: "Hostel Cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cousins-spending-time-together-home-having-breakfast_23-2150167111.jpg", imageAlt: "Hostel Cafe"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,40 +84,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Free Breakfast",
|
||||
description: "Start your day with healthy, local ingredients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3438.jpg",
|
||||
},
|
||||
title: "Free Breakfast", description: "Start your day with healthy, local ingredients.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3438.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixer-kitchen-appliace_417767-35.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg?_wi=2",
|
||||
imageAlt: "hostel cafe area breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixer-kitchen-appliace_417767-35.jpg"},
|
||||
},
|
||||
{
|
||||
title: "High-Speed Wi-Fi",
|
||||
description: "Stay connected with reliable internet everywhere.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg",
|
||||
},
|
||||
title: "High-Speed Wi-Fi", description: "Stay connected with reliable internet everywhere.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-apron-offering-packed-takeaway-food-male-customer_23-2149025770.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-sheet_23-2147663933.jpg?_wi=2",
|
||||
imageAlt: "hostel cafe area breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-apron-offering-packed-takeaway-food-male-customer_23-2149025770.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Community Events",
|
||||
description: "Join our weekly pub crawls and city tours.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-chilling_23-2149410420.jpg",
|
||||
},
|
||||
title: "Community Events", description: "Join our weekly pub crawls and city tours.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-chilling_23-2149410420.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316326.jpg?_wi=2",
|
||||
imageAlt: "hostel cafe area breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -148,50 +116,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Standard",
|
||||
name: "Deluxe Private",
|
||||
price: "$89/night",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598854.jpg",
|
||||
},
|
||||
id: "p1", brand: "Standard", name: "Deluxe Private", price: "$89/night", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598854.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Standard",
|
||||
name: "6-Bed Dorm",
|
||||
price: "$25/night",
|
||||
rating: 4,
|
||||
reviewCount: "350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-friends-hostel_23-2150598841.jpg",
|
||||
},
|
||||
id: "p2", brand: "Standard", name: "6-Bed Dorm", price: "$25/night", rating: 4,
|
||||
reviewCount: "350", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-friends-hostel_23-2150598841.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Standard",
|
||||
name: "Studio Suite",
|
||||
price: "$120/night",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-17753.jpg",
|
||||
},
|
||||
id: "p3", brand: "Standard", name: "Studio Suite", price: "$120/night", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-17753.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Standard",
|
||||
name: "Family Suite",
|
||||
price: "$150/night",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121726.jpg",
|
||||
},
|
||||
id: "p4", brand: "Standard", name: "Family Suite", price: "$150/night", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121726.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Standard",
|
||||
name: "Couple's Room",
|
||||
price: "$95/night",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598856.jpg",
|
||||
},
|
||||
id: "p5", brand: "Standard", name: "Couple's Room", price: "$95/night", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598856.jpg"},
|
||||
]}
|
||||
title="Choose Your Stay"
|
||||
description="From shared dorms to private suites, we have options for every budget."
|
||||
@@ -206,25 +144,15 @@ export default function LandingPage() {
|
||||
author="Alice Thompson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-inspired-elderly-woman-with-orange-backpack-sporty-woman-casual-clothes-looking-forward-with-smile-sport-adventure-hobby-concept_74855-23347.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-inspired-elderly-woman-with-orange-backpack-sporty-woman-casual-clothes-looking-forward-with-smile-sport-adventure-hobby-concept_74855-23347.jpg", alt: "Alice"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-satisfied-young-man-shows-approval-gesture-sits-with-wireless-headphones-packs-luggage-tourist-hotel-with-suitcase-holiday_1258-314650.jpg",
|
||||
alt: "Bob",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-satisfied-young-man-shows-approval-gesture-sits-with-wireless-headphones-packs-luggage-tourist-hotel-with-suitcase-holiday_1258-314650.jpg", alt: "Bob"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-woman-bridge_23-2147814045.jpg",
|
||||
alt: "Charlie",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-woman-bridge_23-2147814045.jpg", alt: "Charlie"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-red-pajamas-relaxing-bed_141793-47411.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-red-pajamas-relaxing-bed_141793-47411.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-portrait-stylish-smiling-happy-blond-woman-walking-street-blue-shirt_285396-1616.jpg",
|
||||
alt: "Eve",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-portrait-stylish-smiling-happy-blond-woman-walking-street-blue-shirt_285396-1616.jpg", alt: "Eve"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -237,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there a curfew?",
|
||||
content: "No, we have 24/7 keycard access.",
|
||||
},
|
||||
id: "f1", title: "Is there a curfew?", content: "No, we have 24/7 keycard access."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, a complimentary organic breakfast is served daily.",
|
||||
},
|
||||
id: "f2", title: "Is breakfast included?", content: "Yes, a complimentary organic breakfast is served daily."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have luggage storage?",
|
||||
content: "Yes, we provide secure lockers for all guests.",
|
||||
},
|
||||
id: "f3", title: "Do you have luggage storage?", content: "Yes, we provide secure lockers for all guests."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-sitting-back-back-smiling-camera-leadership_482257-25782.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -264,12 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel Insider",
|
||||
"HostelHub",
|
||||
"EcoTour Awards",
|
||||
"Backpacker Society",
|
||||
"Youth Hostel Network",
|
||||
]}
|
||||
"Travel Insider", "HostelHub", "EcoTour Awards", "Backpacker Society", "Youth Hostel Network"]}
|
||||
title="Trusted by Travelers Everywhere"
|
||||
description="Featured in leading travel platforms."
|
||||
/>
|
||||
@@ -279,14 +193,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready for your adventure? Book your stay with us now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,29 +206,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user