Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-30 10:41:51 +00:00

View File

@@ -30,381 +30,161 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Experience",
id: "experience",
},
{
name: "Rooms",
id: "rooms",
},
{
name: "Location",
id: "location",
},
]}
brandName="Park Plaza London"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Experience", id: "experience" },
{ name: "Rooms", id: "rooms" },
{ name: "Location", id: "location" },
]}
brandName="Park Plaza London"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
title="Experience London Like Royalty — By The River"
description="Where exceptional service meets iconic views of the Thames."
buttons={[
{
text: "Book Your Stay",
href: "#",
},
{
text: "Explore Rooms",
href: "#rooms",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/light-post-with-spiderweb-halloween_53876-138109.jpg?_wi=1",
imageAlt: "River View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-space-decorated-boho-style_23-2150771521.jpg?_wi=1",
imageAlt: "Room Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-hotel-porter-carrying-luggage-help-people-reception-lobby-area-moving-trolley-bags-guests-registering-modern-resort-elegant-concierge-providing-luxury-service_482257-75143.jpg?_wi=1",
imageAlt: "Staff Service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-spa_23-2148000379.jpg",
imageAlt: "Wellness Center",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2065.jpg",
imageAlt: "Deluxe Room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/canary-wharf-business-district-london-night-thames-river_649448-34.jpg",
imageAlt: "Executive View",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Experience London Like Royalty — By The River"
description="Where exceptional service meets iconic views of the Thames."
buttons={[
{ text: "Book Your Stay", href: "#" },
{ text: "Explore Rooms", href: "#rooms" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/light-post-with-spiderweb-halloween_53876-138109.jpg", imageAlt: "River View" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-space-decorated-boho-style_23-2150771521.jpg", imageAlt: "Room Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-hotel-porter-carrying-luggage-help-people-reception-lobby-area-moving-trolley-bags-guests-registering-modern-resort-elegant-concierge-providing-luxury-service_482257-75143.jpg", imageAlt: "Staff Service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-spa_23-2148000379.jpg", imageAlt: "Wellness Center" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2065.jpg", imageAlt: "Deluxe Room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/canary-wharf-business-district-london-night-thames-river_649448-34.jpg", imageAlt: "Executive View" },
]}
mediaAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Travel Digest",
"London Luxury Magazine",
"Global Hospitality Awards",
"TripAdvisor Top Choice",
"Guest Experience Weekly",
"City Travel Guide",
"Modern Hotel Reviews",
]}
title="Why Guests Keep Coming Back"
description="Consistently recognized for excellence in service, views, and unforgettable guest experiences."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Travel Digest", "London Luxury Magazine", "Global Hospitality Awards", "TripAdvisor Top Choice", "Guest Experience Weekly", "City Travel Guide", "Modern Hotel Reviews"]}
title="Why Guests Keep Coming Back"
description="Consistently recognized for excellence in service, views, and unforgettable guest experiences."
/>
</div>
<div id="experience" data-section="experience">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Iconic Views",
description: "Wake up to the Thames, Big Ben & London skyline.",
bentoComponent: "reveal-icon",
icon: Eye,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg",
imageAlt: "Stylish room with blurred effect",
},
{
title: "Exceptional Service",
description: "Named staff repeatedly praised — real human connection.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/light-post-with-spiderweb-halloween_53876-138109.jpg?_wi=2",
imageAlt: "Stylish room with blurred effect",
},
{
title: "Wellness & Relaxation",
description: "Pool, sauna, steam — unwind after the city.",
bentoComponent: "reveal-icon",
icon: Waves,
imageSrc: "http://img.b2bpic.net/free-photo/interior-space-decorated-boho-style_23-2150771521.jpg?_wi=2",
imageAlt: "Stylish room with blurred effect",
},
{
title: "Refined Dining",
description: "Breakfasts guests rave about. In-room dining that delivers.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/male-hotel-porter-carrying-luggage-help-people-reception-lobby-area-moving-trolley-bags-guests-registering-modern-resort-elegant-concierge-providing-luxury-service_482257-75143.jpg?_wi=2",
imageAlt: "Stylish room with blurred effect",
},
]}
title="More Than a Stay — Its an Experience"
description="From world-class service to serene wellness facilities, we curate every aspect of your London visit."
/>
</div>
<div id="experience" data-section="experience">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Iconic Views", description: "Wake up to the Thames, Big Ben & London skyline.", bentoComponent: "reveal-icon", icon: Eye },
{ title: "Exceptional Service", description: "Named staff repeatedly praised — real human connection.", bentoComponent: "reveal-icon", icon: Users },
{ title: "Wellness & Relaxation", description: "Pool, sauna, steam — unwind after the city.", bentoComponent: "reveal-icon", icon: Waves },
{ title: "Refined Dining", description: "Breakfasts guests rave about. In-room dining that delivers.", bentoComponent: "reveal-icon", icon: Coffee },
]}
title="More Than a Stay — Its an Experience"
description="From world-class service to serene wellness facilities, we curate every aspect of your London visit."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Deluxe Room",
price: "From £350",
imageSrc: "http://img.b2bpic.net/free-photo/modern-beadroom-hotel_1150-17926.jpg",
imageAlt: "Deluxe Room",
},
{
id: "2",
name: "Executive River View",
price: "From £490",
imageSrc: "http://img.b2bpic.net/free-photo/city-kiev-aerial-view-beautiful-view-city-sky-with-clouds-morning_628469-41.jpg",
imageAlt: "Executive River View",
},
{
id: "3",
name: "Luxury Suites",
price: "From £750",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1945.jpg",
imageAlt: "Luxury Suite",
},
{
id: "4",
name: "Classic Room",
price: "From £290",
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg",
imageAlt: "Classic Room",
},
{
id: "5",
name: "Family Suite",
price: "From £650",
imageSrc: "http://img.b2bpic.net/free-photo/bride-looking-through-window-from-hotel-room_1153-6512.jpg",
imageAlt: "Family Suite",
},
{
id: "6",
name: "Riverfront Penthouse",
price: "From £1200",
imageSrc: "http://img.b2bpic.net/free-photo/buildings-tall-tower_181624-20757.jpg",
imageAlt: "Penthouse View",
},
]}
title="Rooms Designed Around You"
description="Choose from our range of refined, comfortable, and modern accommodations."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Deluxe Room", price: "From £350", imageSrc: "http://img.b2bpic.net/free-photo/modern-beadroom-hotel_1150-17926.jpg", imageAlt: "Deluxe Room" },
{ id: "2", name: "Executive River View", price: "From £490", imageSrc: "http://img.b2bpic.net/free-photo/city-kiev-aerial-view-beautiful-view-city-sky-with-clouds-morning_628469-41.jpg", imageAlt: "Executive River View" },
{ id: "3", name: "Luxury Suites", price: "From £750", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1945.jpg", imageAlt: "Luxury Suite" },
{ id: "4", name: "Classic Room", price: "From £290", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg", imageAlt: "Classic Room" },
{ id: "5", name: "Family Suite", price: "From £650", imageSrc: "http://img.b2bpic.net/free-photo/bride-looking-through-window-from-hotel-room_1153-6512.jpg", imageAlt: "Family Suite" },
{ id: "6", name: "Riverfront Penthouse", price: "From £1200", imageSrc: "http://img.b2bpic.net/free-photo/buildings-tall-tower_181624-20757.jpg", imageAlt: "Penthouse View" },
]}
title="Rooms Designed Around You"
description="Choose from our range of refined, comfortable, and modern accommodations."
/>
</div>
<div id="location" data-section="location">
<TextAbout
useInvertedBackground={true}
title="Perfectly Placed. Effortlessly Connected."
buttons={[
{
text: "View Location Map",
href: "#",
},
]}
/>
</div>
<div id="location" data-section="location">
<TextAbout
useInvertedBackground={true}
title="Perfectly Placed. Effortlessly Connected."
buttons={[{ text: "View Location Map", href: "#" }]}
/>
</div>
<div id="moments" data-section="moments">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "100+",
title: "Celebrations Hosted",
description: "Anniversaries & Birthdays",
imageSrc: "http://img.b2bpic.net/free-photo/travellers-london-city-with-atumn-vibes_23-2149104694.jpg",
},
{
id: "2",
value: "5000+",
title: "Guests Treated",
description: "Royal experiences created",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg",
},
{
id: "3",
value: "4.9",
title: "Star Rating",
description: "On special occasions",
imageSrc: "http://img.b2bpic.net/free-photo/singapore-flyer_1203-7081.jpg",
},
]}
title="Where Memories Are Made"
description="Whether it's an anniversary, birthday, or your first London trip, we ensure it's unforgettable."
/>
</div>
<div id="moments" data-section="moments">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "100+", title: "Celebrations Hosted", description: "Anniversaries & Birthdays", imageSrc: "http://img.b2bpic.net/free-photo/travellers-london-city-with-atumn-vibes_23-2149104694.jpg" },
{ id: "2", value: "5000+", title: "Guests Treated", description: "Royal experiences created", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg" },
{ id: "3", value: "4.9", title: "Star Rating", description: "On special occasions", imageSrc: "http://img.b2bpic.net/free-photo/singapore-flyer_1203-7081.jpg" },
]}
title="Where Memories Are Made"
description="Whether it's an anniversary, birthday, or your first London trip, we ensure it's unforgettable."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
members={[
{
id: "1",
name: "Firat",
role: "Concierge",
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31449.jpg",
},
{
id: "2",
name: "Taras",
role: "Front Desk",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg",
},
{
id: "3",
name: "Nadia",
role: "Guest Relations",
imageSrc: "http://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",
},
{
id: "4",
name: "Selin",
role: "Hospitality Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682134.jpg",
},
]}
title="Its Our People That Make the Difference"
description="Meet the real people behind your exceptional experience. They are what guests remember most."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
members={[
{ id: "1", name: "Firat", role: "Concierge", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31449.jpg" },
{ id: "2", name: "Taras", role: "Front Desk", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg" },
{ id: "3", name: "Nadia", role: "Guest Relations", imageSrc: "http://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg" },
{ id: "4", name: "Selin", role: "Hospitality Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682134.jpg" },
]}
title="Its Our People That Make the Difference"
description="Meet the real people behind your exceptional experience. They are what guests remember most."
/>
</div>
<div id="transparency" data-section="transparency">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What happens if I have an issue?",
content: "Our management team is personally involved in service recovery to ensure your stay remains comfortable.",
},
{
id: "f2",
title: "Are you improving facilities?",
content: "We continuously invest in room upgrades and facility maintenance based on guest feedback.",
},
{
id: "f3",
title: "Do you offer personalized service?",
content: "Yes, our team is trained to anticipate needs and make your stay truly personalized.",
},
]}
sideTitle="Our Commitment to You"
sideDescription="Were proud of our service — and honest about growth. When something isnt perfect, we fix it fast."
faqsAnimation="slide-up"
/>
</div>
<div id="transparency" data-section="transparency">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What happens if I have an issue?", content: "Our management team is personally involved in service recovery to ensure your stay remains comfortable." },
{ id: "f2", title: "Are you improving facilities?", content: "We continuously invest in room upgrades and facility maintenance based on guest feedback." },
{ id: "f3", title: "Do you offer personalized service?", content: "Yes, our team is trained to anticipate needs and make your stay truly personalized." },
]}
sideTitle="Our Commitment to You"
sideDescription="Were proud of our service — and honest about growth. When something isnt perfect, we fix it fast."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Ready to book?"
title="Your London Story Starts Here"
description="Limited river view rooms available for your requested dates."
buttons={[
{
text: "Book Your Stay Now",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Ready to book?"
title="Your London Story Starts Here"
description="Limited river view rooms available for your requested dates."
buttons={[{ text: "Book Your Stay Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Experience",
items: [
{
label: "Rooms & Suites",
href: "#rooms",
},
{
label: "Dining",
href: "#",
},
{
label: "Wellness",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#",
},
{
label: "FAQ",
href: "#transparency",
},
{
label: "Service Recovery",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Park Plaza London"
bottomRightText="All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Experience", items: [{ label: "Rooms & Suites", href: "#rooms" }, { label: "Dining", href: "#" }, { label: "Wellness", href: "#" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "FAQ", href: "#transparency" }, { label: "Service Recovery", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Privacy Policy", href: "#" }] },
]}
bottomLeftText="© 2024 Park Plaza London"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}