132 lines
5.4 KiB
TypeScript
132 lines
5.4 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { AlertTriangle, Droplet, Droplets, Flame, Wrench } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Start", id: "hero" },
|
||
{ name: "Leistungen", id: "leistungen" },
|
||
{ name: "Vorteile", id: "vorteile" },
|
||
{ name: "Über uns", id: "about" },
|
||
{ name: "Kontakt", id: "contact" },
|
||
]}
|
||
brandName="Rohr & Kraft"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero">
|
||
<HeroLogo
|
||
logoText="Rohr & Kraft"
|
||
description="Ihr professioneller Partner in München für Sanitär, Heizung und Rohrreinigung. 24/7 Notdienst – schnell, zuverlässig, fair."
|
||
buttons={[
|
||
{ text: "Jetzt anrufen", href: "tel:+4989123456" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg?_wi=1"
|
||
imageAlt="Klempner bei der Arbeit"
|
||
/>
|
||
</div>
|
||
|
||
<div id="leistungen">
|
||
<FeatureHoverPattern
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Unsere Leistungen"
|
||
description="Von akuten Notfällen bis zur kompletten Badsanierung – wir bieten fachmännische Lösungen für Ihr Zuhause."
|
||
features={[
|
||
{ icon: AlertTriangle, title: "Rohrbruch-Notdienst", description: "24/7 Soforthilfe bei Wasserschäden in München." },
|
||
{ icon: Flame, title: "Heizungsinstallation", description: "Moderne Heiztechnik für effiziente Wärme." },
|
||
{ icon: Droplets, title: "Badezimmersanierung", description: "Ihr Traum-Bad aus einer Hand geplant und umgesetzt." },
|
||
{ icon: Droplet, title: "Wasserschadenbeseitigung", description: "Professionelle Trocknung und Sanierung nach Notfällen." },
|
||
{ icon: Wrench, title: "Kanalreinigung", description: "Zuverlässige Beseitigung von Verstopfungen." },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="vorteile">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Ihre Vorteile bei Rohr & Kraft"
|
||
description="Warum Münchner Haushalte uns vertrauen."
|
||
metrics={[
|
||
{ id: "v1", value: "24/7", title: "Notdienst", description: "Rund um die Uhr für Sie da.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg" },
|
||
{ id: "v2", value: "Fix", title: "Festpreis", description: "Transparente Kosten, keine Überraschungen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112486.jpg" },
|
||
{ id: "v3", value: "Geprüft", title: "Fachbetrieb", description: "Zertifizierte Qualität und Sicherheit.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384822.jpg" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "Ihr lokaler Klempner in München" },
|
||
]}
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Super schnell und professionell bei meinem Notfall! Absolut empfehlenswert für München."
|
||
rating={5}
|
||
author="Familie Müller"
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="slide-up"
|
||
avatars={[]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact">
|
||
<ContactSplit
|
||
tag="Kontakt"
|
||
title="Direkt Hilfe anfordern"
|
||
description="Rufen Sie uns an oder schreiben Sie uns eine Nachricht."
|
||
background={{ variant: "gradient-bars" }}
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer">
|
||
<FooterMedia
|
||
logoText="Rohr & Kraft"
|
||
copyrightText="© 2024 Rohr & Kraft – Ihr Klempner in München"
|
||
columns={[
|
||
{ title: "Service", items: [{ label: "Notdienst", href: "tel:+4989123456" }] },
|
||
{ title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
|
||
{ title: "Öffnungszeiten", items: [{ label: "24/7 für Sie erreichbar", href: "#" }] }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |