201 lines
11 KiB
TypeScript
201 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||
|
||
import { ArrowRight, Star } from 'lucide-react';
|
||
|
||
export default function HomePage() {
|
||
const navItems = [
|
||
{ name: "Startseite", id: "/" },
|
||
{ name: "Über uns", id: "/ueber-uns" },
|
||
{ name: "Dienstleistungen", id: "/dienstleistungen" },
|
||
{ name: "Preise", id: "/preise" },
|
||
{ name: "Galerie", id: "/galerie" },
|
||
{ name: "Kundenbewertungen", id: "/kundenbewertungen" },
|
||
{ name: "Blog", id: "/blog" },
|
||
{ name: "Kontakt", id: "/kontakt" }
|
||
];
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmall"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={navItems}
|
||
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
|
||
brandName="Rümpel Fix Lippe"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
title="Ihr Partner für Entrümpelung und Haushaltsauflösung in Lippe"
|
||
description="Rümpel Fix Lippe bietet professionelle und diskrete Dienstleistungen für Privat- und Geschäftskunden."
|
||
background={{
|
||
variant: "rotated-rays-animated"
|
||
}}
|
||
kpis={[
|
||
{ value: "24/7", label: "Erreichbarkeit" },
|
||
{ value: "100%", label: "Zufriedenheit" },
|
||
{ value: "5+", label: "Jahre Erfahrung" },
|
||
]}
|
||
enableKpiAnimation={true}
|
||
tag="Rümpel Fix Lippe"
|
||
buttons={[
|
||
{ text: "Kostenloses Angebot", href: "/kontakt" },
|
||
{ text: "Mehr erfahren", href: "/ueber-uns" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/female-worker-uniform-with-vacuum-cleaner_23-2148443916.jpg?_wi=2"
|
||
imageAlt="Professionelle Reinigungskraft"
|
||
/>
|
||
</div>
|
||
|
||
<div id="key-services" data-section="key-services">
|
||
<FeatureCardEight
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Haushaltsauflösungen", description: "Wir übernehmen die komplette Auflösung Ihres Haushalts, Wohnungs oder Geschäftsraums – besenrein und stressfrei.", imageSrc: "http://img.b2bpic.net/free-photo/male-cleaner-working-office_23-2148197171.jpg?_wi=2", imageAlt: "Haushaltsauflösung in einem leeren Raum"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Entrümpelungen aller Art", description: "Ob Keller, Dachboden, Garage oder ganze Häuser – wir entrümpeln schnell, effizient und umweltgerecht.", imageSrc: "http://img.b2bpic.net/free-photo/view-room-empty-after-move_23-2150334812.jpg?_wi=2", imageAlt: "Entrümpelung eines Kellers"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Sperrmüllabholung", description: "Umfassender Service für die Abholung und Entsorgung von Sperrmüll. Wir kümmern uns um die fachgerechte Verwertung.", imageSrc: "http://img.b2bpic.net/free-photo/garbage-recycling-waste-utilization-vector-icon-set_1308-112771.jpg?_wi=2", imageAlt: "Sperrmüllabholung"
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "Messie-Wohnungen", description: "Diskret und professionell kümmern wir uns um die Reinigung und Entrümpelung von Messie-Wohnungen.", imageSrc: "http://img.b2bpic.net/free-photo/shot-many-junk-left-room_23-2149591969.jpg?_wi=2", imageAlt: "Reinigung einer Messie-Wohnung"
|
||
},
|
||
]}
|
||
title="Unsere Kernkompetenzen im Überblick"
|
||
description="Umfassende Lösungen für jede Situation – schnell, sauber und zuverlässig."
|
||
buttons={[{ text: "Alle Dienstleistungen", href: "/dienstleistungen" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials-home" data-section="testimonials-home">
|
||
<TestimonialCardTwo
|
||
title="Was unsere Kunden sagen"
|
||
description="Lesen Sie, was unsere zufriedenen Kunden über unsere Arbeit berichten."
|
||
testimonials={[
|
||
{ id: "1", name: "Anna Müller", role: "Privatkundin", testimonial: "Rümpel Fix Lippe hat meine Wohnung schnell und professionell geräumt. Absolut empfehlenswert!", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-ponytail-taking-notes-smiling-copy-space_23-2148756303.jpg?_wi=2", imageAlt: "Anna Müller" },
|
||
{ id: "2", name: "Frank Schulze", role: "Geschäftskunde", testimonial: "Die Entrümpelung unserer Büroräume erfolgte pünktlich und zu unserer vollsten Zufriedenheit. Gerne wieder!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-business-man_23-2147827878.jpg?_wi=2", imageAlt: "Frank Schulze" },
|
||
{ id: "3", name: "Lisa Weber", role: "Privatkundin", testimonial: "Toller Service, sehr freundliches Team und das Ergebnis war perfekt. Vielen Dank!", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-sitting-table-office-looking-camera_23-2147827877.jpg?_wi=2", imageAlt: "Lisa Weber" },
|
||
{ id: "4", name: "Michael Schmidt", role: "Privatkunde", testimonial: "Schnelle und zuverlässige Arbeit. Mein Keller ist wieder begehbar. Absolut top!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-businessman-glasses_23-2147827879.jpg?_wi=2", imageAlt: "Michael Schmidt" }
|
||
]}
|
||
carouselMode="auto"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
textboxLayout="default"
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardTen
|
||
useInvertedBackground={false}
|
||
title="Unser Team: Experten für Entrümpelung"
|
||
tag="Unser Team"
|
||
membersAnimation="slide-up"
|
||
members={[
|
||
{ id: "1", name: "Max Mustermann", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-green-shirt_1145-200.jpg?_wi=2", imageAlt: "Max Mustermann" },
|
||
{ id: "2", name: "Erika Mustermann", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-engineer-glasses-hard-hat_176420-19815.jpg?_wi=2", imageAlt: "Erika Mustermann" },
|
||
{ id: "3", name: "Mustafa Öz", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-hipster-style_1139-847.jpg?_wi=2", imageAlt: "Mustafa Öz" },
|
||
{ id: "4", name: "Anna Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/african-woman-using-mobile-phone-while-talking-with-colleague_23-2148767710.jpg?_wi=2", imageAlt: "Anna Schmidt" }
|
||
]}
|
||
memberVariant="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
title="Wir arbeiten für zufriedene Kunden"
|
||
description="Vertrauen Sie auf unsere Expertise – zahlreiche Kunden in Lippe haben uns bereits ihr Vertrauen geschenkt."
|
||
logos={[
|
||
"http://img.b2bpic.net/free-photo/young-girl-with-ponytail-taking-notes-smiling-copy-space_23-2148756303.jpg?_wi=2", "http://img.b2bpic.net/free-photo/african-woman-using-mobile-phone-while-talking-with-colleague_23-2148767710.jpg?_wi=2", "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-green-shirt_1145-200.jpg?_wi=2", "http://img.b2bpic.net/free-photo/close-up-portrait-businessman-glasses_23-2147827879.jpg?_wi=2", "http://img.b2bpic.net/free-photo/cheerful-female-engineer-glasses-hard-hat_176420-19815.jpg?_wi=2", "http://img.b2bpic.net/free-photo/handsome-bearded-man-hipster-style_1139-847.jpg?_wi=2"
|
||
]}
|
||
names={[
|
||
"Kunde 1", "Kunde 2", "Kunde 3", "Kunde 4", "Kunde 5", "Kunde 6"
|
||
]}
|
||
speed={40}
|
||
useInvertedBackground={true}
|
||
showCard={false}
|
||
textboxLayout="default"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-home" data-section="contact-home">
|
||
<ContactSplitForm
|
||
title="Jetzt kostenloses Angebot anfordern"
|
||
description="Kontaktieren Sie uns für eine persönliche Beratung und ein unverbindliches Angebot. Wir sind für Sie da!"
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" }
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 5 }}
|
||
buttonText="Nachricht senden"
|
||
imageSrc="http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=2"
|
||
imageAlt="Kontaktperson"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Über uns", href: "/ueber-uns" },
|
||
{ label: "Team", href: "/ueber-uns#team" },
|
||
{ label: "Referenzen", href: "/kundenbewertungen" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Haushaltsauflösungen", href: "/dienstleistungen" },
|
||
{ label: "Entrümpelungen", href: "/dienstleistungen" },
|
||
{ label: "Sperrmüllabholung", href: "/dienstleistungen" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Anfrage senden", href: "/kontakt" },
|
||
{ label: "Impressum", href: "/impressum" },
|
||
{ label: "Datenschutz", href: "/datenschutz" }
|
||
]
|
||
}
|
||
]}
|
||
logoText="Rümpel Fix Lippe"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|