Merge version_1 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TransitStay Feldkirch"
|
||||
/>
|
||||
@@ -59,65 +49,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Feldkirch Transit: Seamless Stays Simplified"
|
||||
description="Modern comfort meets extreme convenience right at the train station gates."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-use-laptop-computer-bedroom_74190-11152.jpg",
|
||||
alt: "Happy business traveler",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-use-laptop-computer-bedroom_74190-11152.jpg", alt: "Happy business traveler"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-blonde-girl-sunglasses-red-headphones-listens-music_197531-23103.jpg",
|
||||
alt: "Smiling traveler",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-blonde-girl-sunglasses-red-headphones-listens-music_197531-23103.jpg", alt: "Smiling traveler"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-pygama-working-laptop-bed_1303-11235.jpg",
|
||||
alt: "Confident business woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-pygama-working-laptop-bed_1303-11235.jpg", alt: "Confident business woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-photographer-trendy-outfit-with-black-phone-posing-smiling-near-shopping-center_197531-3424.jpg",
|
||||
alt: "Casual happy traveler",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-photographer-trendy-outfit-with-black-phone-posing-smiling-near-shopping-center_197531-3424.jpg", alt: "Casual happy traveler"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-walking-frame_23-2149404066.jpg",
|
||||
alt: "Woman with walking frame",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-walking-frame_23-2149404066.jpg", alt: "Woman with walking frame"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ travelers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Features", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "0 Min from Station",
|
||||
},
|
||||
type: "text", text: "0 Min from Station"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Soundproof Design",
|
||||
},
|
||||
type: "text", text: "Soundproof Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast WiFi Included",
|
||||
},
|
||||
type: "text", text: "Fast WiFi Included"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Check-in",
|
||||
},
|
||||
type: "text", text: "24/7 Check-in"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Breakfast Included",
|
||||
},
|
||||
type: "text", text: "Breakfast Included"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,35 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Soundproofing",
|
||||
tags: [
|
||||
"Quiet",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg",
|
||||
imageAlt: "Soundproof room",
|
||||
},
|
||||
id: "1", title: "Precision Soundproofing", tags: [
|
||||
"Quiet", "Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg", imageAlt: "Soundproof room"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Efficiency-First Breakfast",
|
||||
tags: [
|
||||
"Convenient",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg",
|
||||
imageAlt: "Breakfast area",
|
||||
},
|
||||
id: "2", title: "Efficiency-First Breakfast", tags: [
|
||||
"Convenient", "Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg", imageAlt: "Breakfast area"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Instant Station Access",
|
||||
tags: [
|
||||
"Transit",
|
||||
"Easy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door-detail-with-handle-knocker_1150-14695.jpg",
|
||||
imageAlt: "Station entrance",
|
||||
},
|
||||
id: "3", title: "Instant Station Access", tags: [
|
||||
"Transit", "Easy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door-detail-with-handle-knocker_1150-14695.jpg", imageAlt: "Station entrance"},
|
||||
]}
|
||||
title="Why Modern Travelers Choose Us"
|
||||
description="We bridge the gap between efficiency and comfort."
|
||||
@@ -172,20 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "0m",
|
||||
description: "Feldkirch Train/Bus Hub",
|
||||
},
|
||||
id: "1", value: "0m", description: "Feldkirch Train/Bus Hub"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5m",
|
||||
description: "Feldkirch Historic Old Town",
|
||||
},
|
||||
id: "2", value: "5m", description: "Feldkirch Historic Old Town"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15m",
|
||||
description: "Liechtenstein Border Crossing",
|
||||
},
|
||||
id: "3", value: "15m", description: "Liechtenstein Border Crossing"},
|
||||
]}
|
||||
title="Minutes to Everywhere"
|
||||
description="Total accessibility in the heart of Feldkirch."
|
||||
@@ -194,28 +132,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="profiles" data-section="profiles">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Solo Professional",
|
||||
role: "On business in Feldkirch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",
|
||||
},
|
||||
id: "1", name: "The Solo Professional", role: "On business in Feldkirch.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "The Border Hopper",
|
||||
role: "Heading into Liechtenstein.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-girl-coat-dreamily-looking-away-standing-with-yellow-suitcase-city-street_574295-2047.jpg",
|
||||
},
|
||||
id: "2", name: "The Border Hopper", role: "Heading into Liechtenstein.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-girl-coat-dreamily-looking-away-standing-with-yellow-suitcase-city-street_574295-2047.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "The Transit Adventurer",
|
||||
role: "Stopover after a long rail trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
},
|
||||
id: "3", name: "The Transit Adventurer", role: "Stopover after a long rail trip.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"},
|
||||
]}
|
||||
title="Perfect For"
|
||||
description="Who usually calls our hotel home."
|
||||
@@ -227,19 +154,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to You",
|
||||
},
|
||||
type: "text", content: "Our Commitment to You"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",
|
||||
alt: "Commitment",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg", alt: "Commitment"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,30 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "User 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
|
||||
},
|
||||
id: "1", name: "User 1", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "User 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-dark-skinned-smiling-guy-with-bristle-listening-music-while-walking-street-being-good-mood_176420-19798.jpg",
|
||||
},
|
||||
id: "2", name: "User 2", imageSrc: "http://img.b2bpic.net/free-photo/attractive-dark-skinned-smiling-guy-with-bristle-listening-music-while-walking-street-being-good-mood_176420-19798.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "User 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-laptop-waiting-area_107420-95823.jpg",
|
||||
},
|
||||
id: "3", name: "User 3", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-laptop-waiting-area_107420-95823.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "User 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg",
|
||||
},
|
||||
id: "4", name: "User 4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "User 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-content-designers-standing-indoors-discussing-design_74855-10433.jpg",
|
||||
},
|
||||
id: "5", name: "User 5", imageSrc: "http://img.b2bpic.net/free-photo/three-content-designers-standing-indoors-discussing-design_74855-10433.jpg"},
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="4.8/5 Rating"
|
||||
@@ -286,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the train station noisy?",
|
||||
content: "Rooms are equipped with superior soundproofing to ensure tranquility.",
|
||||
},
|
||||
id: "1", title: "Is the train station noisy?", content: "Rooms are equipped with superior soundproofing to ensure tranquility."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have parking?",
|
||||
content: "Yes, secure underground parking is available for guests.",
|
||||
},
|
||||
id: "2", title: "Do you have parking?", content: "Yes, secure underground parking is available for guests."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How is the breakfast?",
|
||||
content: "We offer a decent, hearty buffet to start your transit day right.",
|
||||
},
|
||||
id: "3", title: "How is the breakfast?", content: "We offer a decent, hearty buffet to start your transit day right."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers for the modern traveler."
|
||||
@@ -311,13 +208,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to experience seamless transit accommodation?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Secure My Room",
|
||||
},
|
||||
text: "Secure My Room"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user