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

Update src/app/preise/page.tsx

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

358
src/app/preise/page.tsx
View File

@@ -2,264 +2,124 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import { Sparkles } from "lucide-react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
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" }
];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="largeSmall"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="largeSmall"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Startseite",
id: "home",
},
{
name: "Über uns",
id: "about",
},
{
name: "Dienstleistungen",
id: "services",
},
{
name: "Preise",
id: "pricing",
},
{
name: "Galerie",
id: "gallery",
},
{
name: "Kundenbewertungen",
id: "reviews",
},
{
name: "Blog",
id: "blog",
},
{
name: "Kontakt",
id: "contact",
},
]}
button={{
text: "Jetzt Angebot anfordern",
href: "/kontakt",
}}
brandName="Rümpel Fix Lippe"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Jetzt Angebot anfordern", href: "/kontakt"
}}
brandName="Rümpel Fix Lippe"
/>
</div>
<div id="pricing-overview" data-section="pricing-overview">
<PricingCardTwo
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
plans={[
{
id: "1",
badge: "Basis",
price: "ab 299€",
subtitle: "Kleine Entrümpelungen",
features: [
"1 Raum (Keller, Dachboden)",
"Einfache Entsorgung",
"Besenreine Übergabe",
],
buttons: [
{
text: "Details ansehen",
href: "/kontakt",
},
],
},
{
id: "2",
badge: "Standard",
price: "ab 599€",
subtitle: "Mittlere Haushaltsauflösungen",
features: [
"2-3 Räume inkl. Nebenräume",
"Möbel- & Sperrmüllentsorgung",
"Vorab-Besichtigung",
"Besenreine Übergabe",
],
buttons: [
{
text: "Angebot erhalten",
href: "/kontakt",
},
],
},
{
id: "3",
badge: "Premium",
badgeIcon: Sparkles,
price: "Individuell",
subtitle: "Komplettservice & Spezialfälle",
features: [
"Ganze Wohnungen/Häuser",
"Spezialentsorgungen",
"Wertanrechnung",
"Endreinigung",
],
buttons: [
{
text: "Kontakt aufnehmen",
href: "/kontakt",
},
],
},
]}
title="Transparente Preise für Ihre Entrümpelung"
description="Wir bieten faire und transparente Preise ohne versteckte Kosten. Wählen Sie das passende Paket für Ihre Bedürfnisse oder fragen Sie ein individuelles Angebot an. Unsere Flexibilität garantiert Ihnen die beste Lösung."
/>
</div>
<div id="pricing-page" data-section="pricing-page">
<PricingCardTwo
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
animationType="slide-up"
plans={[
{
id: "basis", badge: "Basis", price: "Auf Anfrage", subtitle: "Ideal für kleine Projekte", features: [
"Kostenlose Besichtigung", "Besenreine Übergabe", "Umweltgerechte Entsorgung"
],
buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
},
{
id: "komfort", badge: "Komfort", price: "Auf Anfrage", subtitle: "Umfassend und stressfrei", features: [
"Alle Basis-Leistungen", "Demontage von Möbeln", "Endreinigung nach Bedarf"
],
buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
},
{
id: "premium", badge: "Premium", price: "Auf Anfrage", subtitle: "Alles inklusive Paket", features: [
"Alle Komfort-Leistungen", "Wertanrechnung verwertbarer Gegenstände", "Spezialentsorgung (z.B. Sondermüll)"
],
buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
}
]}
title="Unsere fairen Preise"
description="Transparente und flexible Preismodelle, angepasst an Ihre individuellen Bedürfnisse."
/>
</div>
<div id="faq-pricing" data-section="faq-pricing">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Wie wird der Preis berechnet?",
content: "Der Preis für eine Entrümpelung oder Haushaltsauflösung hängt vom Volumen des zu entsorgenden Materials, dem Arbeitsaufwand, eventuellen Spezialentsorgungen und der Zugänglichkeit des Objekts ab. Nach einer kostenlosen Besichtigung erhalten Sie ein detailliertes Festpreisangebot.",
},
{
id: "2",
title: "Gibt es versteckte Kosten?",
content: "Nein, bei uns gibt es keine versteckten Kosten. Unser Angebot ist ein Festpreis, der alle Leistungen und die Entsorgungskosten beinhaltet. So haben Sie volle Kostentransparenz und Planungssicherheit.",
},
{
id: "3",
title: "Welche Zahlungsoptionen bieten Sie an?",
content: "Sie können bequem per Überweisung bezahlen. Die Zahlung erfolgt in der Regel nach erfolgreicher Durchführung der Arbeiten und Übergabe des Objekts.",
},
{
id: "4",
title: "Kann der Wert von Gegenständen angerechnet werden?",
content: "Ja, selbstverständlich. Sollten sich unter den zu entsorgenden Gegenständen verwertbare Antiquitäten, Möbel oder andere Wertgegenstände befinden, wird deren Wert transparent ermittelt und mit den Kosten der Entrümpelung verrechnet.",
},
]}
title="Fragen zu Kosten und Bezahlung"
description="Wir möchten, dass Sie sich bei uns wohlfühlen. Hier finden Sie Antworten auf häufige Fragen rund um unsere Preisgestaltung und Zahlungsmodalitäten."
faqsAnimation="slide-up"
showCard={true}
/>
</div>
<div id="faq-pricing" data-section="faq-pricing">
<FaqSplitMedia
textboxLayout="default"
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"
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: "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." }
]}
title="Häufig gestellte Fragen zu unseren Preisen"
description="Antworten auf die wichtigsten Fragen rund um unsere Dienstleistungen und Kosten."
/>
</div>
<div id="contact-quote" data-section="contact-quote">
<ContactSplitForm
useInvertedBackground={false}
title="Individuelles Angebot anfragen"
description="Für spezielle Anforderungen, größere Projekte oder ein maßgeschneidertes Angebot, füllen Sie bitte unser Formular aus. Wir melden uns umgehend bei Ihnen."
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 oder spezielle Anforderungen",
rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=3"
imageAlt="person reviewing an invoice on a desk"
mediaAnimation="blur-reveal"
mediaPosition="right"
buttonText="Angebot anfordern"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Dienstleistungen",
items: [
{
label: "Entrümpelung",
href: "/dienstleistungen#entruempelung",
},
{
label: "Haushaltsauflösung",
href: "/dienstleistungen#haushaltsaufloesung",
},
{
label: "Sperrmüllentsorgung",
href: "/dienstleistungen#sperrmuell",
},
],
},
{
title: "Unternehmen",
items: [
{
label: "Über uns",
href: "/ueber-uns",
},
{
label: "Preise",
href: "/preise",
},
{
label: "Kontakt",
href: "/kontakt",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "/impressum",
},
{
label: "Datenschutz",
href: "/datenschutz",
},
],
},
]}
logoText="Rümpel Fix Lippe"
copyrightText="© 2024 Rümpel Fix Lippe. Alle Rechte vorbehalten."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "Startseite", href: "/" },
{ label: "Über uns", href: "/ueber-uns" }
]
},
{
items: [
{ label: "Dienstleistungen", href: "/dienstleistungen" },
{ label: "Preise", href: "/preise" },
{ label: "Galerie", href: "/galerie" }
]
},
{
items: [
{ label: "Kundenbewertungen", href: "/kundenbewertungen" },
{ label: "Blog", href: "/blog" },
{ label: "Kontakt", href: "/kontakt" }
]
}
]}
logoText="Rümpel Fix Lippe"
/>
</div>
</ReactLenis>
</ThemeProvider>
);