282 lines
8.7 KiB
TypeScript
282 lines
8.7 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="large"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Leistungen",
|
||
id: "leistungen",
|
||
},
|
||
{
|
||
name: "Vorteile",
|
||
id: "vorteile",
|
||
},
|
||
{
|
||
name: "Bewertungen",
|
||
id: "bewertungen",
|
||
},
|
||
{
|
||
name: "Kontakt",
|
||
id: "kontakt",
|
||
},
|
||
]}
|
||
brandName="Michael Schreiber"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Heizung & Sanitär mit Meisterhand"
|
||
description="Seit Jahren vertrauen uns Kunden in der Region bei Heizungsinstallation, Badsanierung und Sanitärtechnik. Zuverlässig, kompetent und immer persönlich."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||
alt: "Kunde 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||
alt: "Kunde 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/this-place-we-re-starting-our-adventure_329181-7397.jpg",
|
||
alt: "Kunde 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/teenage-girl-washing-dishes-washing-dishes-kitchen-housework_169016-67651.jpg",
|
||
alt: "Kunde 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-floor-room-with-loft-interior_613910-20179.jpg",
|
||
alt: "Kunde 5",
|
||
},
|
||
]}
|
||
avatarText="5,0 von 5 - Alle Kunden empfehlen uns"
|
||
buttons={[
|
||
{
|
||
text: "Kostenlos beraten lassen",
|
||
href: "#kontakt",
|
||
},
|
||
{
|
||
text: "Unsere Leistungen",
|
||
href: "#leistungen",
|
||
},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "Meisterbetrieb",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Qualitätsarbeit",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Zuverlässiger Service",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Modernste Technik",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Regional verwurzelt",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="leistungen" data-section="leistungen">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1",
|
||
title: "Heizungsinstallation",
|
||
descriptions: [
|
||
"Neue Heizungsanlagen, Wärmepumpen, Gas- und Ölheizungen",
|
||
"Fachgerecht installiert für maximale Effizienz",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367574.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "f2",
|
||
title: "Badsanierung",
|
||
descriptions: [
|
||
"Ihr neues Traumbad von der Planung bis zur Fliese",
|
||
"Alles aus einer Hand, termingerecht und sauber",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "f3",
|
||
title: "Sanitärtechnik",
|
||
descriptions: [
|
||
"Installation, Reparatur und Wartung",
|
||
"Rohrleitungen, Armaturen und Abwassersysteme",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367574.jpg?_wi=2",
|
||
},
|
||
]}
|
||
title="Alles aus einer Hand"
|
||
description="Von der modernen Heizungsanlage bis zum Traumbad. Wir bieten Ihnen das komplette Spektrum der Heizungs- und Sanitärtechnik."
|
||
/>
|
||
</div>
|
||
|
||
<div id="bewertungen" data-section="bewertungen">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Frau Uke",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Ulrich Klingseisen",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Roman Schweigert",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/this-place-we-re-starting-our-adventure_329181-7397.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Kevin Meineke",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-washing-dishes-washing-dishes-kitchen-housework_169016-67651.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Klaus Müller",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-floor-room-with-loft-interior_613910-20179.jpg",
|
||
},
|
||
]}
|
||
cardTitle="Kundenstimmen"
|
||
cardTag="Erfahrung & Vertrauen"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Aktuelles & Tipps"
|
||
description="Erfahren Sie mehr über moderne Heiztechnik und smarte Sanitärlösungen."
|
||
blogs={[
|
||
{
|
||
id: "b1",
|
||
category: "Heizung",
|
||
title: "Wärmepumpe richtig planen",
|
||
excerpt: "Was Sie beim Wechsel auf erneuerbare Energien beachten sollten.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367574.jpg?_wi=3",
|
||
authorName: "Michael Schreiber",
|
||
authorAvatar: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||
date: "10.05.2025",
|
||
},
|
||
{
|
||
id: "b2",
|
||
category: "Bäder",
|
||
title: "Barrierefreies Badezimmer",
|
||
excerpt: "Design trifft auf Komfort und Sicherheit in jedem Alter.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=2",
|
||
authorName: "Michael Schreiber",
|
||
authorAvatar: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||
date: "15.06.2025",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="kontakt" data-section="kontakt">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
text="Bereit für Ihr nächstes Projekt? Egal ob Heizung, Bad oder Sanitär – wir beraten Sie gerne unverbindlich und kostenlos. Kontaktieren Sie uns noch heute für ein persönliches Gespräch."
|
||
buttons={[
|
||
{
|
||
text: "Jetzt anrufen",
|
||
href: "tel:+4900000000",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Michael Schreiber"
|
||
columns={[
|
||
{
|
||
title: "Service",
|
||
items: [
|
||
{
|
||
label: "Heizung",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Sanitär",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Wartung",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Unternehmen",
|
||
items: [
|
||
{
|
||
label: "Impressum",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Datenschutz",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2026 Michael Schreiber Heizungs- und Sanitärtechnik."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|