Files
c25fb9f1-bb26-466b-b81e-1a6…/src/app/preise/page.tsx
2026-03-23 00:16:16 +00:00

148 lines
8.0 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import { Building, Home, ShieldCheck } from "lucide-react";
export default function PreisePage() {
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={[
{ 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" },
]}
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
brandName="Rümpel Fix Lippe"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "plain" }}
title="Unsere Preise: Transparent, fair und ohne versteckte Kosten"
description="Wir bieten Ihnen flexible Paketlösungen oder individuelle Angebote nach einer kostenlosen Besichtigung. Finden Sie das passende Modell für Ihre Bedürfnisse."
kpis={[
{ value: "10+", label: "Jahre Erfahrung" },
{ value: "1000+", label: "Zufriedene Kunden" },
{ value: "100%", label: "Umweltgerecht" },
]}
enableKpiAnimation={false}
buttons={[{ text: "Jetzt kostenloses Angebot anfordern", href: "/kontakt" }]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-man-cleaning-dirty-surface_23-2149175240.jpg?_wi=1"
imageAlt="Team arbeitet bei einer Haushaltsauflösung"
mediaAnimation="none"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
animationType="slide-up"
plans={[
{
id: "small", badge: "Klein", badgeIcon: Home,
price: "ab 150€", subtitle: "Für kleine Entrümpelungen oder Sperrmüllabholung", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
features: [
"Basis-Entrümpelung", "Sperrmüllabholung (bis 2m³)", "Umweltgerechte Entsorgung", "1 Stunde Arbeitszeit"],
},
{
id: "medium", badge: "Standard", badgeIcon: Building,
price: "ab 450€", subtitle: "Für Wohnungsauflösungen und größere Entrümpelungen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
features: [
"Möbel- & Hausrat-Entrümpelung", "Sperrmüllabholung (bis 5m³)", "Besenreine Übergabe", "3 Stunden Arbeitszeit"],
},
{
id: "full-service", badge: "Premium", badgeIcon: ShieldCheck,
price: "Individuell", subtitle: "Komplettpaket für Haushaltsauflösungen ohne Sorgen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
features: [
"Komplette Haushaltsauflösung", "Sonderentsorgungen inklusive", "Professionelle Reinigung", "Flexible Arbeitszeiten"],
},
]}
title="Transparente Preise & faire Angebote"
description="Wir bieten flexible Paketlösungen oder individuelle Angebote nach einer kostenlosen Besichtigung. Finden Sie das passende Modell für Ihre Bedürfnisse."
/>
</div>
<div id="faq-pricing" data-section="faq-pricing">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "Wie erhalte ich ein kostenloses Angebot?", content: "Kontaktieren Sie uns telefonisch oder über unser Kontaktformular. Wir vereinbaren dann einen unverbindlichen Besichtigungstermin vor Ort, um Ihnen ein maßgeschneidertes Angebot zu erstellen."},
{
id: "2", title: "Sind die Preise transparent?", content: "Ja, absolute Preistransparenz ist uns wichtig. Alle Kosten werden im Angebot detailliert aufgeschlüsselt, es gibt keine versteckten Gebühren."},
{
id: "3", title: "Was passiert mit den entsorgten Gegenständen?", content: "Wir legen großen Wert auf umweltgerechte Entsorgung. Verwertbare Gegenstände werden recycelt, wiederverwertet oder gespendet. Nicht mehr brauchbare Materialien werden fachgerecht entsorgt."},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=2"
imageAlt="Person beim Lesen eines Vertrags"
mediaAnimation="none"
mediaPosition="right"
title="Häufig gestellte Fragen zu Preisen & Ablauf"
description="Hier finden Sie Antworten auf die wichtigsten Fragen rund um unsere Dienstleistungen und Kosten."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Noch Fragen? Kontaktieren Sie uns!"
description="Wir stehen Ihnen jederzeit für eine persönliche Beratung zur Verfügung. Schreiben Sie uns oder rufen Sie an."
inputs={[
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
{ name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true },
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer (optional)" },
]}
textarea={{ name: "message", placeholder: "Ihre Nachricht und Anliegen", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/business-partners-greeting-each-other_1262-20511.jpg?_wi=3"
imageAlt="Freundliches Team im Kundenservice"
mediaAnimation="none"
buttonText="Anfrage senden"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Startseite", href: "/" }, { label: "Über uns", href: "/ueber-uns" }] },
{ items: [{ label: "Dienstleistungen", href: "/dienstleistungen" }, { label: "Preise", href: "/preise" }, { label: "Galerie", href: "/galerie" }] },
{ items: [{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Blog", href: "/blog" }, { label: "Kontakt", href: "/kontakt" }] },
]}
logoText="Rümpel Fix Lippe"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}