Update src/app/preise/page.tsx
This commit is contained in:
@@ -2,264 +2,145 @@
|
||||
|
||||
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"
|
||||
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={[
|
||||
{ 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" }}
|
||||
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="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="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="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
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: [
|
||||
"Basis-Entrümpelung", "Sperrmüllabholung (bis 2m³)", "Umweltgerechte Entsorgung", "1 Stunde Arbeitszeit"],
|
||||
},
|
||||
{
|
||||
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: [
|
||||
"Möbel- & Hausrat-Entrümpelung", "Sperrmüllabholung (bis 5m³)", "Besenreine Übergabe", "3 Stunden Arbeitszeit"],
|
||||
},
|
||||
{
|
||||
id: "full-service", badge: "Premium", badgeIcon: ShieldCheck,
|
||||
price: "Individuell", subtitle: "Komplettpaket für Haushaltsauflösungen ohne Sorgen", buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
|
||||
features: [
|
||||
"Komplette Haushaltsauflösung", "Sonderentsorgungen inklusive", "Professionelle Reinigung", "Flexible Arbeitszeiten"],
|
||||
},
|
||||
]}
|
||||
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="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="faq-pricing" data-section="faq-pricing">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
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: "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"
|
||||
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="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="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 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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user