Update src/app/dienstleistungen/page.tsx
This commit is contained in:
@@ -2,306 +2,176 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Calendar, Recycle, Search, Trash2, Users } from "lucide-react";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import FeatureCardTwo from "@/components/sections/feature/FeatureCardTwo";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import {
|
||||
Broom,
|
||||
CalendarCheck,
|
||||
CheckCircle,
|
||||
ClipboardList,
|
||||
Handshake,
|
||||
Recycle,
|
||||
ReceiptText,
|
||||
ShieldCheck,
|
||||
Truck,
|
||||
Users
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DienstleistungenPage() {
|
||||
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"
|
||||
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: "home",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Dienstleistungen",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Kundenbewertungen",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "/kontakt",
|
||||
}}
|
||||
brandName="Rümpel Fix Lippe"
|
||||
/>
|
||||
</div>
|
||||
<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="services-overview" data-section="services-overview">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wohnungs- & Hausentrümpelung",
|
||||
description: "Professionelle Entrümpelung von Wohnungen, Häusern und Kellern, schnell und besenrein.",
|
||||
tag: "Komplettservice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216761.jpg?_wi=3",
|
||||
imageAlt: "room with old furniture before clearing",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Haushaltsauflösungen",
|
||||
description: "Wir kümmern uns um die komplette Auflösung Ihres Haushalts, diskret und respektvoll.",
|
||||
tag: "Sensibel & Gründlich",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-signing-parcel-near-courier_23-2147787868.jpg?_wi=3",
|
||||
imageAlt: "empty room after household liquidation",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sperrmüllentsorgung",
|
||||
description: "Abholung und fachgerechte Entsorgung von Sperrmüll aller Art.",
|
||||
tag: "Einfach & Schnell",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=3",
|
||||
imageAlt: "pile of bulky waste on the street",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Spezialentsorgungen",
|
||||
description: "Entsorgung von Problemstoffen und speziellen Abfällen nach geltenden Vorschriften.",
|
||||
tag: "Fachgerecht",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-garbage-colorful-template_1284-48539.jpg?_wi=3",
|
||||
imageAlt: "various types of waste being sorted for disposal",
|
||||
},
|
||||
]}
|
||||
title="Unsere Dienstleistungen im Überblick"
|
||||
description="Von der kleinen Entrümpelung bis zur kompletten Haushaltsauflösung – Rümpel Fix Lippe bietet maßgeschneiderte Lösungen für Ihre individuellen Bedürfnisse. Wir sorgen für Ordnung und Sauberkeit."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Unsere Dienstleistungen: Umfassende Lösungen für jede Entrümpelung"
|
||||
description="Von Haushaltsauflösungen über Sperrmüllabholung bis hin zu speziellen Entsorgungen – wir bieten maßgeschneiderte Services für Privat- und Geschäftskunden."
|
||||
kpis={[
|
||||
{ value: "10+", label: "Jahre Erfahrung" },
|
||||
{ value: "1000+", label: "Zufriedene Kunden" },
|
||||
{ value: "100%", label: "Umweltgerecht" },
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
buttons={[{ text: "Kostenloses Angebot anfordern", href: "/kontakt" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-removing-rubbish-from-kitchen-cupboards_23-2147726514.jpg?_wi=1"
|
||||
imageAlt="Team arbeitet bei einer Haushaltsauflösung"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Kostenlose Erstbesichtigung",
|
||||
description: "Wir besichtigen Ihr Objekt vor Ort und besprechen Ihre Anforderungen ausführlich.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=2",
|
||||
imageAlt: "person reviewing documents for an estimate",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Search,
|
||||
text: "Objektanalyse",
|
||||
},
|
||||
{
|
||||
icon: Handshake,
|
||||
text: "Persönliche Beratung",
|
||||
},
|
||||
{
|
||||
icon: ReceiptText,
|
||||
text: "Unverbindliches Angebot",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Termin & Planung",
|
||||
description: "Nach Angebotsannahme vereinbaren wir einen passenden Termin und detaillieren den Ablauf.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-getting-ready-move-new-home_23-2149094128.jpg?_wi=2",
|
||||
imageAlt: "moving boxes ready for transport",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Flexible Terminfindung",
|
||||
},
|
||||
{
|
||||
icon: ClipboardList,
|
||||
text: "Detaillierte Ablaufplanung",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Teamkoordination",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fachgerechte Durchführung",
|
||||
description: "Unser Team führt die Auflösung schnell, sauber und diskret durch.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-new-house-concept_53876-144474.jpg?_wi=3",
|
||||
imageAlt: "professional house clearance team working",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Trash2,
|
||||
text: "Sortierung & Entsorgung",
|
||||
},
|
||||
{
|
||||
icon: Broom,
|
||||
text: "Besenreine Übergabe",
|
||||
},
|
||||
{
|
||||
icon: Recycle,
|
||||
text: "Nachhaltigkeit",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="So funktioniert eine Haushaltsauflösung mit uns"
|
||||
description="Wir gewährleisten einen transparenten und effizienten Prozess, von der ersten Kontaktaufnahme bis zur besenreinen Übergabe. Jeder Schritt wird sorgfältig geplant und umgesetzt."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-media" data-section="feature-media">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Haushaltsauflösungen", description: "Wir übernehmen die komplette Auflösung von Wohnungen und Häusern – besenrein und diskret.", tag: "Komplettservice", imageSrc: "http://img.b2bpic.net/free-photo/people-working-charity-remove-boxes_23-2149175239.jpg?_wi=1", imageAlt: "Haushaltsauflösung in einer Wohnung"},
|
||||
{
|
||||
id: "2", title: "Entrümpelung", description: "Ob Keller, Dachboden, Garage oder ganze Objekte – wir schaffen Platz und Ordnung.", tag: "Platz schaffen", imageSrc: "http://img.b2bpic.net/free-photo/view-two-male-workers-organizing-garage-with-tools_23-2149313264.jpg?_wi=1", imageAlt: "Entrümpelung einer Garage"},
|
||||
{
|
||||
id: "3", title: "Sperrmüllabholung", description: "Wir holen Ihren Sperrmüll termingerecht und zuverlässig ab, inklusive fachgerechter Entsorgung.", tag: "Bequem", imageSrc: "http://img.b2bpic.net/free-photo/worker-carrying-wooden-boxes_23-2149313261.jpg?_wi=1", imageAlt: "Sperrmüll wird abgeholt"},
|
||||
{
|
||||
id: "4", title: "Sonderentsorgungen", description: "Für Problemstoffe, Elektroschrott und andere spezielle Materialien bieten wir sichere Entsorgungslösungen.", tag: "Spezial", imageSrc: "http://img.b2bpic.net/free-vector/flat-garbage-colorful-template_1284-48539.jpg?_wi=1", imageAlt: "Sonderentsorgung von Elektronikschrott"},
|
||||
]}
|
||||
title="Unsere Kernleistungen im Überblick"
|
||||
description="Wir sind Ihr Partner für alle Arten von Entrümpelungen und Entsorgungen in Bad Salzuflen und Umgebung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-services" data-section="faq-services">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Was ist in einer Entrümpelung enthalten?",
|
||||
content: "Unsere Entrümpelungen umfassen das Sortieren, Räumen, Transportieren und die fachgerechte Entsorgung aller nicht mehr benötigten Gegenstände. Auf Wunsch führen wir auch kleinere Reinigungsarbeiten durch, um das Objekt besenrein zu übergeben.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie lange dauert eine Haushaltsauflösung?",
|
||||
content: "Die Dauer hängt von der Größe des Objekts und dem Umfang des Hausrats ab. Nach einer kostenlosen Erstbesichtigung können wir Ihnen eine genaue Zeitabschätzung geben, meist zwischen einem halben und mehreren Tagen.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Was passiert mit den Gegenständen?",
|
||||
content: "Verwertbare Gegenstände werden nach Absprache an soziale Einrichtungen gespendet oder recycelt. Nicht verwertbare Materialien werden fachgerecht und umweltfreundlich entsorgt, unter Einhaltung aller gesetzlichen Bestimmungen.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Bieten Sie auch Teilentrümpelungen an?",
|
||||
content: "Ja, selbstverständlich. Ob Keller, Dachboden, Garage oder einzelne Zimmer – wir entrümpeln genau die Bereiche, die Sie wünschen.",
|
||||
},
|
||||
]}
|
||||
title="Häufige Fragen zu unseren Dienstleistungen"
|
||||
description="Hier finden Sie Antworten auf die am häufigsten gestellten Fragen zu unseren Entrümpelungs- und Haushaltsauflösungsdiensten."
|
||||
faqsAnimation="slide-up"
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-card-ten" data-section="feature-card-ten">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Besenreine Übergabe", description: "Wir verlassen jede Immobilie sauber und ordentlich, bereit für die nächste Nutzung.", media: { imageSrc: "http://img.b2bpic.net/free-photo/view-cleaning-products-with-copy-space_23-2149303681.jpg?_wi=1", imageAlt: "Besenreine Übergabe" },
|
||||
items: [{ icon: Broom, text: "Gründliche Reinigung" }, { icon: CheckCircle, text: "Zufriedenheitsgarantie" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2", title: "Umweltgerechte Entsorgung", description: "Wir recyceln und verwerten so viel wie möglich, um die Umwelt zu schonen.", media: { imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-with-light-bulb-nature-background_1423-1463.jpg?_wi=1", imageAlt: "Umweltgerechte Entsorgung" },
|
||||
items: [{ icon: Recycle, text: "Nachhaltig" }, { icon: ShieldCheck, text: "Zertifiziert" }],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3", title: "Diskret und Zuverlässig", description: "Unser Team arbeitet diskret und termingerecht, um Ihre Privatsphäre zu wahren.", media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-house-cleaner-working_23-2148006277.jpg?_wi=1", imageAlt: "Diskretion" },
|
||||
items: [{ icon: Handshake, text: "Vertrauenswürdig" }, { icon: CalendarCheck, text: "Termintreu" }],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Unser Versprechen an Sie"
|
||||
description="Bei Rümpel Fix Lippe stehen Professionalität, Diskretion und Umweltbewusstsein an erster Stelle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta-services" data-section="cta-services">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Bereit für Ordnung?"
|
||||
title="Kostenloses Angebot anfordern"
|
||||
description="Lassen Sie uns Ihr Zuhause oder Büro von unnötigem Ballast befreien. Kontaktieren Sie uns für eine unverbindliche Beratung und ein individuelles Angebot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "/kontakt",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-card-two" data-section="feature-card-two">
|
||||
<FeatureCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", icon: Truck,
|
||||
title: "Kostenlose Besichtigung", description: "Wir bieten eine unverbindliche und kostenlose Vor-Ort-Besichtigung zur genauen Angebotserstellung."},
|
||||
{
|
||||
id: "2", icon: ReceiptText,
|
||||
title: "Festpreisgarantie", description: "Nach der Besichtigung erhalten Sie ein transparentes Festpreisangebot ohne versteckte Kosten."},
|
||||
{
|
||||
id: "3", icon: ClipboardList,
|
||||
title: "Pünktliche Ausführung", description: "Wir halten uns an vereinbarte Termine und erledigen die Arbeiten zuverlässig und zeitnah."},
|
||||
{
|
||||
id: "4", icon: Users,
|
||||
title: "Erfahrenes Team", description: "Unser geschultes und freundliches Personal sorgt für einen reibungslosen Ablauf und beste Ergebnisse."},
|
||||
]}
|
||||
title="Warum Rümpel Fix Lippe wählen?"
|
||||
description="Ihre Vorteile auf einen Blick – wir überzeugen durch Service, Transparenz und Qualität."
|
||||
buttons={[{ text: "Jetzt Kontakt aufnehmen", href: "/kontakt" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Dienstleistungen",
|
||||
items: [
|
||||
{
|
||||
label: "Entrümpelung",
|
||||
href: "/dienstleistungen#entruempelung",
|
||||
},
|
||||
{
|
||||
label: "Haushaltsauflösung",
|
||||
href: "/dienstleistungen#haushaltsaufloesung",
|
||||
},
|
||||
{
|
||||
label: "Sperrmüllentsorgung",
|
||||
href: "/dienstleistungen#sperrmuell",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/ueber-uns",
|
||||
},
|
||||
{
|
||||
label: "Preise",
|
||||
href: "/preise",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "/impressum",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "/datenschutz",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Rümpel Fix Lippe"
|
||||
copyrightText="© 2024 Rümpel Fix Lippe. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-page" data-section="contact-page">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Benötigen Sie eine Entrümpelung?"
|
||||
description="Kontaktieren Sie uns für 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-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=2"
|
||||
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user