Update src/app/dienstleistungen/page.tsx
This commit is contained in:
@@ -2,163 +2,69 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/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";
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function DienstleistungenPage() {
|
||||
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"
|
||||
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" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
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 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="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="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="feature-card-two" data-section="feature-card-two">
|
||||
<FeatureCardTwo
|
||||
<div id="services-page" data-section="services-page">
|
||||
<FeatureCardEight
|
||||
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: 1,
|
||||
title: "Möbel- & Hausrat-Entrümpelung", description: "Wir befreien Ihr Zuhause von unerwünschten Möbeln und Hausrat – schnell, diskret und gründlich.", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216761.jpg?_wi=2", imageAlt: "Entrümpelung eines Wohnzimmers"
|
||||
},
|
||||
{
|
||||
id: "2", icon: ReceiptText,
|
||||
title: "Festpreisgarantie", description: "Nach der Besichtigung erhalten Sie ein transparentes Festpreisangebot ohne versteckte Kosten."},
|
||||
id: 2,
|
||||
title: "Sperrmüllabholung", description: "Kein Problem mit großen und unhandlichen Gegenständen. Wir holen Ihren Sperrmüll termingerecht ab.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=2", imageAlt: "Sperrmüllhaufen zur Abholung"
|
||||
},
|
||||
{
|
||||
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: 3,
|
||||
title: "Haushaltsauflösungen", description: "Professionelle und besenreine Auflösung von Haushalten, Wohnungen oder Geschäftsräumen. Wir kümmern uns um alles.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-signing-parcel-near-courier_23-2147787868.jpg?_wi=2", imageAlt: "Haushaltsauflösung in einem leeren Haus"
|
||||
},
|
||||
{
|
||||
id: "4", icon: Users,
|
||||
title: "Erfahrenes Team", description: "Unser geschultes und freundliches Personal sorgt für einen reibungslosen Ablauf und beste Ergebnisse."},
|
||||
id: 4,
|
||||
title: "Sonderentsorgungen", description: "Wir entsorgen fachgerecht und umweltfreundlich – auch Problemstoffe und spezielle Materialien.", imageSrc: "http://img.b2bpic.net/free-vector/flat-garbage-colorful-template_1284-48539.jpg?_wi=2", imageAlt: "Sonderentsorgung von Elektronikschrott"
|
||||
}
|
||||
]}
|
||||
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="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"
|
||||
title="Unsere Leistungen: Alles rund ums Haus"
|
||||
description="Von der kleinen Entrümpelung bis zur kompletten Haushaltsauflösung – wir sind Ihr starker Partner in Lippe."
|
||||
buttons={[{ text: "Alle Dienstleistungen", href: "/dienstleistungen" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,7 +73,7 @@ export default function DienstleistungenPage() {
|
||||
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" }] },
|
||||
{ items: [{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Blog", href: "/blog" }, { label: "Kontakt", href: "/kontakt" }] }
|
||||
]}
|
||||
logoText="Rümpel Fix Lippe"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user