302 lines
16 KiB
TypeScript
302 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Award, CookingPot, Droplet, Lightbulb, MapPin, Mountain, ShieldCheck, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Start", id: "#home"},
|
||
{
|
||
name: "Unterkünfte", id: "#unterkuenfte"},
|
||
{
|
||
name: "Ausstattung", id: "#ausstattung"},
|
||
{
|
||
name: "Gästestimmen", id: "#gaestestimmen"},
|
||
{
|
||
name: "Kontakt", id: "#kontakt"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-gingerbread-house-collection_23-2148356369.jpg"
|
||
logoAlt="Ferienresidenzen Logo"
|
||
brandName="Ferienresidenzen"
|
||
button={{
|
||
text: "Jetzt Buchen", href: "#kontakt"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Exklusive Ferienresidenzen an den schönsten Orten"
|
||
description="Erleben Sie unvergessliche Urlaubsmomente in unseren luxuriösen Ferienhäusern und Wohnungen auf Rügen und in Bayern."
|
||
buttons={[
|
||
{
|
||
text: "Unsere Unterkünfte entdecken", href: "#unterkuenfte"},
|
||
{
|
||
text: "Kontakt aufnehmen", href: "#kontakt"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/house-covered-snow_198169-38.jpg"
|
||
imageAlt="Luxuriöse Ferienresidenz mit Meerblick"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", alt: "Glücklicher Gast"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-backpack_23-2148518190.jpg", alt: "Zufriedener Urlauber"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-male-traveler-holding-map-hand-taking-selfie_23-2148148649.jpg", alt: "Reisebegeisterter"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/overweight-woman-exercising-outdoors-by-lake_23-2149618245.jpg", alt: "Entspannte Besucherin"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-regular-male-with-red-cap-holiday-santa-christmas_140725-124553.jpg", alt: "Erholter Reisender"},
|
||
]}
|
||
avatarText="Über 10.000 zufriedene Gäste"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Exklusiver Komfort"},
|
||
{
|
||
type: "text-icon", text: "5-Sterne Bewertungen", icon: Star,
|
||
},
|
||
{
|
||
type: "text", text: "Top-Lagen"},
|
||
{
|
||
type: "text-icon", text: "Privatsphäre garantiert", icon: ShieldCheck,
|
||
},
|
||
{
|
||
type: "text", text: "Unvergessliche Erlebnisse"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="ausstattung" data-section="ausstattung">
|
||
<FeatureBorderGlow
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
icon: Lightbulb,
|
||
title: "Hochwertige Einrichtung", description: "Jede Residenz ist mit edlen Materialien und modernem Design ausgestattet, um maximalen Komfort zu gewährleisten."},
|
||
{
|
||
icon: Droplet,
|
||
title: "Private Saunen & Wellness", description: "Entspannen Sie in Ihrer privaten Sauna oder genießen Sie den luxuriösen Wellnessbereich in ausgewählten Unterkünften."},
|
||
{
|
||
icon: MapPin,
|
||
title: "Exklusive Lage am See oder Meer", description: "Unsere Unterkünfte bieten atemberaubende Ausblicke und direkten Zugang zu den schönsten Naturlandschaften."},
|
||
{
|
||
icon: CookingPot,
|
||
title: "Moderner Küchenkomfort", description: "Voll ausgestattete Küchen mit erstklassigen Geräten laden zum gemeinsamen Kochen und Genießen ein."},
|
||
{
|
||
icon: Mountain,
|
||
title: "Panoramablicke", description: "Genießen Sie spektakuläre Ausblicke auf die Alpen oder die Ostsee direkt von Ihrer Terrasse oder Ihrem Balkon."},
|
||
]}
|
||
title="Komfort & Luxus in jeder Residenz"
|
||
description="Wir bieten Ihnen eine Ausstattung, die keine Wünsche offen lässt – für höchsten Komfort und Entspannung."
|
||
/>
|
||
</div>
|
||
|
||
<div id="unterkuenfte" data-section="unterkuenfte">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "ruegen-altefaehr-haus-1", brand: "Rügen", name: "Luxus Ferienhaus Altefähr", price: "Ab 350€ / Nacht", rating: 5,
|
||
reviewCount: "120 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5826.jpg", imageAlt: "Luxus Ferienhaus in Altefähr, Rügen"},
|
||
{
|
||
id: "ruegen-altefaehr-haus-2", brand: "Rügen", name: "Strandnahes Ferienhaus Altefähr", price: "Ab 320€ / Nacht", rating: 5,
|
||
reviewCount: "95 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/two-elegant-girls-resort_1157-24582.jpg", imageAlt: "Modernes Ferienhaus in Altefähr, Rügen"},
|
||
{
|
||
id: "ruegen-gustow-wohnung-1", brand: "Rügen", name: "Exklusive Wohnung Gustow", price: "Ab 200€ / Nacht", rating: 4,
|
||
reviewCount: "80 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6669.jpg", imageAlt: "Exklusive Ferienwohnung in Gustow, Rügen"},
|
||
{
|
||
id: "fichtelgebirge-haus-1", brand: "Fichtelgebirge", name: "Alpen-Chalet Fichtelgebirge", price: "Ab 280€ / Nacht", rating: 5,
|
||
reviewCount: "70 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cement-seat-urban-park_23-2148328851.jpg", imageAlt: "Alpen-Chalet im Fichtelgebirge"},
|
||
{
|
||
id: "bayern-fuessen-wohnung-1", brand: "Füssen, Bayern", name: "Wohnung am Weißensee", price: "Ab 250€ / Nacht", rating: 5,
|
||
reviewCount: "110 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg", imageAlt: "Wohnung direkt am Weißensee, Füssen"},
|
||
{
|
||
id: "bayern-fuessen-pension-1", brand: "Füssen, Bayern", name: "Romantische Pension Füssen", price: "Ab 180€ / Nacht", rating: 4,
|
||
reviewCount: "60 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/landscape-ski-resort-french-alps-tignes_268835-1083.jpg", imageAlt: "Romantische Pension in Füssen"},
|
||
{
|
||
id: "ruegen-altefaehr-haus-3", brand: "Rügen", name: "Moderne Villa Altefähr", price: "Ab 380€ / Nacht", rating: 5,
|
||
reviewCount: "150 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/out-sea-aircraft-carrier-heading-sea_181624-26254.jpg", imageAlt: "Moderne Villa in Altefähr, Rügen"},
|
||
]}
|
||
title="Ihre Traumunterkunft wartet"
|
||
description="Entdecken Sie unsere handverlesenen Ferienhäuser, Wohnungen und Pensionen an idyllischen Standorten."
|
||
/>
|
||
</div>
|
||
|
||
<div id="ueber-uns" data-section="ueber-uns">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="Ihr Partner für exklusive Urlaubserlebnisse"
|
||
metrics={[
|
||
{
|
||
icon: Award,
|
||
label: "Jahre Erfahrung", value: "15+"},
|
||
{
|
||
icon: Star,
|
||
label: "Zufriedene Gäste", value: "10.000+"},
|
||
{
|
||
icon: MapPin,
|
||
label: "Exklusive Standorte", value: "3"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="gaestestimmen" data-section="gaestestimmen">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Anna Schmidt", handle: "@schmidt_travels", testimonial: "Ein Traumurlaub auf Rügen! Das Ferienhaus war makellos sauber, die Einrichtung luxuriös und der Meerblick unvergesslich. Wir kommen definitiv wieder!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", imageAlt: "Porträt von Anna Schmidt"},
|
||
{
|
||
id: "2", name: "Max Müller", handle: "@max_explores", testimonial: "Die Wohnung in Gustow hat alle Erwartungen übertroffen. Ruhig gelegen, mit stilvoller Einrichtung und allem Komfort. Perfekt für unsere Auszeit!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-relaxing-beach_53876-23520.jpg", imageAlt: "Porträt von Max Müller"},
|
||
{
|
||
id: "3", name: "Lena Wagner", handle: "@lena_wandert", testimonial: "Das Chalet im Fichtelgebirge war ein echtes Highlight! Modern, gemütlich und mit einer atemberaubenden Aussicht. Absolut empfehlenswert für Naturliebhaber.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-smiling-love-rucksack-grey-hair_1134-715.jpg", imageAlt: "Porträt von Lena Wagner"},
|
||
{
|
||
id: "4", name: "Tom Becker", handle: "@tom_reist", testimonial: "Der Aufenthalt in Füssen am Weißensee war fantastisch. Die Wohnung direkt am See war ein Traum. Besser geht es nicht!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-young-adult-reading_23-2149129076.jpg", imageAlt: "Porträt von Tom Becker"},
|
||
{
|
||
id: "5", name: "Sabine König", handle: "@sabine_holiday", testimonial: "Die Pension in Bayern war charmant und sehr gepflegt. Der Service war hervorragend und die Lage perfekt für Ausflüge. Ein perfekter Kurzurlaub!", rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-caucasian-woman-sil-canyon-spain_181624-32967.jpg", imageAlt: "Porträt von Sabine König"},
|
||
]}
|
||
showRating={true}
|
||
title="Das sagen unsere Gäste"
|
||
description="Authentische Stimmen und Erlebnisse, die Vertrauen schaffen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "Wie buche ich eine Unterkunft?", content: "Sie können Ihre Wunschunterkunft bequem über unsere Webseite anfragen oder uns telefonisch kontaktieren. Wir beraten Sie gerne persönlich."},
|
||
{
|
||
id: "faq2", title: "Sind Haustiere erlaubt?", content: "In einigen unserer Ferienhäuser und Wohnungen sind Haustiere gegen eine zusätzliche Gebühr erlaubt. Bitte geben Sie dies bei Ihrer Anfrage an."},
|
||
{
|
||
id: "faq3", title: "Welche Ausstattung finde ich vor Ort?", content: "Alle unsere Unterkünfte sind vollständig ausgestattet, inklusive Küche, Bettwäsche und Handtüchern. Details finden Sie auf der jeweiligen Unterkunftsseite."},
|
||
{
|
||
id: "faq4", title: "Gibt es WLAN in den Unterkünften?", content: "Ja, alle unsere Ferienresidenzen verfügen über kostenfreies Highspeed-WLAN für Ihren Komfort."},
|
||
{
|
||
id: "faq5", title: "Wie sind die Stornierungsbedingungen?", content: "Unsere Stornierungsbedingungen variieren je nach Buchungszeitpunkt und Saison. Genaue Informationen erhalten Sie mit Ihrem Buchungsangebot."},
|
||
{
|
||
id: "faq6", title: "Was kann ich in der Umgebung unternehmen?", content: "Rügen und Bayern bieten vielfältige Freizeitmöglichkeiten. Von Wassersport und Wanderungen bis hin zu kulturellen Sehenswürdigkeiten und alpinen Aktivitäten."},
|
||
]}
|
||
title="Häufig gestellte Fragen"
|
||
description="Antworten auf die wichtigsten Fragen rund um Ihren Aufenthalt."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Booking.com", "Airbnb", "Ferienwohnungen.de", "Fewo-Direkt", "Rügen Tourismus", "Bayern Tourismus", "ADAC Reisen"]}
|
||
title="Vertrauen Sie auf Qualität"
|
||
description="Unsere Unterkünfte sind bei führenden Portalen gelistet und vielfach ausgezeichnet, um Ihnen höchste Sicherheit zu garantieren."
|
||
/>
|
||
</div>
|
||
|
||
<div id="kontakt" data-section="kontakt">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "downward-rays-static"}}
|
||
text="Bereit für Ihren Traumurlaub? Kontaktieren Sie uns noch heute für ein unverbindliches Angebot oder weitere Informationen."
|
||
buttons={[
|
||
{
|
||
text: "Jetzt anfragen", href: "mailto:info@ferienresidenzen.de"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Unterkünfte", items: [
|
||
{
|
||
label: "Ferienhäuser Rügen", href: "#unterkuenfte"},
|
||
{
|
||
label: "Wohnungen Rügen", href: "#unterkuenfte"},
|
||
{
|
||
label: "Ferienhäuser Fichtelgebirge", href: "#unterkuenfte"},
|
||
{
|
||
label: "Wohnungen Bayern", href: "#unterkuenfte"},
|
||
{
|
||
label: "Pension Bayern", href: "#unterkuenfte"},
|
||
],
|
||
},
|
||
{
|
||
title: "Service", items: [
|
||
{
|
||
label: "Kontakt", href: "#kontakt"},
|
||
{
|
||
label: "FAQs", href: "#faq"},
|
||
{
|
||
label: "Über Uns", href: "#ueber-uns"},
|
||
],
|
||
},
|
||
{
|
||
title: "Rechtliches", items: [
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
{
|
||
label: "AGB", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-gingerbread-house-collection_23-2148356369.jpg"
|
||
logoAlt="Ferienresidenzen Logo"
|
||
logoText="Ferienresidenzen"
|
||
copyrightText="© 2024 Ferienresidenzen | Alle Rechte vorbehalten"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |