351 lines
11 KiB
TypeScript
351 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="blurBottom"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Galerie",
|
||
id: "gallery",
|
||
},
|
||
{
|
||
name: "Bewertungen",
|
||
id: "reviews",
|
||
},
|
||
{
|
||
name: "Kontakt",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="LIMO-ELITE"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Luxus, der bewegt"
|
||
description="Exklusive Limousinen für Hochzeiten, Events & VIP Fahrten."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-team-working_23-2148404053.jpg?_wi=1",
|
||
imageAlt: "Luxus Limo 1",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746623.jpg?_wi=1",
|
||
imageAlt: "Luxus Limo 2",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-taxis-rush-through-city-streets-twilight-generated-by-ai_188544-37155.jpg?_wi=1",
|
||
imageAlt: "Luxus Limo 3",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-team-working_23-2148404053.jpg?_wi=2",
|
||
imageAlt: "Luxus Limo 4",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746623.jpg?_wi=2",
|
||
imageAlt: "Luxus Limo 5",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-taxis-rush-through-city-streets-twilight-generated-by-ai_188544-37155.jpg?_wi=2",
|
||
imageAlt: "Luxus Limo 6",
|
||
},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-taxis-rush-through-city-streets-twilight-generated-by-ai_188544-37155.jpg?_wi=3",
|
||
imageAlt: "Luxus Limo 1",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746623.jpg?_wi=3",
|
||
imageAlt: "Luxus Limo 2",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-team-working_23-2148404053.jpg?_wi=3",
|
||
imageAlt: "Luxus Limo 3",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-taxis-rush-through-city-streets-twilight-generated-by-ai_188544-37155.jpg?_wi=4",
|
||
imageAlt: "Luxus Limo 4",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746623.jpg?_wi=4",
|
||
imageAlt: "Luxus Limo 5",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-team-working_23-2148404053.jpg?_wi=4",
|
||
imageAlt: "Luxus Limo 6",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Jetzt buchen",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/newlyweds-sitting-stairs_1153-902.jpg",
|
||
alt: "Kunde 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",
|
||
alt: "Kunde 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg",
|
||
alt: "Kunde 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
|
||
alt: "Kunde 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||
alt: "Kunde 5",
|
||
},
|
||
]}
|
||
avatarText="Mehr als 500+ zufriedene VIP-Kunden"
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "Wedding Specialists",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "VIP Chauffeur Service",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Business Transfers",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Event Shuttle",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Luxury Fleet",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1",
|
||
title: "Hochzeiten",
|
||
subtitle: "Unvergesslicher Auftritt für euren Tag",
|
||
category: "Event",
|
||
value: "Premium",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Events & Partys",
|
||
subtitle: "VIP Feeling für jeden Anlass",
|
||
category: "Lifestyle",
|
||
value: "Exklusiv",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Business & VIP",
|
||
subtitle: "Diskretion auf höchstem Niveau",
|
||
category: "Business",
|
||
value: "Professionell",
|
||
},
|
||
]}
|
||
title="Unsere Leistungen"
|
||
description="Ihr exklusiver Partner für unvergessliche Erlebnisse."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Anna & Lukas",
|
||
date: "2025-05-12",
|
||
title: "Hochzeitsfahrt",
|
||
quote: "Absolut perfekt! Unsere Hochzeit war dank Limo-Elite wie im Film.",
|
||
tag: "5 Sterne",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/newlyweds-sitting-stairs_1153-902.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-sitting-inside-car_1303-18972.jpg",
|
||
imageAlt: "luxury black limousine interior",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Kevin M.",
|
||
date: "2025-06-20",
|
||
title: "Party-Service",
|
||
quote: "Mega Service, super Fahrer und eine unglaubliche Limousine!",
|
||
tag: "5 Sterne",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-team-working_23-2148404053.jpg?_wi=5",
|
||
imageAlt: "luxury stretch limousine side view",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Sarah W.",
|
||
date: "2025-07-02",
|
||
title: "Business",
|
||
quote: "Luxus pur. Jeder Euro wert – wir buchen wieder!",
|
||
tag: "5 Sterne",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746623.jpg?_wi=5",
|
||
imageAlt: "luxurious car interior leather seats",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Markus H.",
|
||
date: "2025-08-15",
|
||
title: "Event",
|
||
quote: "Ein unvergesslicher Abend. Alles lief reibungslos.",
|
||
tag: "5 Sterne",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-taxis-rush-through-city-streets-twilight-generated-by-ai_188544-37155.jpg?_wi=5",
|
||
imageAlt: "professional chauffeur in suit",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Elena P.",
|
||
date: "2025-09-01",
|
||
title: "VIP Trip",
|
||
quote: "Professioneller Chauffeur und erstklassiges Fahrzeug.",
|
||
tag: "5 Sterne",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/newlyweds-sitting-stairs_1153-902.jpg",
|
||
imageAlt: "happy couple wedding portrait",
|
||
},
|
||
]}
|
||
title="Kundenbewertungen"
|
||
description="Erfahren Sie, warum unsere Kunden auf Limo-Elite vertrauen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Häufige Fragen"
|
||
description="Alles was Sie über unseren Limousinenservice wissen müssen."
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "Wie kann ich eine Limousine buchen?",
|
||
content: "Senden Sie uns einfach eine Anfrage per E-Mail oder nutzen Sie das Kontaktformular.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Sind die Getränke im Preis enthalten?",
|
||
content: "Ja, in unseren Paketen sind bereits erlesene Getränke inkludiert.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Gibt es eine Mindestmietdauer?",
|
||
content: "Die Mindestbuchung beträgt bei uns in der Regel 2 Stunden.",
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Darf man in der Limousine rauchen?",
|
||
content: "Unsere Fahrzeuge sind Nichtraucher-Fahrzeuge, um den erstklassigen Zustand zu bewahren.",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
text="Bereit für Ihre exklusive Fahrt? Kontaktieren Sie uns noch heute: 📞 +49 123 456789 | 📧 info@limo-elite.de"
|
||
buttons={[
|
||
{
|
||
text: "Jetzt anfragen",
|
||
href: "mailto:info@limo-elite.de",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Über uns",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Kontakt",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Datenschutz",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Impressum",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="LIMO-ELITE"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|