Merge version_2 into main #3
143
src/app/page.tsx
143
src/app/page.tsx
@@ -9,6 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
@@ -31,16 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms", id: "products"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GreenStay Hostel"
|
||||
/>
|
||||
@@ -48,21 +45,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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", imageAlt: "Hostel Lobby"},
|
||||
{
|
||||
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", 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/cousins-spending-time-together-home-having-breakfast_23-2150167111.jpg", imageAlt: "Hostel Cafe"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-07mjp9zo.jpg", imageAlt: "Hostel Lobby" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-h30t743n.jpg", imageAlt: "Hostel Dorm" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-rabatljz.jpg", imageAlt: "Kitchen" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-jnf6hvfb.jpg", imageAlt: "Lounge Area" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-hj0blsan.jpg", imageAlt: "Hostel Cafe" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -73,7 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Travelers"
|
||||
description="We believe travel should be social, affordable, and sustainable. Our mission is to provide more than just a bed—it's a place where memories are made."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518169.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-07mjp9zo.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,24 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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"},
|
||||
phoneTwo: {
|
||||
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"},
|
||||
phoneTwo: {
|
||||
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"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg"},
|
||||
},
|
||||
{ title: "Free Breakfast", description: "Start your day with healthy, local ingredients.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-h30t743n.jpg" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-rabatljz.jpg" } },
|
||||
{ title: "High-Speed Wi-Fi", description: "Stay connected with reliable internet everywhere.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-jnf6hvfb.jpg" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-hj0blsan.jpg" } },
|
||||
{ title: "Community Events", description: "Join our weekly pub crawls and city tours.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-07mjp9zo.jpg" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-h30t743n.jpg" } },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why GreenStay?"
|
||||
@@ -108,6 +84,19 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
title="Simple Pricing"
|
||||
description="Choose the plan that suits your travel style best."
|
||||
plans={[
|
||||
{ id: "p1", badge: "Basic", price: "$25", subtitle: "Best for solo travelers", buttons: [{ text: "Select" }], features: ["Dorm bed", "Free Breakfast", "Shared Bath"] },
|
||||
{ id: "p2", badge: "Deluxe", price: "$89", subtitle: "Best for couples", buttons: [{ text: "Select" }], features: ["Private room", "En-suite bath", "Free Breakfast"] },
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
@@ -115,21 +104,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "p1", brand: "Standard", name: "Deluxe Private", price: "$89/night", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-rabatljz.jpg" },
|
||||
{ id: "p2", brand: "Standard", name: "6-Bed Dorm", price: "$25/night", rating: 4, reviewCount: "350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-jnf6hvfb.jpg" },
|
||||
{ id: "p3", brand: "Standard", name: "Studio Suite", price: "$120/night", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-hj0blsan.jpg" },
|
||||
]}
|
||||
title="Choose Your Stay"
|
||||
description="From shared dorms to private suites, we have options for every budget."
|
||||
@@ -142,18 +119,7 @@ export default function LandingPage() {
|
||||
testimonial="An incredible atmosphere with helpful staff. Met so many amazing people here!"
|
||||
rating={5}
|
||||
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/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/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"},
|
||||
]}
|
||||
avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-07mjp9zo.jpg", alt: "Alice" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -164,14 +130,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Do you have luggage storage?", content: "Yes, we provide secure lockers for all guests."},
|
||||
{ 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." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-sitting-back-back-smiling-camera-leadership_482257-25782.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuRn3qo0o1mW14jZjoWGZjMf68/uploaded-1777233911088-rabatljz.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about your stay."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -180,10 +142,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel Insider", "HostelHub", "EcoTour Awards", "Backpacker Society", "Youth Hostel Network"]}
|
||||
names={["Travel Insider", "HostelHub", "EcoTour Awards"]}
|
||||
title="Trusted by Travelers Everywhere"
|
||||
description="Featured in leading travel platforms."
|
||||
/>
|
||||
@@ -192,35 +151,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for your adventure? Book your stay with us now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Pricing", href: "#pricing" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 GreenStay Hostel"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user