290 lines
14 KiB
TypeScript
290 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { CalendarCheck, Car, Clock, UserCheck } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="blurBottom"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "Über Uns", id: "#about"},
|
||
{
|
||
name: "Dienstleistungen", id: "#features"},
|
||
{
|
||
name: "Bewertungen", id: "#testimonials"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
]}
|
||
brandName="Taxizentrale Chur"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "glowing-orb"}}
|
||
title="Ihr Taxi in Chur: Schnell, zuverlässig, komfortabel."
|
||
description="Buchen Sie Ihre Fahrt in und um Chur einfach und bequem. Wir bringen Sie sicher ans Ziel – 24/7 verfügbar."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092130.jpg", imageAlt: "Modernes Taxi in Chur bei Nacht"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908127.jpg", imageAlt: "Blick auf Chur von einem Taxi aus"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-woman-with-backpack-standing-street-with-cars-passing-her-holding_1258-205964.jpg", imageAlt: "Benutzerfreundliche Taxi-App Oberfläche"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-traveling_23-2149204062.jpg", imageAlt: "Taxi am Bahnhof Chur"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/orange-sedan-driving-curved-winter-country-road-dynamic-car-motion_169016-71600.jpg", imageAlt: "Taxi auf einer malerischen Route"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-sign-blurred-city-night-background_181624-17989.jpg", imageAlt: "Glückliche Kunden im Taxi"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-smartphone-having-coffee-her-car_23-2148685308.jpg", imageAlt: "Taxi fährt tagsüber durch Chur"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-got-into-his-car_496169-2899.jpg", imageAlt: "Taxi vor einem historischen Gebäude"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-by-electro-car-center_1303-20476.jpg", imageAlt: "Taxi bei Sonnenaufgang mit Stadtblick"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-blurry-man-talking-phone_23-2149530064.jpg", imageAlt: "Familie im Taxi in den Schweizer Alpen"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/valet-helping-man-side-view_23-2149901397.jpg", imageAlt: "Taxi auf einer belebten Stadtstrasse"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-taxi-streets-new-york-city-night_23-2150820164.jpg", imageAlt: "Taxi mit glücklichem Paar"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Jetzt Buchen", href: "#contact"},
|
||
{
|
||
text: "Preise Ansehen", href: "#features"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg", alt: "Kundenavatar 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "Kundenavatar 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg", alt: "Kundenavatar 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-wise-man-posing-studio_23-2149883498.jpg", alt: "Kundenavatar 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-girl-looking-camera_1187-4948.jpg", alt: "Kundenavatar 5"},
|
||
]}
|
||
avatarText="4.9 (186+ Bewertungen)"
|
||
marqueeItems={[
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-1116.jpg", alt: "urban traffic with cityscape"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg", alt: "Man sitting in the car at night"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049654.jpg", alt: "Blurred nightlights in the city"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001231.jpg", alt: "Man sitting in the car at night"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/young-delivery-woman-with-tablet_23-2147767755.jpg", alt: "Young delivery woman with tablet"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Seit Jahren Ihr Partner in Chur"
|
||
description={[
|
||
"Taxizentrale Chur steht für Pünktlichkeit, Sicherheit und Komfort. Mit unserer modernen Flotte und erfahrenen Fahrern garantieren wir Ihnen eine angenehme Fahrt, egal ob für Privatpersonen oder Geschäftskunden.", "Unser Service ist rund um die Uhr verfügbar, um Ihre Mobilitätsbedürfnisse zu erfüllen. Vertrauen Sie auf lokale Expertise und exzellenten Kundenservice."]}
|
||
buttons={[
|
||
{
|
||
text: "Mehr über uns", href: "#"},
|
||
]}
|
||
showBorder={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "feature-1", title: "Flughafentransfer", tags: [
|
||
"Pünktlich", "Bequem"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-street_23-2147737544.jpg", imageAlt: "Taxi am Flughafen"},
|
||
{
|
||
id: "feature-2", title: "Stadtfahrten", tags: [
|
||
"Schnell", "Lokal"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-car_52683-88497.jpg", imageAlt: "Taxi in den Strassen von Chur"},
|
||
{
|
||
id: "feature-3", title: "Kurierfahrten", tags: [
|
||
"Sofort", "Sicher"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-order-car-trunk_23-2149106428.jpg", imageAlt: "Paket im Taxi"},
|
||
{
|
||
id: "feature-4", title: "Event-Shuttle", tags: [
|
||
"Grossanlässe", "Exklusiv"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-couple-is-smiling-black-car-sunny-day-dressed-elegant-wedding-outfits-with-red-bouquet_8353-11161.jpg", imageAlt: "Personen verlassen Taxi vor Event"},
|
||
]}
|
||
title="Unsere Dienstleistungen"
|
||
description="Wir bieten eine breite Palette an Taxidiensten, zugeschnitten auf Ihre Bedürfnisse."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Anna Schmidt", role: "Geschäftsführerin", company: "Swiss Invest AG", rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EXLfvXAzLOoWOHFxlZh3YIQLOd/uploaded-1780320565722-c2b3lr1n.jpg", imageAlt: "Portrait Anna Schmidt"},
|
||
{
|
||
id: "2", name: "Max Muster", role: "Marketingleiter", company: "Marketing Solutions GmbH", rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EXLfvXAzLOoWOHFxlZh3YIQLOd/uploaded-1780320565722-ttes327l.jpg", imageAlt: "Portrait Max Muster"},
|
||
{
|
||
id: "3", name: "Lena Weber", role: "Startup Gründerin", company: "Tech Innovations AG", rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EXLfvXAzLOoWOHFxlZh3YIQLOd/uploaded-1780320565722-o99rirc7.jpg", imageAlt: "Portrait Lena Weber"},
|
||
{
|
||
id: "4", name: "Jan Koch", role: "IT-Experte", company: "Datenschutz Consulting", rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EXLfvXAzLOoWOHFxlZh3YIQLOd/uploaded-1780320565722-me33nr0c.jpg", imageAlt: "Portrait Jan Koch"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "10.000+", label: "Erfolgreiche Fahrten"},
|
||
{
|
||
value: "5 Jahre", label: "Erfahrung in Chur"},
|
||
{
|
||
value: "99%", label: "Kundenzufriedenheit"},
|
||
]}
|
||
title="Was unsere Kunden sagen"
|
||
description="Ihre Zufriedenheit ist unser Antrieb. Lesen Sie, was unsere Fahrgäste über uns berichten."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "metric-1", value: "24/7", title: "Verfügbarkeit", description: "Wir sind jederzeit für Sie da.", icon: Clock,
|
||
},
|
||
{
|
||
id: "metric-2", value: "100%", title: "Pünktlichkeit", description: "Ihre Zeit ist uns wichtig.", icon: CalendarCheck,
|
||
},
|
||
{
|
||
id: "metric-3", value: "Modern", title: "Fahrzeugflotte", description: "Komfortabel und sicher unterwegs.", icon: Car,
|
||
},
|
||
{
|
||
id: "metric-4", value: "Erfahren", title: "Fahrerteam", description: "Profis am Steuer.", icon: UserCheck,
|
||
},
|
||
]}
|
||
title="Unsere Erfolge in Zahlen"
|
||
description="Vertrauen Sie einem erfahrenen Partner für Ihre Fahrten in Chur."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Hotel Stern", "Restaurant Zunfthaus zur Rebleuten", "Graubündner Kantonalbank", "Chur Tourismus", "Rhätische Bahn", "Coop", "Denner", "Migros"]}
|
||
title="Unsere Partner & Kooperationen"
|
||
description="Wir arbeiten mit lokalen Unternehmen zusammen, um Ihnen den besten Service zu bieten."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Kontaktieren Sie uns"
|
||
title="Brauchen Sie ein Taxi in Chur?"
|
||
description="Rufen Sie uns an oder nutzen Sie unser Online-Formular für schnelle Anfragen. Wir sind rund um die Uhr für Sie da."
|
||
buttons={[
|
||
{
|
||
text: "Jetzt anrufen", href: "tel:+41812522222"},
|
||
{
|
||
text: "Online buchen", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/500px-photo-id-186836269-shot-gopro_181624-36479.jpg"
|
||
imageAlt="Blick auf Chur bei Nacht"
|
||
logoText="Taxizentrale Chur"
|
||
columns={[
|
||
{
|
||
title: "Dienstleistungen", items: [
|
||
{
|
||
label: "Flughafentransfer", href: "#features"},
|
||
{
|
||
label: "Stadtfahrten", href: "#features"},
|
||
{
|
||
label: "Kurierfahrten", href: "#features"},
|
||
{
|
||
label: "Event-Shuttle", href: "#features"},
|
||
],
|
||
},
|
||
{
|
||
title: "Unternehmen", items: [
|
||
{
|
||
label: "Über Uns", href: "#about"},
|
||
{
|
||
label: "Partner", href: "#social-proof"},
|
||
{
|
||
label: "Kontakt", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Rechtliches", items: [
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
{
|
||
label: "AGB", href: "#"},
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Taxizentrale Chur. Alle Rechte vorbehalten."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|