Update src/app/preise/page.tsx
This commit is contained in:
@@ -2,14 +2,15 @@
|
||||
|
||||
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 ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import { Building, Home, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PreisePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -27,237 +28,117 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
button={{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "/kontakt",
|
||||
}}
|
||||
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
|
||||
brandName="Rümpel Fix Lippe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing-overview" data-section="pricing-overview">
|
||||
<div id="hero" data-section="hero">
|
||||
<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
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Basis",
|
||||
price: "ab 299€",
|
||||
subtitle: "Kleine Entrümpelungen",
|
||||
id: "small", badge: "Klein", badgeIcon: Home,
|
||||
price: "ab 150€", subtitle: "Für kleine Entrümpelungen oder Sperrmüllabholung", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
|
||||
features: [
|
||||
"1 Raum (Keller, Dachboden)",
|
||||
"Einfache Entsorgung",
|
||||
"Besenreine Übergabe",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Details ansehen",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
"Basis-Entrümpelung", "Sperrmüllabholung (bis 2m³)", "Umweltgerechte Entsorgung", "1 Stunde Arbeitszeit"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Standard",
|
||||
price: "ab 599€",
|
||||
subtitle: "Mittlere Haushaltsauflösungen",
|
||||
id: "medium", badge: "Standard", badgeIcon: Building,
|
||||
price: "ab 450€", subtitle: "Für Wohnungsauflösungen und größere Entrümpelungen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
|
||||
features: [
|
||||
"2-3 Räume inkl. Nebenräume",
|
||||
"Möbel- & Sperrmüllentsorgung",
|
||||
"Vorab-Besichtigung",
|
||||
"Besenreine Übergabe",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Angebot erhalten",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
"Möbel- & Hausrat-Entrümpelung", "Sperrmüllabholung (bis 5m³)", "Besenreine Übergabe", "3 Stunden Arbeitszeit"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Premium",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Individuell",
|
||||
subtitle: "Komplettservice & Spezialfälle",
|
||||
id: "full-service", badge: "Premium", badgeIcon: ShieldCheck,
|
||||
price: "Individuell", subtitle: "Komplettpaket für Haushaltsauflösungen ohne Sorgen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
|
||||
features: [
|
||||
"Ganze Wohnungen/Häuser",
|
||||
"Spezialentsorgungen",
|
||||
"Wertanrechnung",
|
||||
"Endreinigung",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Kontakt aufnehmen",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
"Komplette Haushaltsauflösung", "Sonderentsorgungen inklusive", "Professionelle Reinigung", "Flexible Arbeitszeiten"],
|
||||
},
|
||||
]}
|
||||
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."
|
||||
title="Transparente Preise & faire Angebote"
|
||||
description="Wir bieten flexible Paketlösungen oder individuelle Angebote nach einer kostenlosen Besichtigung. Finden Sie das passende Modell für Ihre Bedürfnisse."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-pricing" data-section="faq-pricing">
|
||||
<FaqBase
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
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: "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: "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: "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: "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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
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}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=2"
|
||||
imageAlt="Person beim Lesen eines Vertrags"
|
||||
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-quote" data-section="contact-quote">
|
||||
<div id="contact" data-section="contact">
|
||||
<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."
|
||||
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)",
|
||||
},
|
||||
{ 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"
|
||||
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 id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterLogoEmphasis
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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"
|
||||
copyrightText="© 2024 Rümpel Fix Lippe. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user