544 lines
20 KiB
TypeScript
544 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Rooms",
|
|
id: "#rooms",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
}}
|
|
brandName="Hotel Wildpferd Dülmen"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCarouselLogo
|
|
logoText="Hagedorn Hotel Wildpferd Dülmen"
|
|
description="Experience unparalleled comfort and hospitality in the heart of Dülmen. Your perfect escape, blending traditional charm with modern luxury."
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Explore Rooms",
|
|
href: "#rooms",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg?_wi=1",
|
|
imageAlt: "Luxurious hotel lobby",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497258.jpg",
|
|
imageAlt: "Cozy hotel room with a view",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129581.jpg",
|
|
imageAlt: "Fine dining restaurant",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263511.jpg",
|
|
imageAlt: "Serene spa and wellness center",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-young-businesspeople-analyzing-document-restaurant_23-2147876709.jpg",
|
|
imageAlt: "Modern business conference room",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/roof-old-building-front-blue-sky-day-time_231208-3241.jpg",
|
|
imageAlt: "Beautiful hotel exterior at dusk",
|
|
},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Welcome to Hagedorn Hotel Wildpferd Dülmen"
|
|
description="Nestled in the picturesque town of Dülmen, our hotel offers a unique blend of warm hospitality and modern amenities. We are dedicated to providing a memorable stay, whether you're here for business or leisure. Discover comfort, elegance, and exceptional service with us."
|
|
bulletPoints={[
|
|
{
|
|
title: "Rich Heritage",
|
|
description: "Celebrating years of tradition in hospitality, serving guests with care.",
|
|
},
|
|
{
|
|
title: "Prime Location",
|
|
description: "Strategically located for easy access to Dülmen's attractions and business centers.",
|
|
},
|
|
{
|
|
title: "Personalized Service",
|
|
description: "Our dedicated staff ensures every guest receives a tailored and attentive experience.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/famous-historic-vieille-bourse-lille-france_181624-17289.jpg"
|
|
imageAlt="Charming exterior of Hagedorn Hotel Wildpferd Dülmen"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Gourmet Dining",
|
|
description: "Indulge in culinary delights at our renowned restaurant, featuring local and international cuisine.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/food-celebration-event-healthy-dinner_1203-4054.jpg",
|
|
imageAlt: "Elegant dining experience at hotel restaurant",
|
|
},
|
|
{
|
|
title: "Luxurious Spa & Wellness",
|
|
description: "Rejuvenate your mind and body with our comprehensive spa services, including massages and a heated pool.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg",
|
|
imageAlt: "Relaxing spa and wellness area",
|
|
},
|
|
{
|
|
title: "Modern Event Spaces",
|
|
description: "Host your conferences, weddings, or special events in our versatile and fully equipped venues.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-with-his-colleague-caf_23-2147876667.jpg",
|
|
imageAlt: "Spacious event hall setup",
|
|
},
|
|
]}
|
|
title="Hotel Amenities Designed for Your Comfort"
|
|
description="From exquisite dining to relaxing spa treatments, we offer a range of facilities to make your stay truly exceptional."
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "standard-room",
|
|
name: "Standard Double Room",
|
|
price: "€99/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/postpartum-box-still-life_23-2151174346.jpg",
|
|
imageAlt: "Comfortable standard double room",
|
|
},
|
|
{
|
|
id: "deluxe-room",
|
|
name: "Deluxe King Room",
|
|
price: "€149/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/transparent-bubble-tent-woman-glamping_1268-20725.jpg",
|
|
imageAlt: "Spacious deluxe king room",
|
|
},
|
|
{
|
|
id: "executive-suite",
|
|
name: "Executive Suite",
|
|
price: "€249/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
|
|
imageAlt: "Luxurious executive suite",
|
|
},
|
|
{
|
|
id: "family-suite",
|
|
name: "Family Suite",
|
|
price: "€189/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-living-nature_23-2149431697.jpg",
|
|
imageAlt: "Cozy family suite",
|
|
},
|
|
{
|
|
id: "accessible-room",
|
|
name: "Accessible Room",
|
|
price: "€119/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rain-shower_74190-2861.jpg",
|
|
imageAlt: "Accessible hotel room",
|
|
},
|
|
{
|
|
id: "pet-friendly-room",
|
|
name: "Pet-Friendly Room",
|
|
price: "€109/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-looking-their-dog-bedroom_23-2147840131.jpg",
|
|
imageAlt: "Pet-friendly hotel room",
|
|
},
|
|
]}
|
|
title="Our Luxurious Rooms & Suites"
|
|
description="Discover a selection of meticulously designed rooms and suites, each offering a unique blend of comfort and style. Find your perfect sanctuary."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "standard-rate",
|
|
badge: "Value",
|
|
badgeIcon: Sparkles,
|
|
price: "€99",
|
|
subtitle: "Per night (Standard)",
|
|
features: [
|
|
"Comfortable Double Bed",
|
|
"Complimentary Wi-Fi",
|
|
"En-suite Bathroom",
|
|
"Flat-screen TV",
|
|
"Access to Hotel Facilities",
|
|
],
|
|
},
|
|
{
|
|
id: "flexi-rate",
|
|
badge: "Popular",
|
|
badgeIcon: Star,
|
|
price: "€119",
|
|
subtitle: "Per night (Flexible)",
|
|
features: [
|
|
"All Standard Features",
|
|
"Free Cancellation (24h)",
|
|
"Breakfast Buffet Included",
|
|
"Early Check-in/Late Check-out (subject to availability)",
|
|
],
|
|
},
|
|
{
|
|
id: "premium-package",
|
|
badge: "Premium",
|
|
badgeIcon: Award,
|
|
price: "€189",
|
|
subtitle: "Per night (Suite)",
|
|
features: [
|
|
"All Flexible Features",
|
|
"Spacious Suite Accommodation",
|
|
"Welcome Drink",
|
|
"Access to Spa & Wellness Area",
|
|
"Complimentary Minibar Refill",
|
|
],
|
|
},
|
|
]}
|
|
title="Flexible Stays, Exceptional Value"
|
|
description="Choose the perfect plan for your visit, whether it's a quick overnight trip or an extended luxurious retreat."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "guests-served",
|
|
value: "20,000+",
|
|
description: "Happy Guests Served",
|
|
},
|
|
{
|
|
id: "years-experience",
|
|
value: "25+",
|
|
description: "Years of Hospitality Experience",
|
|
},
|
|
{
|
|
id: "five-star-reviews",
|
|
value: "95%",
|
|
description: "Five-Star Reviews",
|
|
},
|
|
{
|
|
id: "repeat-visitors",
|
|
value: "80%",
|
|
description: "Repeat Visitors",
|
|
},
|
|
]}
|
|
title="Our Commitment to Excellence"
|
|
description="We pride ourselves on delivering outstanding guest experiences, reflected in our growing numbers and loyal patrons."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
groups={[
|
|
{
|
|
id: "management",
|
|
groupTitle: "Leadership & Guest Services",
|
|
members: [
|
|
{
|
|
id: "m1",
|
|
title: "Mr. Hagedorn",
|
|
subtitle: "General Manager",
|
|
detail: "With over 20 years in luxury hospitality, Mr. Hagedorn ensures our hotel consistently exceeds expectations.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-guys-formal-clothes-standing-hugging-bridegroom-smiling-greeting-his-wedding-day-hotel-room_8353-12142.jpg",
|
|
imageAlt: "Portrait of Mr. Hagedorn, General Manager",
|
|
},
|
|
{
|
|
id: "m2",
|
|
title: "Ms. Schmidt",
|
|
subtitle: "Head Concierge",
|
|
detail: "Ms. Schmidt is your go-to for local recommendations and personalized guest assistance.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tourists-couple-arrive-front-desk_482257-76666.jpg",
|
|
imageAlt: "Portrait of Ms. Schmidt, Head Concierge",
|
|
},
|
|
{
|
|
id: "m3",
|
|
title: "Chef Müller",
|
|
subtitle: "Executive Chef",
|
|
detail: "Chef Müller crafts exquisite menus, bringing local flavors and international techniques to your plate.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-bearded-chef-man-wearing-white-cooker-uniform-hat-holding-yellow-plate-white-wall_141793-32826.jpg",
|
|
imageAlt: "Portrait of Chef Müller, Executive Chef",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg?_wi=2",
|
|
imageAlt: "smiling hotel manager professional portrait",
|
|
},
|
|
]}
|
|
title="Meet Our Dedicated Team"
|
|
description="Our friendly and professional staff are here to ensure your stay at Hagedorn Hotel Wildpferd Dülmen is nothing short of perfect."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
title: "A truly magnificent stay!",
|
|
quote: "Our weekend at Hagedorn Hotel Wildpferd Dülmen was absolutely perfect. The staff were incredibly attentive, the room was luxurious, and the dining experience was unforgettable. Highly recommend!",
|
|
name: "Sarah J.",
|
|
role: "Leisure Traveler",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-guy-with-breakfast-bed-girlfriend_23-2148334447.jpg",
|
|
imageAlt: "Smiling woman in a hotel room",
|
|
},
|
|
{
|
|
id: "t2",
|
|
title: "Excellent for Business Travel",
|
|
quote: "As a frequent business traveler, I appreciate efficiency and comfort. This hotel delivered on both. Seamless check-in, reliable Wi-Fi, and a quiet room to get work done. I'll be back.",
|
|
name: "Mark R.",
|
|
role: "Business Executive",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/motivated-boss-working-tirelessly-high-end-downtown-workspace_482257-123061.jpg",
|
|
imageAlt: "Businessman in a hotel lounge",
|
|
},
|
|
{
|
|
id: "t3",
|
|
title: "Charming and Welcoming",
|
|
quote: "From the moment I arrived, I felt genuinely welcomed. The hotel has a beautiful, authentic charm, and the personal touches made all the difference. A real gem in Dülmen!",
|
|
name: "Emily P.",
|
|
role: "Solo Adventurer",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-unpacking-suitcase-after-his-journey-sitting-bed-getting-clothes-out-bag_1258-314418.jpg",
|
|
imageAlt: "Woman enjoying hotel balcony",
|
|
},
|
|
{
|
|
id: "t4",
|
|
title: "Our Anniversary Getaway",
|
|
quote: "We chose Hagedorn Hotel for our anniversary, and it exceeded all expectations. The romantic dinner was exquisite, and the tranquil atmosphere made for a perfect celebration. Thank you for the memories.",
|
|
name: "David & Maria K.",
|
|
role: "Celebration Couple",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-celebrating-together_23-2149262262.jpg",
|
|
imageAlt: "Couple enjoying dinner at hotel",
|
|
},
|
|
{
|
|
id: "t5",
|
|
title: "Family Friendly Excellence",
|
|
quote: "Traveling with kids can be challenging, but the staff at Hotel Wildpferd made it effortless. Our family room was spacious, and they were very accommodating with all our requests. A fantastic family vacation spot!",
|
|
name: "The Müller Family",
|
|
role: "Family Guests",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-around-calm-cosy-spaces_23-2149622615.jpg",
|
|
imageAlt: "Family enjoying hotel pool",
|
|
},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear directly from those who have experienced the unique charm and exceptional service of Hotel Wildpferd Dülmen."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "What are your check-in and check-out times?",
|
|
content: "Check-in is from 3:00 PM, and check-out is until 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "Do you offer parking facilities?",
|
|
content: "Yes, we provide complimentary on-site parking for all our guests. Valet parking is also available for an additional fee.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "Is breakfast included in the room rate?",
|
|
content: "Our flexible room rates include a rich breakfast buffet. For standard rates, breakfast can be added separately.",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "Do you have pet-friendly rooms?",
|
|
content: "Yes, we offer a limited number of pet-friendly rooms. Please notify us in advance when booking if you plan to bring a pet.",
|
|
},
|
|
{
|
|
id: "faq5",
|
|
title: "What local attractions are near the hotel?",
|
|
content: "We are ideally located close to Dülmen's historic city center, Merfelder Bruch (wild horses), and various cycling routes. Our concierge can provide recommendations.",
|
|
},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to common inquiries about your stay at Hagedorn Hotel Wildpferd Dülmen."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-static",
|
|
}}
|
|
text="Ready to plan your unforgettable stay in Dülmen? Contact us today to reserve your room or inquire about our special offers. We look forward to welcoming you!"
|
|
buttons={[
|
|
{
|
|
text: "Call Us: +49 2594 9110",
|
|
href: "tel:+4925949110",
|
|
},
|
|
{
|
|
text: "Email Us: info@hotel-wildpferd.de",
|
|
href: "mailto:info@hotel-wildpferd.de",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/los-angeles-night-with-hollywood-sign-highway_649448-2570.jpg"
|
|
imageAlt="Dülmen city view at dusk"
|
|
logoText="Hagedorn Hotel Wildpferd Dülmen"
|
|
columns={[
|
|
{
|
|
title: "Explore",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#home",
|
|
},
|
|
{
|
|
label: "Rooms",
|
|
href: "#rooms",
|
|
},
|
|
{
|
|
label: "Features",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Dining",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Spa & Wellness",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Events",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Concierge",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Location",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Support",
|
|
href: "mailto:support@hotel-wildpferd.de",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Hagedorn Hotel Wildpferd Dülmen. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|