17 Commits

Author SHA1 Message Date
858ff269f9 Update src/app/ueber-uns/page.tsx 2026-03-23 00:19:59 +00:00
aa71b5c2d8 Update src/app/page.tsx 2026-03-23 00:19:59 +00:00
3c03d7ee06 Update src/app/dienstleistungen/page.tsx 2026-03-23 00:19:58 +00:00
19ee07bfcf Update src/app/ueber-uns/page.tsx 2026-03-23 00:19:23 +00:00
92f61fc2f5 Update src/app/page.tsx 2026-03-23 00:19:22 +00:00
208e845e6d Update src/app/dienstleistungen/page.tsx 2026-03-23 00:19:22 +00:00
ab8c4a26d8 Update src/app/ueber-uns/page.tsx 2026-03-23 00:17:15 +00:00
e49d302bf0 Update src/app/preise/page.tsx 2026-03-23 00:17:14 +00:00
b8c305d103 Update src/app/page.tsx 2026-03-23 00:17:14 +00:00
52e5a91bea Update src/app/kundenbewertungen/page.tsx 2026-03-23 00:17:14 +00:00
4cd93a1235 Update src/app/dienstleistungen/page.tsx 2026-03-23 00:17:13 +00:00
e6f9579836 Update src/app/galerie/page.tsx 2026-03-23 00:16:08 +00:00
2392f478c7 Update src/app/dienstleistungen/page.tsx 2026-03-23 00:16:08 +00:00
0dd5afec8d Update src/app/page.tsx 2026-03-23 00:14:56 +00:00
775e61972c Update src/app/page.tsx 2026-03-23 00:13:49 +00:00
de90cb7bf5 Update src/app/page.tsx 2026-03-23 00:11:19 +00:00
7d7c8f31c6 Update src/app/page.tsx 2026-03-23 00:10:44 +00:00
6 changed files with 320 additions and 405 deletions

View File

@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Handshake, ReceiptText, ClipboardList, Gauge, Star, Recycle, Home, Building, ShieldCheck, Sparkles } from "lucide-react";
export default function DienstleistungenPage() { export default function DienstleistungenPage() {
const navItems = [ const navItems = [
@@ -20,60 +21,103 @@ export default function DienstleistungenPage() {
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={navItems}
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }} button={{
text: "Jetzt Angebot anfordern", href: "/kontakt"
}}
brandName="Rümpel Fix Lippe" brandName="Rümpel Fix Lippe"
/> />
</div> </div>
<div id="services-page" data-section="services-page"> <div id="dienstleistungen-hero" data-section="dienstleistungen-hero">
{/* Placeholder for a hero-like section for the services page */}
<FeatureCardEight <FeatureCardEight
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
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: 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="Unsere Kern-Dienstleistungen"
description="Rümpel Fix Lippe bietet Ihnen umfassende Lösungen für Entrümpelungen, Haushaltsauflösungen und mehr."
buttons={[{ text: "Kontaktieren Sie uns", href: "/kontakt" }]
}
/>
</div>
<div id="feature-card-media" data-section="feature-card-media">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 1, 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/house-interior-view_23-2148722971.jpg", imageAlt: "Haushaltsauflösung" },
{ id: 2, title: "Entrümpelungen", description: "Wir befreien Ihr Zuhause von unerwünschten Möbeln und Hausrat schnell, diskret und gründlich.", imageSrc: "http://img.b2bpic.net/free-photo/person-packing-box-close-up-shot_23-2149206385.jpg", imageAlt: "Entrümpelung" },
{ id: 3, 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/rubbish-collection_23-2148869805.jpg", imageAlt: "Sperrmüll" }
]}
title="Detaillierte Übersicht unserer Leistungen"
description="Wir bieten maßgeschneiderte Lösungen für jede Situation."
/>
</div>
<div id="feature-card-ten" data-section="feature-card-ten">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[ features={[
{ {
id: 1, id: 1, title: "Kostenlose Besichtigung", description: "Jedes Projekt beginnt mit einer kostenlosen und unverbindlichen Besichtigung vor Ort, um den Aufwand präzise zu kalkulieren.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussing-financial-plan_23-2149170241.jpg", imageAlt: "Kostenlose Besichtigung"
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, id: 2, title: "Umweltgerechte Entsorgung", description: "Wir legen größten Wert auf nachhaltige und umweltfreundliche Entsorgung. Verwertbare Gegenstände werden recycelt oder gespendet.", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-lifestyle-concept_23-2148505432.jpg", imageAlt: "Umweltgerechte Entsorgung"
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, 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.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaning-lady-gloves-holding-cleaning-equipment_23-2148900010.jpg", imageAlt: "Besenreine Übergabe"
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,
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="Unsere Leistungen: Alles rund ums Haus" title="Unser Prozess: Einfach und Transparent"
description="Von der kleinen Entrümpelung bis zur kompletten Haushaltsauflösung wir sind Ihr starker Partner in Lippe." description="Von der ersten Kontaktaufnahme bis zur besenreinen Übergabe so arbeiten wir."
buttons={[{ text: "Alle Dienstleistungen", href: "/dienstleistungen" }]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ 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: [
{ items: [{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Blog", href: "/blog" }, { label: "Kontakt", href: "/kontakt" }] } { 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" logoText="Rümpel Fix Lippe"
/> />

View File

@@ -2,13 +2,22 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
export default function GaleriePage() { export default function GaleriePage() {
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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
@@ -25,94 +34,57 @@ export default function GaleriePage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={navItems}
{ name: "Startseite", id: "/" }, button={{
{ name: "Über uns", id: "/ueber-uns" }, text: "Jetzt Angebot anfordern", href: "/kontakt"
{ 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" brandName="Rümpel Fix Lippe"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="gallery-page" data-section="gallery-page">
<HeroSplitKpi <ProductCardTwo
background={{ variant: "plain" }}
title="Unsere Galerie: Vorher-Nachher-Eindrücke unserer Arbeit"
description="Sehen Sie selbst, wie wir Räume verwandeln von unaufgeräumt zu besenrein. Unsere Galerie zeigt erfolgreiche Projekte in Bad Salzuflen und Umgebung."
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/view-cleaning-products-with-copy-space_23-2149303681.jpg?_wi=1"
imageAlt="Galeriebild eines aufgeräumten Zimmers"
mediaAnimation="none"
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyThree
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
carouselMode="buttons" carouselMode="buttons"
animationType="slide-up" animationType="slide-up"
features={[ gridVariant="three-columns-all-equal-width"
{ products={[
id: "1", title: "Wohnungsauflösung Modern", tags: ["Vorher", "Nachher"], { id: "1", brand: "Wohnung", name: "Wohnungsauflösung Modern", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899435.jpg?_wi=1", imageAlt: "Leeres, modern entrümpeltes Wohnzimmer" },
imageSrc: "http://img.b2bpic.net/free-photo/pile-old-furniture-home-with-copy-space_23-2147726515.jpg?_wi=1", imageAlt: "Wohnungsauflösung Modern"}, { id: "2", brand: "Büro", name: "Büroentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-working-together_23-2149871306.jpg?_wi=1", imageAlt: "Sauberes und entrümpeltes Büro" },
{ { id: "3", brand: "Garage", name: "Garagenauflösung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=1", imageAlt: "Aufgeräumte und leere Garage" },
id: "2", title: "Büroentrümpelung", tags: ["Vorher", "Nachher"], { id: "4", brand: "Keller", name: "Kellerentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16077.jpg?_wi=1", imageAlt: "Gereinigter und entrümpelter Keller" },
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=1", imageAlt: "Büroentrümpelung"}, { id: "5", brand: "Dachboden", name: "Dachbodenentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-interior-background_23-2149454760.jpg?_wi=1", imageAlt: "Sauberer und leerer Dachbodenbereich" },
{ { id: "6", brand: "Garten", name: "Gartenabfallentsorgung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash_23-2149109092.jpg?_wi=1", imageAlt: "Entfernter Gartenabfall und sauberer Garten" }
id: "3", title: "Garagenauflösung", tags: ["Vorher", "Nachher"],
imageSrc: "http://img.b2bpic.net/free-photo/car-full-garbage-dump_23-2150117849.jpg?_wi=1", imageAlt: "Garagenauflösung"},
{
id: "4", title: "Kellerentrümpelung", tags: ["Vorher", "Nachher"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-cleaning-dirty-surface_23-2149175240.jpg?_wi=1", imageAlt: "Kellerentrümpelung"},
{
id: "5", title: "Dachbodenentrümpelung", tags: ["Vorher", "Nachher"],
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-products-tools-shelf_23-2149303682.jpg?_wi=1", imageAlt: "Dachbodenentrümpelung"},
{
id: "6", title: "Gartenabfallentsorgung", tags: ["Vorher", "Nachher"],
imageSrc: "http://img.b2bpic.net/free-photo/different-trash-bins-full-different-types-rubbish-outdoors_23-2149313262.jpg?_wi=1", imageAlt: "Gartenabfallentsorgung"},
]} ]}
title="Unsere Projekte: Vorher & Nachher" title="Unsere Projekte: Vorher & Nachher"
description="Überzeugen Sie sich selbst von unserer professionellen Arbeit ein Blick auf unsere erfolgreich abgeschlossenen Projekte in Bad Salzuflen und Umgebung." description="Überzeugen Sie sich selbst von unserer professionellen Arbeit ein Blick auf unsere erfolgreich abgeschlossenen Projekte in Bad Salzuflen und Umgebung."
/> />
</div> </div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ihr Weg zu einem aufgeräumten Zuhause"
description="Interessiert an unseren Dienstleistungen? Kontaktieren Sie uns noch heute für eine kostenlose Beratung und ein unverbindliches Angebot. Wir freuen uns auf Ihre Anfrage!"
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"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ 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: [
{ items: [{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Blog", href: "/blog" }, { label: "Kontakt", href: "/kontakt" }] }, { 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" logoText="Rümpel Fix Lippe"
/> />

View File

@@ -2,13 +2,22 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
export default function KundenbewertungenPage() { export default function KundenbewertungenPage() {
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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
@@ -25,74 +34,26 @@ export default function KundenbewertungenPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={navItems}
{ name: "Startseite", id: "/" }, button={{
{ name: "Über uns", id: "/ueber-uns" }, text: "Jetzt Angebot anfordern", href: "/kontakt"
{ 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" brandName="Rümpel Fix Lippe"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="reviews-hero" data-section="reviews-hero">
<HeroSplitKpi
background={{ variant: "plain" }}
title="Was unsere Kunden sagen: Ehrliche Bewertungen, die überzeugen"
description="Ihre Zufriedenheit ist unser größter Antrieb. Lesen Sie authentische Kundenstimmen und erfahren Sie, warum Rümpel Fix Lippe die erste Wahl für Entrümpelungen in Bad Salzuflen ist."
kpis={[
{ value: "10+", label: "Jahre Erfahrung" },
{ value: "1000+", label: "Zufriedene Kunden" },
{ value: "100%", label: "Umweltgerecht" },
]}
enableKpiAnimation={false}
buttons={[{ text: "Jetzt Angebot anfordern", href: "/kontakt" }]}
imageSrc="http://img.b2bpic.net/free-photo/happy-family-buying-new-house-real-estate-agent_23-2147787869.jpg?_wi=1"
imageAlt="Zufriedener Kunde mit Rümpel Fix Lippe Team"
mediaAnimation="none"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
carouselMode="buttons" animationType="slide-up"
testimonials={[ testimonials={[
{ id: "1", name: "Anna Schmidt", role: "Privatkundin", testimonial: "Rümpel Fix Lippe hat meine Haushaltsauflösung in Bad Salzuflen schnell und diskret erledigt. Ich bin begeistert von der Professionalität!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271994.jpg?_wi=1", imageAlt: "Anna Schmidt" }, { id: "1", name: "Anna Müller", role: "Zufriedene Kundin", testimonial: "Rümpel Fix Lippe hat unsere Wohnung schnell und besenrein geräumt. Absolut empfehlenswert!" },
{ id: "2", name: "Max Meier", role: "Geschäftskunde", testimonial: "Top Service! Die Entrümpelung unserer Büroräume verlief reibungslos und termingerecht. Absolut empfehlenswert.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg?_wi=1", imageAlt: "Max Meier" }, { id: "2", name: "Max Schmidt", role: "Hausbesitzer", testimonial: "Der Sperrmüll wurde pünktlich abgeholt und umweltgerecht entsorgt. Top Service!" },
{ id: "3", name: "Sophie Weber", role: "Immobilienmaklerin", testimonial: "Als Maklerin arbeite ich regelmäßig mit Rümpel Fix Lippe zusammen. Immer zuverlässig und die Objekte sind besenrein. Perfekt!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-poses-background-white-studio-holding-advertising-banner_114579-92507.jpg?_wi=1", imageAlt: "Sophie Weber" }, { id: "3", name: "Lena Meier", role: "Geschäftsfrau", testimonial: "Unsere Büroräume wurden professionell aufgelöst. Weniger Stress und perfekte Ausführung." }
{ id: "4", name: "Julian Becker", role: "Privatkunde", testimonial: "Der Sperrmüll wurde pünktlich abgeholt und das Team war super freundlich. Gerne wieder!", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-holds-chin-looks-up_141793-103938.jpg?_wi=1", imageAlt: "Julian Becker" },
]} ]}
title="Was unsere Kunden sagen" title="Was unsere Kunden sagen"
description="Vertrauen Sie auf ehrliche Meinungen unsere Google-Bewertungen sprechen für sich. Ihre Zufriedenheit ist unser größter Antrieb!" description="Echte Bewertungen von zufriedenen Kunden."
buttons={[
{ text: "Alle Bewertungen lesen", href: "/kundenbewertungen" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Kostenloses Angebot anfordern"
description="Kontaktieren Sie uns noch heute für eine unverbindliche Beratung und ein individuelles Angebot. Wir freuen uns auf Ihre Anfrage!"
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>
@@ -102,23 +63,23 @@ export default function KundenbewertungenPage() {
{ {
items: [ items: [
{ label: "Startseite", href: "/" }, { label: "Startseite", href: "/" },
{ label: "Über uns", href: "/ueber-uns" }, { label: "Über uns", href: "/ueber-uns" }
], ]
}, },
{ {
items: [ items: [
{ label: "Dienstleistungen", href: "/dienstleistungen" }, { label: "Dienstleistungen", href: "/dienstleistungen" },
{ label: "Preise", href: "/preise" }, { label: "Preise", href: "/preise" },
{ label: "Galerie", href: "/galerie" }, { label: "Galerie", href: "/galerie" }
], ]
}, },
{ {
items: [ items: [
{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Kundenbewertungen", href: "/kundenbewertungen" },
{ label: "Blog", href: "/blog" }, { label: "Blog", href: "/blog" },
{ label: "Kontakt", href: "/kontakt" }, { label: "Kontakt", href: "/kontakt" }
], ]
}, }
]} ]}
logoText="Rümpel Fix Lippe" logoText="Rümpel Fix Lippe"
/> />

View File

@@ -2,17 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { Home, Phone, Users, Recycle, Clock, MapPin } from "lucide-react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; 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() { export default function HomePage() {
const navItems = [ const navItems = [
@@ -43,126 +40,96 @@ export default function HomePage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={navItems} navItems={navItems}
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }} button={{
text: "Jetzt Angebot anfordern", href: "/kontakt"
}}
brandName="Rümpel Fix Lippe" brandName="Rümpel Fix Lippe"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
title="Ihr Partner für Entrümpelung und Haushaltsauflösung in Lippe" title="Rümpel Fix Lippe: Ihr Experte für Entrümpelung und Haushaltsauflösung"
description="Rümpel Fix Lippe bietet professionelle und diskrete Dienstleistungen für Privat- und Geschäftskunden." description="Wir bieten professionelle, schnelle und diskrete Lösungen für Entrümpelungen, Haushaltsauflösungen und Sperrmüllabholung im Kreis Lippe und Umgebung."
background={{ background={{ variant: "glowing-orb" }}
variant: "rotated-rays-animated"
}}
kpis={[
{ value: "24/7", label: "Erreichbarkeit" },
{ value: "100%", label: "Zufriedenheit" },
{ value: "5+", label: "Jahre Erfahrung" },
]}
enableKpiAnimation={true} enableKpiAnimation={true}
tag="Rümpel Fix Lippe" kpis={[
buttons={[ { value: "10+", label: "Jahre Erfahrung" },
{ text: "Kostenloses Angebot", href: "/kontakt" }, { value: "500+", label: "Erfolgreiche Projekte" },
{ text: "Mehr erfahren", href: "/ueber-uns" } { value: "98%", label: "Zufriedene Kunden" }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/female-worker-uniform-with-vacuum-cleaner_23-2148443916.jpg?_wi=2" buttons={[
imageAlt="Professionelle Reinigungskraft" { text: "Jetzt Angebot anfordern", href: "/kontakt" },
{ text: "Unsere Leistungen", href: "/dienstleistungen" }
]}
imageSrc="http://img.b2bpic.net/free-photo/senior-caucasian-woman-sitting-floor-with-boxes-new-apartment-talking-phone_637285-8025.jpg"
imageAlt="Zufriedener Kunde nach der Entrümpelung"
mediaAnimation="slide-up"
imagePosition="right"
/> />
</div> </div>
<div id="key-services" data-section="key-services"> <div id="key-services" data-section="key-services">
<FeatureCardEight <FeatureCardEight
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
features={[ features={[
{ { id: 1, 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/house-interior-view_23-2148722971.jpg", imageAlt: "Haushaltsauflösung" },
id: 1, { id: 2, title: "Entrümpelungen", description: "Wir befreien Ihr Zuhause von unerwünschten Möbeln und Hausrat schnell, diskret und gründlich.", imageSrc: "http://img.b2bpic.net/free-photo/person-packing-box-close-up-shot_23-2149206385.jpg", imageAlt: "Entrümpelung" },
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: 3, 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/rubbish-collection_23-2148869805.jpg", imageAlt: "Sperrmüllabholung" }
},
{
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" title="Unsere Kernleistungen"
description="Umfassende Lösungen für jede Situation schnell, sauber und zuverlässig." description="Von der Haushaltsauflösung bis zur Sperrmüllabholung wir sind Ihr zuverlässiger Partner."
buttons={[{ text: "Alle Dienstleistungen", href: "/dienstleistungen" }]}
/> />
</div> </div>
<div id="testimonials-home" data-section="testimonials-home"> <div id="testimonials-home" data-section="testimonials-home">
<TestimonialCardTwo <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" textboxLayout="default"
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false} useInvertedBackground={false}
title="Unser Team: Experten für Entrümpelung" animationType="slide-up"
tag="Unser Team" testimonials={[
membersAnimation="slide-up" { id: "1", name: "Sarah M.", role: "Kundin aus Detmold", testimonial: "Rümpel Fix Lippe hat bei unserer Haushaltsauflösung hervorragende Arbeit geleistet. Schnell, sauber und sehr diskret. Absolut empfehlenswert!", imageSrc: "https://randomuser.me/api/portraits/women/1.jpg", imageAlt: "Portrait von Sarah M." },
members={[ { id: "2", name: "Thomas K.", role: "Immobilienmakler aus Paderborn", testimonial: "Ich arbeite regelmäßig mit Rümpel Fix Lippe zusammen. Die Professionalität und Zuverlässigkeit sind beeindruckend. Immer wieder gerne!", imageSrc: "https://randomuser.me/api/portraits/men/2.jpg", imageAlt: "Portrait von Thomas K." },
{ 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: "3", name: "Julia B.", role: "Seniorenhaushalt aus Bielefeld", testimonial: "Die Entrümpelung unserer Garage war eine riesige Erleichterung. Das Team war sehr freundlich und hat alles perfekt organisiert.", imageSrc: "https://randomuser.me/api/portraits/women/3.jpg", imageAlt: "Portrait von Julia B." }
{ 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" title="Was unsere Kunden sagen"
description="Vertrauen Sie auf die positiven Erfahrungen unserer zufriedenen Kunden."
/> />
</div> </div>
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <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" textboxLayout="default"
useInvertedBackground={true}
title="Unsere Partner & zufriedene Kunden"
description="Wir arbeiten mit verschiedenen lokalen Unternehmen zusammen und sind stolz auf unsere starken Partnerschaften."
logos={[
"https://img.logoipsum.com/280.svg", "https://img.logoipsum.com/281.svg", "https://img.logoipsum.com/282.svg", "https://img.logoipsum.com/283.svg", "https://img.logoipsum.com/284.svg"
]}
names={["Partner A", "Partner B", "Partner C", "Partner D", "Partner E"]}
speed={40}
showCard={true}
/> />
</div> </div>
<div id="contact-home" data-section="contact-home"> <div id="contact-home" data-section="contact-home">
<ContactSplitForm <ContactSplitForm
title="Jetzt kostenloses Angebot anfordern" useInvertedBackground={false}
description="Kontaktieren Sie uns für eine persönliche Beratung und ein unverbindliches Angebot. Wir sind für Sie da!" imageSrc="http://img.b2bpic.net/free-photo/contact-us-customer-service-concept-man-hand-holding-smart-phone-with-keyboard-icon_616488-875.jpg"
imageAlt="Kontakt aufnehmen"
mediaAnimation="slide-up"
title="Kontaktieren Sie uns noch heute!"
description="Haben Sie Fragen oder möchten Sie ein unverbindliches Angebot? Wir sind für Sie da."
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Ihr Name", required: true }, { name: "name", type: "text", placeholder: "Ihr Name", required: true },
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true }, { name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" } { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" }
]} ]}
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 5 }} textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
buttonText="Nachricht senden" buttonText="Nachricht senden"
imageSrc="http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=2" onSubmit={(data) => console.log(data)}
imageAlt="Kontaktperson"
useInvertedBackground={false}
/> />
</div> </div>
@@ -171,23 +138,22 @@ export default function HomePage() {
columns={[ columns={[
{ {
items: [ items: [
{ label: "Über uns", href: "/ueber-uns" }, { label: "Startseite", href: "/" },
{ label: "Team", href: "/ueber-uns#team" }, { label: "Über uns", href: "/ueber-uns" }
{ label: "Referenzen", href: "/kundenbewertungen" }
] ]
}, },
{ {
items: [ items: [
{ label: "Haushaltsauflösungen", href: "/dienstleistungen" }, { label: "Dienstleistungen", href: "/dienstleistungen" },
{ label: "Entrümpelungen", href: "/dienstleistungen" }, { label: "Preise", href: "/preise" },
{ label: "Sperrmüllabholung", href: "/dienstleistungen" } { label: "Galerie", href: "/galerie" }
] ]
}, },
{ {
items: [ items: [
{ label: "Anfrage senden", href: "/kontakt" }, { label: "Kundenbewertungen", href: "/kundenbewertungen" },
{ label: "Impressum", href: "/impressum" }, { label: "Blog", href: "/blog" },
{ label: "Datenschutz", href: "/datenschutz" } { label: "Kontakt", href: "/kontakt" }
] ]
} }
]} ]}

View File

@@ -2,15 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
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() { export default function PreisePage() {
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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
@@ -27,40 +35,15 @@ export default function PreisePage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={navItems}
{ name: "Startseite", id: "/" }, button={{
{ name: "Über uns", id: "/ueber-uns" }, text: "Jetzt Angebot anfordern", href: "/kontakt"
{ 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" brandName="Rümpel Fix Lippe"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="pricing-page" data-section="pricing-page">
<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 <PricingCardTwo
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -68,75 +51,71 @@ export default function PreisePage() {
animationType="slide-up" animationType="slide-up"
plans={[ plans={[
{ {
id: "small", badge: "Klein", badgeIcon: Home, id: "basis", badge: "Basis", price: "Auf Anfrage", subtitle: "Ideal für kleine Projekte", features: [
price: "ab 150€", subtitle: "Für kleine Entrümpelungen oder Sperrmüllabholung", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }], "Kostenlose Besichtigung", "Besenreine Übergabe", "Umweltgerechte Entsorgung"
features: [ ],
"Basis-Entrümpelung", "Sperrmüllabholung (bis 2m³)", "Umweltgerechte Entsorgung", "1 Stunde Arbeitszeit"], buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
}, },
{ {
id: "medium", badge: "Standard", badgeIcon: Building, id: "komfort", badge: "Komfort", price: "Auf Anfrage", subtitle: "Umfassend und stressfrei", features: [
price: "ab 450€", subtitle: "Für Wohnungsauflösungen und größere Entrümpelungen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }], "Alle Basis-Leistungen", "Demontage von Möbeln", "Endreinigung nach Bedarf"
features: [ ],
"Möbel- & Hausrat-Entrümpelung", "Sperrmüllabholung (bis 5m³)", "Besenreine Übergabe", "3 Stunden Arbeitszeit"], buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
}, },
{ {
id: "full-service", badge: "Premium", badgeIcon: ShieldCheck, id: "premium", badge: "Premium", price: "Auf Anfrage", subtitle: "Alles inklusive Paket", features: [
price: "Individuell", subtitle: "Komplettpaket für Haushaltsauflösungen ohne Sorgen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }], "Alle Komfort-Leistungen", "Wertanrechnung verwertbarer Gegenstände", "Spezialentsorgung (z.B. Sondermüll)"
features: [ ],
"Komplette Haushaltsauflösung", "Sonderentsorgungen inklusive", "Professionelle Reinigung", "Flexible Arbeitszeiten"], buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
}, }
]} ]}
title="Transparente Preise & faire Angebote" title="Unsere fairen Preise"
description="Wir bieten flexible Paketlösungen oder individuelle Angebote nach einer kostenlosen Besichtigung. Finden Sie das passende Modell für Ihre Bedürfnisse." description="Transparente und flexible Preismodelle, angepasst an Ihre individuellen Bedürfnisse."
/> />
</div> </div>
<div id="faq-pricing" data-section="faq-pricing"> <div id="faq-pricing" data-section="faq-pricing">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/contact-us-customer-service-concept-man-hand-holding-smart-phone-with-keyboard-icon_616488-875.jpg"
imageAlt="FAQ Bild"
mediaAnimation="slide-up"
mediaPosition="right"
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ { id: "faq1", title: "Wie erfolgt die Preisgestaltung?", content: "Unsere Preise basieren auf dem Umfang der Räumung, der Menge des zu entsorgenden Materials und speziellen Anforderungen. Eine kostenlose Vor-Ort-Besichtigung ermöglicht ein präzises Angebot." },
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: "faq2", title: "Gibt es versteckte Kosten?", content: "Nein, Transparenz ist uns wichtig. Alle Kosten werden im Vorfeld klar kommuniziert. Das Angebot ist fest und enthält keine versteckten Gebühren." },
{ { id: "faq3", title: "Was passiert mit verwertbaren Gegenständen?", content: "Verwertbare Gegenstände können angerechnet werden oder werden umweltgerecht gespendet/recycelt. Wir besprechen dies individuell mit Ihnen." }
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" title="Häufig gestellte Fragen zu unseren Preisen"
imageAlt="Person beim Lesen eines Vertrags" description="Antworten auf die wichtigsten Fragen rund um unsere Dienstleistungen und Kosten."
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>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ 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: [
{ items: [{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Blog", href: "/blog" }, { label: "Kontakt", href: "/kontakt" }] }, { 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" logoText="Rümpel Fix Lippe"
/> />

View File

@@ -2,17 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import MediaAbout from '@/components/sections/about/MediaAbout';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardTen from '@/components/sections/team/TeamCardTen'; import TeamCardTen from '@/components/sections/team/TeamCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { CheckCircle, Users, Handshake, CalendarCheck } from 'lucide-react';
import { ArrowRight, Star, CalendarCheck } from 'lucide-react'; export default function UeberUnsPage() {
export default function AboutPage() {
const navItems = [ const navItems = [
{ name: "Startseite", id: "/" }, { name: "Startseite", id: "/" },
{ name: "Über uns", id: "/ueber-uns" }, { name: "Über uns", id: "/ueber-uns" },
@@ -41,74 +39,70 @@ export default function AboutPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={navItems} navItems={navItems}
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }} button={{
text: "Jetzt Angebot anfordern", href: "/kontakt"
}}
brandName="Rümpel Fix Lippe" brandName="Rümpel Fix Lippe"
/> />
</div> </div>
<div id="about-hero" data-section="about-hero"> <div id="about-page" data-section="about-page">
<HeroSplitKpi <MediaAbout
title="Rümpel Fix Lippe: Ihr verlässlicher Partner"
description="Seit über 5 Jahren sind wir in Lippe Ihr Experte für professionelle Entrümpelungen und Haushaltsauflösungen." useInvertedBackground={false}
background={{ imageSrc="http://img.b2bpic.net/free-photo/diverse-group-workers-making-house-renovation-after-flood_23-2151044372.jpg"
variant: "rotated-rays-animated" imageAlt="Team bei der Arbeit"
}} title="Über Rümpel Fix Lippe"
kpis={[ description="Wir sind Ihr zuverlässiger Partner für Entrümpelungen und Haushaltsauflösungen im Kreis Lippe und Umgebung. Mit langjähriger Erfahrung, Diskretion und Professionalität stehen wir Ihnen zur Seite."
{ value: "5+", label: "Jahre Erfahrung" },
{ value: "100%", label: "Kundenzufriedenheit" },
{ value: "24/7", label: "Erreichbarkeit" },
]}
enableKpiAnimation={true}
tag="Über uns"
buttons={[ buttons={[
{ text: "Unsere Leistungen", href: "/dienstleistungen" }, { text: "Unsere Leistungen", href: "/dienstleistungen" },
{ text: "Kontaktieren Sie uns", href: "/kontakt" } { text: "Kontaktieren Sie uns", href: "/kontakt" }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/team-young-diverse-people-working-together_1145-201.jpg?_wi=2" tag="Ihr Spezialist"
imageAlt="Team von Rümpel Fix Lippe"
/> />
</div> </div>
<div id="about-metrics" data-section="about-metrics"> <div id="about-metrics" data-section="about-metrics">
<MetricCardThree <MetricCardThree
title="Unsere Werte und Erfolge"
description="Vertrauen, Effizienz und Nachhaltigkeit sind die Säulen unserer Arbeit."
metrics={[
{ id: "1", icon: Star, title: "Top-Bewertungen", value: "4.9/5" },
{ id: "2", icon: ArrowRight, title: "Projekte jährlich", value: "500+" },
{ id: "3", icon: CalendarCheck, title: "Jahre Erfahrung", value: "5+" }
]}
animationType="slide-up"
useInvertedBackground={true}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true}
animationType="depth-3d"
metrics={[
{ id: "m1", icon: CheckCircle, title: "Erfolgreiche Projekte", value: "500+" },
{ id: "m2", icon: Users, title: "Zufriedene Kunden", value: "98%" },
{ id: "m3", icon: Handshake, title: "Jahre Erfahrung", value: "10+" },
{ id: "m4", icon: CalendarCheck, title: "Termintreue", value: "100%" }
]}
title="Unsere Zahlen sprechen für sich"
description="Wir sind stolz auf unsere Erfolge und die Zufriedenheit unserer Kunden."
/> />
</div> </div>
<div id="team-page" data-section="team-page"> <div id="team-page" data-section="team-page">
<TeamCardTen <TeamCardTen
useInvertedBackground={false} useInvertedBackground={false}
title="Unser Team: Experten für Entrümpelung"
tag="Unser Team"
membersAnimation="slide-up"
memberVariant="card" memberVariant="card"
members={[ membersAnimation="slide-up"
{ id: "1", name: "Max Mustermann", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-african-man-suit_23-2151241904.jpg?_wi=2", imageAlt: "Max Mustermann" }, team={[
{ id: "2", 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" }, { id: "t1", name: "Hans Mustermann", role: "Geschäftsführer", imageSrc: "https://randomuser.me/api/portraits/men/1.jpg", imageAlt: "Hans Mustermann" },
{ id: "3", name: "Peter Müller", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-green-shirt_1145-200.jpg?_wi=2", imageAlt: "Peter Müller" } { id: "t2", name: "Lena Schmidt", role: "Einsatzleiterin", imageSrc: "https://randomuser.me/api/portraits/women/2.jpg", imageAlt: "Lena Schmidt" },
{ id: "t3", name: "Max Meier", role: "Logistik Experte", imageSrc: "https://randomuser.me/api/portraits/men/3.jpg", imageAlt: "Max Meier" }
]} ]}
title="Unser engagiertes Team"
tag="Experten für jede Aufgabe"
/> />
</div> </div>
<div id="about-social-proof" data-section="about-social-proof"> <div id="social-proof-about" data-section="social-proof-about">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
title="Unsere Partner"
description="Wir arbeiten mit verschiedenen lokalen Unternehmen zusammen, um Ihnen den besten Service zu bieten."
logos={[ logos={[
"http://img.b2bpic.net/free-photo/man-working-with-documents-laptop_23-2147775535.jpg?_wi=2", "http://img.b2bpic.net/free-photo/young-woman-working-project-with-desktop_23-2147820146.jpg?_wi=2", "http://img.b2bpic.net/free-photo/woman-working-with-laptop-documents-table_23-2147775529.jpg?_wi=2" "https://img.logoipsum.com/280.svg", "https://img.logoipsum.com/281.svg", "https://img.logoipsum.com/282.svg", "https://img.logoipsum.com/283.svg"
]} ]}
names={["Partner A", "Partner B", "Partner C"]} names={["Entsorgungsdienst Lippe", "Möbellogistik OWL", "ImmobilienService Detmold", "Wohnungsbau Paderborn"]}
title="Unsere Partner & Referenzen"
description="Vertrauen Sie auf unsere langjährige Erfahrung und zufriedene Kunden in ganz Lippe."
speed={40} speed={40}
showCard={false} showCard={false}
/> />
@@ -119,23 +113,22 @@ export default function AboutPage() {
columns={[ columns={[
{ {
items: [ items: [
{ label: "Über uns", href: "/ueber-uns" }, { label: "Startseite", href: "/" },
{ label: "Team", href: "/ueber-uns#team" }, { label: "Über uns", href: "/ueber-uns" }
{ label: "Referenzen", href: "/kundenbewertungen" }
] ]
}, },
{ {
items: [ items: [
{ label: "Haushaltsauflösungen", href: "/dienstleistungen" }, { label: "Dienstleistungen", href: "/dienstleistungen" },
{ label: "Entrümpelungen", href: "/dienstleistungen" }, { label: "Preise", href: "/preise" },
{ label: "Sperrmüllabholung", href: "/dienstleistungen" } { label: "Galerie", href: "/galerie" }
] ]
}, },
{ {
items: [ items: [
{ label: "Anfrage senden", href: "/kontakt" }, { label: "Kundenbewertungen", href: "/kundenbewertungen" },
{ label: "Impressum", href: "/impressum" }, { label: "Blog", href: "/blog" },
{ label: "Datenschutz", href: "/datenschutz" } { label: "Kontakt", href: "/kontakt" }
] ]
} }
]} ]}