Update src/app/dienstleistungen/page.tsx
This commit is contained in:
@@ -2,306 +2,134 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardEight';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import { Calendar, Recycle, Search, Trash2, Users } from "lucide-react";
|
import { Handshake, ReceiptText, ClipboardList, Broom, Gauge, Star, Recycle, Home, Building, ShieldCheck } from "lucide-react";
|
||||||
|
|
||||||
|
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" }
|
||||||
|
];
|
||||||
|
|
||||||
export default function LandingPage() {
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="smallMedium"
|
contentWidth="smallMedium"
|
||||||
sizing="largeSmall"
|
sizing="largeSmall"
|
||||||
background="floatingGradient"
|
background="floatingGradient"
|
||||||
cardStyle="gradient-bordered"
|
cardStyle="gradient-bordered"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="shadow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={navItems}
|
||||||
{
|
button={{
|
||||||
name: "Startseite",
|
text: "Jetzt Angebot anfordern", href: "/kontakt"
|
||||||
id: "home",
|
}}
|
||||||
},
|
brandName="Rümpel Fix Lippe"
|
||||||
{
|
/>
|
||||||
name: "Über uns",
|
</div>
|
||||||
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="services-overview" data-section="services-overview">
|
<div id="dienstleistungen-hero" data-section="dienstleistungen-hero">
|
||||||
<FeatureCardMedia
|
{/* Placeholder for a hero-like section for the services page */}
|
||||||
textboxLayout="default"
|
<FeatureCardEight
|
||||||
useInvertedBackground={false}
|
textboxLayout="default"
|
||||||
carouselMode="buttons"
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: 1, title: "Entrümpelung mit Herz", description: "Von der kleinsten Wohnung bis zum größten Anwesen – wir räumen schnell und besenrein. Auch Messi-Wohnungen sind kein Problem.", imageSrc: "http://img.b2bpic.net/free-photo/senior-caucasian-woman-sitting-floor-with-boxes-new-apartment-talking-phone_637285-8025.jpg", imageAlt: "Entrümpelung einer Wohnung" },
|
||||||
id: "1",
|
{ id: 2, title: "Sperrmüll-Service", description: "Wir holen Ihren Sperrmüll termingerecht ab. Egal ob alte Möbel, Elektrogeräte oder Gartenabfälle – wir kümmern uns drum.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-garbage-piles_23-2149129524.jpg", imageAlt: "Sperrmüllabholung" }
|
||||||
title: "Wohnungs- & Hausentrümpelung",
|
]}
|
||||||
description: "Professionelle Entrümpelung von Wohnungen, Häusern und Kellern, schnell und besenrein.",
|
title="Unsere Kern-Dienstleistungen"
|
||||||
tag: "Komplettservice",
|
description="Rümpel Fix Lippe bietet Ihnen umfassende Lösungen für Entrümpelungen, Haushaltsauflösungen und mehr."
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216761.jpg?_wi=3",
|
buttons={[{ text: "Kontaktieren Sie uns", href: "/kontakt" }]
|
||||||
imageAlt: "room with old furniture before clearing",
|
}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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="how-it-works" data-section="how-it-works">
|
<div id="feature-card-media" data-section="feature-card-media">
|
||||||
<FeatureCardTen
|
<FeatureCardEight
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={false}
|
||||||
features={[
|
carouselMode="buttons"
|
||||||
{
|
animationType="slide-up"
|
||||||
id: "1",
|
features={[
|
||||||
title: "Kostenlose Erstbesichtigung",
|
{ id: "1", title: "Haushaltsauflösungen", description: "Professionelle und besenreine Auflösung von Haushalten, Wohnungen oder Geschäftsräumen. Wir kümmern uns um alles.", tag: "Komplettservice", imageSrc: "http://img.b2bpic.net/free-photo/house-interior-view_23-2148722971.jpg", imageAlt: "Haushaltsauflösung" },
|
||||||
description: "Wir besichtigen Ihr Objekt vor Ort und besprechen Ihre Anforderungen ausführlich.",
|
{ id: "2", title: "Entrümpelungen", description: "Wir befreien Ihr Zuhause von unerwünschten Möbeln und Hausrat – schnell, diskret und gründlich.", tag: "Sorgfältig", imageSrc: "http://img.b2bpic.net/free-photo/person-packing-box-close-up-shot_23-2149206385.jpg", imageAlt: "Entrümpelung" },
|
||||||
media: {
|
{ id: "3", title: "Sperrmüllabholung", description: "Kein Problem mit großen und unhandlichen Gegenständen. Wir holen Ihren Sperrmüll termingerecht ab.", tag: "Flexibel", imageSrc: "http://img.b2bpic.net/free-photo/rubbish-collection_23-2148869805.jpg", imageAlt: "Sperrmüll" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=2",
|
]}
|
||||||
imageAlt: "person reviewing documents for an estimate",
|
title="Detaillierte Übersicht unserer Leistungen"
|
||||||
},
|
description="Wir bieten maßgeschneiderte Lösungen für jede Situation."
|
||||||
items: [
|
/>
|
||||||
{
|
</div>
|
||||||
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="faq-services" data-section="faq-services">
|
<div id="feature-card-ten" data-section="feature-card-ten">
|
||||||
<FaqBase
|
<FeatureCardEight
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
animationType="slide-up"
|
||||||
{
|
features={[
|
||||||
id: "1",
|
{
|
||||||
title: "Was ist in einer Entrümpelung enthalten?",
|
id: "1", title: "Kostenlose Besichtigung", description: "Jedes Projekt beginnt mit einer kostenlosen und unverbindlichen Besichtigung vor Ort, um den Aufwand präzise zu kalkulieren.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussing-financial-plan_23-2149170241.jpg", imageAlt: "Kostenlose Besichtigung" },
|
||||||
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.",
|
items: [{ icon: Handshake, text: "Unverbindlich" }, { icon: ReceiptText, text: "Transparentes Angebot" }],
|
||||||
},
|
reverse: false
|
||||||
{
|
},
|
||||||
id: "2",
|
{
|
||||||
title: "Wie lange dauert eine Haushaltsauflösung?",
|
id: "2", title: "Umweltgerechte Entsorgung", description: "Wir legen größten Wert auf nachhaltige und umweltfreundliche Entsorgung. Verwertbare Gegenstände werden recycelt oder gespendet.", media: { imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-lifestyle-concept_23-2148505432.jpg", imageAlt: "Umweltgerechte Entsorgung" },
|
||||||
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.",
|
items: [{ icon: Recycle, text: "Nachhaltig" }, { icon: ClipboardList, text: "Zertifiziert" }],
|
||||||
},
|
reverse: true
|
||||||
{
|
},
|
||||||
id: "3",
|
{
|
||||||
title: "Was passiert mit den Gegenständen?",
|
id: "3", title: "Besenreine Übergabe", description: "Nach Abschluss der Arbeiten übergeben wir Ihnen die Räumlichkeiten besenrein, sodass Sie sich um nichts mehr kümmern müssen.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaning-lady-gloves-holding-cleaning-equipment_23-2148900010.jpg", imageAlt: "Besenreine Übergabe" },
|
||||||
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.",
|
items: [{ icon: Broom, text: "Sauber" }, { icon: ShieldCheck, text: "Zuverlässig" }],
|
||||||
},
|
reverse: false
|
||||||
{
|
}
|
||||||
id: "4",
|
]}
|
||||||
title: "Bieten Sie auch Teilentrümpelungen an?",
|
title="Unser Prozess: Einfach und Transparent"
|
||||||
content: "Ja, selbstverständlich. Ob Keller, Dachboden, Garage oder einzelne Zimmer – wir entrümpeln genau die Bereiche, die Sie wünschen.",
|
description="Von der ersten Kontaktaufnahme bis zur besenreinen Übergabe – so arbeiten wir."
|
||||||
},
|
/>
|
||||||
]}
|
</div>
|
||||||
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="cta-services" data-section="cta-services">
|
<div id="footer" data-section="footer">
|
||||||
<ContactCTA
|
<FooterLogoEmphasis
|
||||||
useInvertedBackground={true}
|
columns={[
|
||||||
background={{
|
{
|
||||||
variant: "sparkles-gradient",
|
items: [
|
||||||
}}
|
{ label: "Startseite", href: "/" },
|
||||||
tag="Bereit für Ordnung?"
|
{ label: "Über uns", href: "/ueber-uns" }
|
||||||
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={[
|
{
|
||||||
{
|
items: [
|
||||||
text: "Jetzt anfragen",
|
{ label: "Dienstleistungen", href: "/dienstleistungen" },
|
||||||
href: "/kontakt",
|
{ label: "Preise", href: "/preise" },
|
||||||
},
|
{ label: "Galerie", href: "/galerie" }
|
||||||
]}
|
]
|
||||||
/>
|
},
|
||||||
</div>
|
{
|
||||||
|
items: [
|
||||||
<div id="footer" data-section="footer">
|
{ label: "Kundenbewertungen", href: "/kundenbewertungen" },
|
||||||
<FooterBase
|
{ label: "Blog", href: "/blog" },
|
||||||
columns={[
|
{ label: "Kontakt", href: "/kontakt" }
|
||||||
{
|
]
|
||||||
title: "Dienstleistungen",
|
}
|
||||||
items: [
|
]}
|
||||||
{
|
logoText="Rümpel Fix Lippe"
|
||||||
label: "Entrümpelung",
|
/>
|
||||||
href: "/dienstleistungen#entruempelung",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user