333 lines
21 KiB
TypeScript
333 lines
21 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Heart, Mail, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "Über Uns", id: "#about"},
|
||
{
|
||
name: "Annehmlichkeiten", id: "#amenities"},
|
||
{
|
||
name: "Suiten", id: "#suites"},
|
||
{
|
||
name: "Manager", id: "#manager"},
|
||
{
|
||
name: "Impressionen", id: "#gallery"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
{
|
||
name: "Buchen", id: "#book"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ht7pyr"
|
||
logoAlt="Scheidt's Hotel Logo"
|
||
brandName="Scheidt's Hotel"
|
||
bottomLeftText="Baden-Baden, Germany"
|
||
bottomRightText="reservation@scheidtshotel.com"
|
||
button={{
|
||
text: "Jetzt buchen", href: "#book"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "downward-rays-animated"}}
|
||
title="Scheidt's Hotel Baden-Baden"
|
||
description="Wo Luxus auf Tradition trifft. Erleben Sie unvergleichlichen Komfort und exzellenten Service in unserem Grand Hotel im Herzen von Baden-Baden."
|
||
testimonials={[
|
||
{
|
||
name: "Sophie Müller", handle: "@sophie_lux", testimonial: "Ein unvergesslicher Aufenthalt! Der Service ist makellos und das Ambiente atemberaubend. Absolute Empfehlung!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg", imageAlt: "Sophie Müller"},
|
||
{
|
||
name: "Dr. Klaus Becker", handle: "@drklaus", testimonial: "Scheidt's Hotel setzt neue Maßstäbe in Sachen Luxus. Jedes Detail ist perfektioniert. Ich komme gerne wieder.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Dr. Klaus Becker"},
|
||
{
|
||
name: "Anna Schmidt", handle: "@anna_schmidt", testimonial: "Die Suiten sind traumhaft und der Blick über Baden-Baden unbezahlbar. Ein Refugium der Ruhe und Eleganz.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-businessman-talking-mobile-phone-against-sky_23-2147956329.jpg", imageAlt: "Anna Schmidt"},
|
||
{
|
||
name: "Max Lehmann", handle: "@lehmann_travel", testimonial: "Der Spa-Bereich ist eine Oase der Entspannung. Besser kann man einen Urlaub nicht verbringen.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-senior-woman-smiling_23-2148286452.jpg", imageAlt: "Max Lehmann"},
|
||
{
|
||
name: "Lena Wagner", handle: "@lena_explores", testimonial: "Von der Rezeption bis zum Restaurant – alles war exzellent. Ein wahres Grand Hotel-Erlebnis!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429895.jpg", imageAlt: "Lena Wagner"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/webild/images/hotel_architecture_today_realistic.jpg"
|
||
imageAlt="Scheidt's Hotel Baden-Baden Fassade bei Nacht"
|
||
mediaAnimation="opacity"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg", alt: "Self-assured Business Leader in Conference Room"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg", alt: "blond businessman happy expression"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-sitting-restaurant-gesture-thump-up_114579-92436.jpg", alt: "Beautiful blonde sitting at the restaurant and gesture thump up"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-lady-laughing-holding-pen-restaurant_114579-92378.jpg", alt: "Young lady laughing and holding pen at the restaurant"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg", alt: "Bald man with beard wearing business clothes and glasses smiling cheerful showing and pointing with fingers teeth and mouth dental health concept"},
|
||
]}
|
||
avatarText="Mehr als 1000 zufriedene Gäste"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Fünf-Sterne-Erlebnis"},
|
||
{
|
||
type: "text-icon", text: "Exzellenter Service", icon: Sparkles,
|
||
},
|
||
{
|
||
type: "text", text: "Luxus pur"},
|
||
{
|
||
type: "text-icon", text: "Unvergessliche Momente", icon: Heart,
|
||
},
|
||
{
|
||
type: "text", text: "Grand Hotel Tradition"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={true}
|
||
heading={[
|
||
{
|
||
type: "text", content: "Willkommen im "},
|
||
{
|
||
type: "text", content: "Scheidt's Hotel"},
|
||
{
|
||
type: "text", content: ", wo Exzellenz zur Tradition wird. Wir bieten eine Oase des Luxus und der Gastfreundschaft im Herzen von Baden-Baden. Unser Engagement für Ihren Komfort ist kompromisslos, und unsere Liebe zum Detail ist es, die jeden Aufenthalt unvergesslich macht. Wir verstehen, dass wahrer Luxus in den feinen Nuancen liegt – von der sorgfältig ausgewählten Einrichtung bis zum persönlichen Service, der Ihre Wünsche antizipiert."},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-document_23-2149445754.jpg", alt: "Alexander Scheidt, Hotelmanager"},
|
||
{
|
||
type: "text", content: "Unser Hotelmanager, Alexander Scheidt, personifiziert diese Philosophie. Mit seiner unermüdlichen Hingabe und seinem Auge für Perfektion führt er unser Team, um Ihnen ein unvergleichliches Erlebnis zu bieten. Alexander Scheidt, ein Mann mit blonden Haaren, blauen Augen und stets im eleganten Anzug, ist das Herzstück unseres Hauses und sorgt dafür, dass jeder Gast sich wie zu Hause fühlt, aber mit dem Komfort und der Eleganz eines Grand Hotels."},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="amenities" data-section="amenities">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", title: "Luxuriöser Spa & Wellnessbereich", descriptions: [
|
||
"Entspannen Sie in unserer exklusiven Spa-Oase mit Sauna, Dampfbad und maßgeschneiderten Anwendungen für tiefste Erholung."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-beautiful-young-woman-relaxing-sauna_23-2147867962.jpg", imageAlt: "Luxuriöser Spa-Bereich"},
|
||
{
|
||
id: "f2", title: "Gourmet-Restaurants & Elegante Bar", descriptions: [
|
||
"Genießen Sie kulinarische Höhepunkte in unseren beiden erstklassigen Restaurants und entspannen Sie bei erlesenen Drinks in unserer stilvollen Hotelbar."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg", imageAlt: "Gourmet-Restaurant"},
|
||
{
|
||
id: "f3", title: "Exklusiver Kinosaal & Theatersaal", descriptions: [
|
||
"Erleben Sie private Filmvorführungen in unserem intimen Kinoraum oder genießen Sie kulturelle Darbietungen in unserem prächtigen Theatersaal."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/kids-with-spilled-popcorn-couch_23-2147768098.jpg", imageAlt: "Hotel Kinosaal"},
|
||
{
|
||
id: "f4", title: "Vielseitige Event-Locations", descriptions: [
|
||
"Von intimen Feiern bis zu großartigen Gala-Abenden – unsere Event-Locations bieten den perfekten Rahmen für unvergessliche Anlässe."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-room-with-table-whiteboard_1262-3763.jpg", imageAlt: "Theatersaal und Event-Location"},
|
||
]}
|
||
title="Exklusive Annehmlichkeiten für Ihren Aufenthalt"
|
||
description="Entdecken Sie die Vielfalt an Erlebnissen, die Scheidt's Hotel zu bieten hat – von belebenden Momenten bis zu kulturellen Highlights."
|
||
/>
|
||
</div>
|
||
|
||
<div id="suites" data-section="suites">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Grand Hotel Zimmer", price: "ab 450€ / Nacht", variant: "Klassischer Luxus", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929575.jpg", imageAlt: "Grand Hotel Zimmer"},
|
||
{
|
||
id: "p2", name: "Exklusive Suite", price: "ab 800€ / Nacht", variant: "Zeitlose Eleganz", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woodenn-businessman-s-desk-concept-pot-grass-headphones-book-notes_482257-25362.jpg", imageAlt: "Exklusive Suite"},
|
||
{
|
||
id: "p3", name: "Penthouse mit Panoramablick", price: "ab 1.500€ / Nacht", variant: "Höchster Komfort", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9621.jpg", imageAlt: "Penthouse mit Panoramablick"},
|
||
{
|
||
id: "p4", name: "Luxus Apartments zur Miete", price: "auf Anfrage", variant: "Langzeit-Aufenthalt", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6170.jpg", imageAlt: "Luxus Apartment"},
|
||
{
|
||
id: "p5", name: "Deluxe Zimmer", price: "ab 350€ / Nacht", variant: "Moderner Komfort", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg", imageAlt: "Deluxe Zimmer"},
|
||
{
|
||
id: "p6", name: "Signature Suite", price: "ab 1.200€ / Nacht", variant: "Individueller Stil", imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951029.jpg", imageAlt: "Signature Suite"},
|
||
]}
|
||
title="Luxuriöse Unterkünfte für jeden Anspruch"
|
||
description="Von opulenten Grand Suiten bis hin zu eleganten Apartments – Ihr perfektes Zuhause in Baden-Baden erwartet Sie mit Stil und Komfort."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t_add1", name: "Elias Schmidt", handle: "Geschäftsführer", testimonial: "Der Aufenthalt im Scheidt's Hotel war makellos. Eine perfekte Mischung aus Luxus und unaufdringlichem Service. Absolut empfehlenswert für Geschäftsreisende.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg", imageAlt: "Elias Schmidt"},
|
||
{
|
||
id: "t_add2", name: "Dr. Clara Roth", handle: "Chefärztin", testimonial: "Jeder Besuch ist ein Genuss. Die Ruhe, die Eleganz und die persönliche Betreuung sind einzigartig in Baden-Baden. Eine wahre Auszeit vom Alltag.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-tourist-relaxed-smiling-man-meditating-his-bed-sitting-yoga-zen-pose-has-globe-camera-packed-suitcase-feels-relieved-going-holiday_1258-314734.jpg", imageAlt: "Dr. Clara Roth"},
|
||
{
|
||
id: "t_add3", name: "Julian Weber", handle: "Künstler", testimonial: "Die inspirierende Atmosphäre und der exzellente Service machten meinen Aufenthalt unvergesslich. Das Scheidt's Hotel ist meine erste Wahl.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-suit-holds-backpack_613910-15955.jpg", imageAlt: "Julian Weber"},
|
||
{
|
||
id: "t_add4", name: "Isabella Koch", handle: "Designerin", testimonial: "Die Suiten sind ein Traum an Design und Komfort. Ich habe mich rundum wohlgefühlt und werde definitiv wiederkommen.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fashionable-overjoyed-european-middle-aged-woman-turtleneck-cashmere-sweater-keeping-arms-crossed-smiling-confidently-waiting-family-festive-dinner-christmas-eve_343059-4674.jpg", imageAlt: "Isabella Koch"},
|
||
{
|
||
id: "t_add5", name: "Anton Fischer", handle: "Unternehmer", testimonial: "Alexander Scheidt und sein Team haben ein außergewöhnliches Hotel geschaffen. Die Gastfreundschaft und Professionalität sind bemerkenswert.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-each-other-outdoors_23-2149215107.jpg", imageAlt: "Anton Fischer"},
|
||
{
|
||
id: "t_add6", name: "Laura König", handle: "Journalistin", testimonial: "Ein Hotel, das keine Wünsche offen lässt. Vom Spa bis zum Gourmet-Restaurant – alles auf höchstem Niveau. Ein absolutes Highlight!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", imageAlt: "Laura König"},
|
||
]}
|
||
showRating={true}
|
||
title="Was unsere Gäste über uns sagen"
|
||
description="Ihre Erfahrungen sind unser wertvollstes Zeugnis. Lesen Sie, was unsere geschätzten Gäste über ihren Aufenthalt im Scheidt's Hotel berichten."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Exzellenter Service", "Höchste Diskretion", "Nachhaltige Werte", "Luxuriöser Komfort", "Ehrliche Gastfreundschaft", "Unvergessliche Erlebnisse", "Feste Gästebeziehungen"]}
|
||
title="Unser Versprechen an Sie"
|
||
description="Im Scheidt's Hotel Baden-Baden legen wir größten Wert auf festes Vertrauen und eine außergewöhnliche Beziehung zu unseren Gästen. Jedes unserer Prinzipien ist darauf ausgelegt, Ihren Aufenthalt unvergleichlich zu machen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "Wie kann ich eine Buchung vornehmen?", content: "Buchungen können Sie bequem über unsere Website vornehmen, telefonisch über unsere Rezeption oder per E-Mail an reservation@scheidtshotel.com. Unser Team steht Ihnen jederzeit zur Verfügung."},
|
||
{
|
||
id: "faq2", title: "Welche Annehmlichkeiten sind im Aufenthalt inbegriffen?", content: "Alle Gäste haben Zugang zu unserem luxuriösen Spa, den Restaurants, der Bar, der Rezeption, dem Kinosaal und den Ruheräumen. Weitere exklusive Dienstleistungen sind je nach Zimmerkategorie verfügbar."},
|
||
{
|
||
id: "faq3", title: "Bietet das Hotel Parkmöglichkeiten an?", content: "Ja, wir verfügen über eine private Tiefgarage mit ausreichend Stellplätzen für unsere Gäste. Valet-Service ist ebenfalls verfügbar, um Ihren Komfort zu gewährleisten."},
|
||
{
|
||
id: "faq4", title: "Gibt es barrierefreie Zimmer?", content: "Ja, Scheidt's Hotel bietet speziell ausgestattete barrierefreie Zimmer an. Bitte informieren Sie uns bei Ihrer Buchung über Ihre spezifischen Anforderungen, damit wir Ihnen den bestmöglichen Aufenthalt gewährleisten können."},
|
||
{
|
||
id: "faq5", title: "Kann ich Haustiere mitbringen?", content: "Wir sind ein haustierfreundliches Hotel und heißen Ihre vierbeinigen Begleiter herzlich willkommen. Für Details zu den Richtlinien und möglichen Gebühren kontaktieren Sie bitte unsere Rezeption vorab."},
|
||
]}
|
||
title="Häufig gestellte Fragen"
|
||
description="Finden Sie hier schnelle Antworten auf die am häufigsten gestellten Fragen zu Ihrem Aufenthalt im Scheidt's Hotel."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "downward-rays-static"}}
|
||
tag="Kontaktieren Sie uns"
|
||
title="Ihre Anfrage ist uns wichtig"
|
||
description="Für Buchungen, spezielle Anfragen oder persönliche Beratung steht Ihnen unser Team jederzeit gerne zur Verfügung. Wir freuen uns darauf, von Ihnen zu hören."
|
||
tagIcon={Mail}
|
||
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg"
|
||
imageAlt="Scheidt's Hotel Rezeption"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="left"
|
||
inputPlaceholder="Ihre E-Mail-Adresse"
|
||
buttonText="Anfrage senden"
|
||
termsText="Durch das Absenden bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und akzeptiert haben."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ht7pyr"
|
||
logoAlt="Scheidt's Hotel Logo"
|
||
logoText="Scheidt's Hotel"
|
||
columns={[
|
||
{
|
||
title: "Hotel", items: [
|
||
{
|
||
label: "Home", href: "#home"},
|
||
{
|
||
label: "Über Uns", href: "#about"},
|
||
{
|
||
label: "Annehmlichkeiten", href: "#amenities"},
|
||
{
|
||
label: "Suiten", href: "#suites"},
|
||
],
|
||
},
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Spa & Wellness", href: "#amenities"},
|
||
{
|
||
label: "Restaurants", href: "#amenities"},
|
||
{
|
||
label: "Events", href: "#amenities"},
|
||
{
|
||
label: "Buchung", href: "#book"},
|
||
],
|
||
},
|
||
{
|
||
title: "Informationen", items: [
|
||
{
|
||
label: "Manager", href: "#manager"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "Anfahrt", href: "#contact"},
|
||
{
|
||
label: "E-Mail", href: "mailto:reservation@scheidtshotel.com"},
|
||
{
|
||
label: "Telefon", href: "tel:+49123456789"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Scheidt's Hotel. Alle Rechte vorbehalten."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|