bender/c25fb9f1-bb26-466b-b81e-1a63ac9c09bc
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/ueber-uns/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-23 00:17:15 +00:00
parent e49d302bf0
commit ab8c4a26d8
1 changed files with 123 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

345
src/app/ueber-uns/page.tsx
View File

@@ -2,239 +2,140 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase'; import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import TeamCardTen from '@/components/sections/team/TeamCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import TeamCardFive from '@/components/sections/team/TeamCardFive'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Recycle, Scale, ShieldCheck } from "lucide-react"; import { CheckCircle, Users, Handshake, CalendarCheck } from 'lucide-react';
export default function UeberUnsPage() {
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="about" data-section="about"> <div id="about-page" data-section="about-page">
<SplitAbout <MediaAbout
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Wer Rümpel Fix Lippe ist" imageSrc="http://img.b2bpic.net/free-photo/diverse-group-workers-making-house-renovation-after-flood_23-2151044372.jpg"
description="Rümpel Fix Lippe ist Ihr verlässlicher und professioneller Partner für Entrümpelungen und Haushaltsauflösungen in Bad Salzuflen, Detmold, Herford und Umgebung. Mit langjähriger Erfahrung und einem engagierten Team stehen wir für gründliche Arbeit, Diskretion und einen reibungslosen Ablauf. Wir verstehen, dass jede Situation einzigartig ist und bieten daher maßgeschneiderte Lösungen, die perfekt auf Ihre Bedürfnisse zugeschnitten sind." imageAlt="Team bei der Arbeit"
bulletPoints={[ title="Über Rümpel Fix Lippe"
{ 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."
title: "Pünktlich & Zuverlässig", buttons={[
description: "Wir halten Termine ein und arbeiten effizient, um Ihren Zeitplan zu respektieren.", { text: "Unsere Leistungen", href: "/dienstleistungen" },
icon: CalendarCheck, { text: "Kontaktieren Sie uns", href: "/kontakt" }
}, ]}
{ tag="Ihr Spezialist"
title: "Diskret & Professionell", />
description: "Ihre Privatsphäre ist uns wichtig. Wir arbeiten diskret und mit größter Sorgfalt.", </div>
icon: ShieldCheck,
},
{
title: "Fair & Transparent",
description: "Keine versteckten Kosten. Unsere Angebote sind klar und verständlich.",
icon: Scale,
},
{
title: "Umweltfreundliche Entsorgung",
description: "Wir trennen Müll fachgerecht und entsorgen umweltbewusst und nachhaltig.",
icon: Recycle,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash-outdoors_23-2149109152.jpg?_wi=2"
imageAlt="professional team smiling and collaborating"
mediaAnimation="blur-reveal"
/>
</div>
<div id="metrics" data-section="metrics"> <div id="about-metrics" data-section="about-metrics">
<MetricSplitMediaAbout <MetricCardThree
useInvertedBackground={true} textboxLayout="default"
title="Unsere Werte sprechen für sich" useInvertedBackground={true}
description="Wir legen größten Wert auf Kundenzufriedenheit, Effizienz und Nachhaltigkeit. Unsere Arbeit wird durch diese Prinzipien geleitet, um Ihnen stets den besten Service zu bieten. Erfahren Sie, was uns in der Region Lippe auszeichnet und warum wir der richtige Partner für Ihr Anliegen sind." animationType="depth-3d"
metrics={[ metrics={[
{ { id: "m1", icon: CheckCircle, title: "Erfolgreiche Projekte", value: "500+" },
value: "10+", { id: "m2", icon: Users, title: "Zufriedene Kunden", value: "98%" },
title: "Jahre Erfahrung", { id: "m3", icon: Handshake, title: "Jahre Erfahrung", value: "10+" },
}, { id: "m4", icon: CalendarCheck, title: "Termintreue", value: "100%" }
{ ]}
value: "500+", title="Unsere Zahlen sprechen für sich"
title: "Zufriedene Kunden", description="Wir sind stolz auf unsere Erfolge und die Zufriedenheit unserer Kunden."
}, />
{ </div>
value: "90%",
title: "Recycling-Quote",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/moving-new-house-concept_53876-144474.jpg?_wi=2"
imageAlt="team clearing out a home"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
</div>
<div id="team" data-section="team"> <div id="team-page" data-section="team-page">
<TeamCardFive <TeamCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
team={[ memberVariant="card"
{ membersAnimation="slide-up"
id: "1", team={[
name: "Markus Schmidt", { id: "t1", name: "Hans Mustermann", role: "Geschäftsführer", imageSrc: "https://randomuser.me/api/portraits/men/1.jpg", imageAlt: "Hans Mustermann" },
role: "Gründer & Geschäftsführer", { id: "t2", name: "Lena Schmidt", role: "Einsatzleiterin", imageSrc: "https://randomuser.me/api/portraits/women/2.jpg", imageAlt: "Lena Schmidt" },
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-book_23-2149927569.jpg?_wi=2", { id: "t3", name: "Max Meier", role: "Logistik Experte", imageSrc: "https://randomuser.me/api/portraits/men/3.jpg", imageAlt: "Max Meier" }
imageAlt: "Portrait of Markus Schmidt, founder", ]}
}, title="Unser engagiertes Team"
{ tag="Experten für jede Aufgabe"
id: "2", />
name: "Lena Meier", </div>
role: "Projektmanagerin",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095787.jpg?_wi=2",
imageAlt: "Portrait of Lena Meier, project manager",
},
{
id: "3",
name: "Stefan Koch",
role: "Logistik & Entsorgung",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-businesswoman-conference-room_23-2148911824.jpg?_wi=2",
imageAlt: "Portrait of Stefan Koch, logistics expert",
},
]}
title="Unser engagiertes Team"
description="Lernen Sie die Gesichter hinter Rümpel Fix Lippe kennen. Jedes Mitglied unseres Teams ist hochmotiviert und sorgt mit Fachwissen und Freundlichkeit für einen erstklassigen Service."
/>
</div>
<div id="social-proof" data-section="social-proof"> <div id="social-proof-about" data-section="social-proof-about">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
logos={[ title="Unsere Partner"
"http://img.b2bpic.net/free-vector/gradient-cafe-signage-logo_23-2149303333.jpg", description="Wir arbeiten mit verschiedenen lokalen Unternehmen zusammen, um Ihnen den besten Service zu bieten."
"http://img.b2bpic.net/free-vector/hand-drawn-flat-design-climate-change-badge_23-2149092325.jpg", logos={[
"http://img.b2bpic.net/free-vector/hand-drawn-ecology-badges-with-animals_23-2148460218.jpg", "https://img.logoipsum.com/280.svg", "https://img.logoipsum.com/281.svg", "https://img.logoipsum.com/282.svg", "https://img.logoipsum.com/283.svg"
"http://img.b2bpic.net/free-vector/flat-design-bank-holiday-labels_23-2149360406.jpg", ]}
"http://img.b2bpic.net/free-vector/hand-drawn-flat-design-ecology-badges_23-2149216593.jpg", names={["Entsorgungsdienst Lippe", "Möbellogistik OWL", "ImmobilienService Detmold", "Wohnungsbau Paderborn"]}
"http://img.b2bpic.net/free-vector/hand-drawn-flat-design-ecology-badges_23-2149217094.jpg", speed={40}
]} showCard={false}
title="Unsere Partner und Qualitätsstandards" />
description="Wir arbeiten vertrauensvoll mit lokalen Unternehmen und Institutionen zusammen und verpflichten uns höchsten Qualitäts- und Umweltstandards." </div>
speed={40}
showCard={false}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterLogoEmphasis
columns={[ columns={[
{ {
title: "Dienstleistungen", items: [
items: [ { label: "Startseite", href: "/" },
{ { label: "Über uns", href: "/ueber-uns" }
label: "Entrümpelung", ]
href: "/dienstleistungen#entruempelung", },
}, {
{ items: [
label: "Haushaltsauflösung", { label: "Dienstleistungen", href: "/dienstleistungen" },
href: "/dienstleistungen#haushaltsaufloesung", { label: "Preise", href: "/preise" },
}, { label: "Galerie", href: "/galerie" }
{ ]
label: "Sperrmüllentsorgung", },
href: "/dienstleistungen#sperrmuell", {
}, items: [
], { label: "Kundenbewertungen", href: "/kundenbewertungen" },
}, { label: "Blog", href: "/blog" },
{ { label: "Kontakt", href: "/kontakt" }
title: "Unternehmen", ]
items: [ }
{ ]}
label: "Über uns", logoText="Rümpel Fix Lippe"
href: "/ueber-uns", />
}, </div>
{
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>
); );