Update src/app/galerie/page.tsx
This commit is contained in:
@@ -2,271 +2,121 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function GaleriePage() {
|
||||||
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={[
|
||||||
{
|
{ name: "Startseite", id: "/" },
|
||||||
name: "Startseite",
|
{ name: "Über uns", id: "/ueber-uns" },
|
||||||
id: "home",
|
{ name: "Dienstleistungen", id: "/dienstleistungen" },
|
||||||
},
|
{ name: "Preise", id: "/preise" },
|
||||||
{
|
{ name: "Galerie", id: "/galerie" },
|
||||||
name: "Über uns",
|
{ name: "Kundenbewertungen", id: "/kundenbewertungen" },
|
||||||
id: "about",
|
{ name: "Blog", id: "/blog" },
|
||||||
},
|
{ name: "Kontakt", id: "/kontakt" },
|
||||||
{
|
]}
|
||||||
name: "Dienstleistungen",
|
button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
|
||||||
id: "services",
|
brandName="Rümpel Fix Lippe"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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="project-gallery" data-section="project-gallery">
|
<div id="hero" data-section="hero">
|
||||||
<FeatureCardTwentyThree
|
<HeroSplitKpi
|
||||||
textboxLayout="default"
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={false}
|
title="Unsere Galerie: Vorher-Nachher-Eindrücke unserer Arbeit"
|
||||||
carouselMode="buttons"
|
description="Sehen Sie selbst, wie wir Räume verwandeln – von unaufgeräumt zu besenrein. Unsere Galerie zeigt erfolgreiche Projekte in Bad Salzuflen und Umgebung."
|
||||||
features={[
|
kpis={[
|
||||||
{
|
{ value: "10+", label: "Jahre Erfahrung" },
|
||||||
id: "1",
|
{ value: "1000+", label: "Zufriedene Kunden" },
|
||||||
title: "Wohnungsentrümpelung Bad Salzuflen",
|
{ value: "100%", label: "Umweltgerecht" },
|
||||||
tags: [
|
]}
|
||||||
"Wohnung",
|
enableKpiAnimation={false}
|
||||||
"Entrümpelung",
|
buttons={[{ text: "Jetzt kostenloses Angebot anfordern", href: "/kontakt" }]}
|
||||||
"Bad Salzuflen",
|
imageSrc="http://img.b2bpic.net/free-photo/view-cleaning-products-with-copy-space_23-2149303681.jpg?_wi=1"
|
||||||
],
|
imageAlt="Galeriebild eines aufgeräumten Zimmers"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899435.jpg?_wi=2",
|
mediaAnimation="none"
|
||||||
imageAlt: "cleaned out apartment living room",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Büroauflösung Detmold",
|
|
||||||
tags: [
|
|
||||||
"Büro",
|
|
||||||
"Auflösung",
|
|
||||||
"Detmold",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-working-together_23-2149871306.jpg?_wi=2",
|
|
||||||
imageAlt: "organized office space after cleanout",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Garagenentrümpelung Herford",
|
|
||||||
tags: [
|
|
||||||
"Garage",
|
|
||||||
"Entrümpelung",
|
|
||||||
"Herford",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=2",
|
|
||||||
imageAlt: "organized garage after junk removal",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Kellerauflösung Lemgo",
|
|
||||||
tags: [
|
|
||||||
"Keller",
|
|
||||||
"Auflösung",
|
|
||||||
"Lemgo",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16077.jpg?_wi=2",
|
|
||||||
imageAlt: "clean basement storage area",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "Dachbodenreinigung Lage",
|
|
||||||
tags: [
|
|
||||||
"Dachboden",
|
|
||||||
"Reinigung",
|
|
||||||
"Lage",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-interior-background_23-2149454760.jpg?_wi=2",
|
|
||||||
imageAlt: "decluttered attic space",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
title: "Gartenabfallentsorgung Oerlinghausen",
|
|
||||||
tags: [
|
|
||||||
"Garten",
|
|
||||||
"Entsorgung",
|
|
||||||
"Oerlinghausen",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash_23-2149109092.jpg?_wi=2",
|
|
||||||
imageAlt: "garden waste removed from outdoor area",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Unsere erfolgreichen Projekte"
|
|
||||||
description="Sehen Sie selbst, wie wir Räume verwandeln und für Ordnung sorgen. Von Wohnungen und Häusern bis zu gewerblichen Objekten – jedes Projekt wird mit größter Sorgfalt und Effizienz abgeschlossen."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="project-testimonials" data-section="project-testimonials">
|
<div id="gallery" data-section="gallery">
|
||||||
<TestimonialCardOne
|
<FeatureCardTwentyThree
|
||||||
animationType="slide-up"
|
textboxLayout="default"
|
||||||
textboxLayout="default"
|
useInvertedBackground={false}
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
carouselMode="buttons"
|
||||||
useInvertedBackground={true}
|
animationType="slide-up"
|
||||||
testimonials={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Wohnungsauflösung Modern", tags: ["Vorher", "Nachher"],
|
||||||
name: "Maria K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/pile-old-furniture-home-with-copy-space_23-2147726515.jpg?_wi=1", imageAlt: "Wohnungsauflösung Modern"},
|
||||||
role: "Privatkunde",
|
{
|
||||||
company: "Bad Salzuflen",
|
id: "2", title: "Büroentrümpelung", tags: ["Vorher", "Nachher"],
|
||||||
rating: 5,
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=1", imageAlt: "Büroentrümpelung"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271994.jpg?_wi=3",
|
{
|
||||||
imageAlt: "happy customer avatar",
|
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: "2",
|
id: "4", title: "Kellerentrümpelung", tags: ["Vorher", "Nachher"],
|
||||||
name: "Familie L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-cleaning-dirty-surface_23-2149175240.jpg?_wi=1", imageAlt: "Kellerentrümpelung"},
|
||||||
role: "Privatkunde",
|
{
|
||||||
company: "Detmold",
|
id: "5", title: "Dachbodenentrümpelung", tags: ["Vorher", "Nachher"],
|
||||||
rating: 5,
|
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-products-tools-shelf_23-2149303682.jpg?_wi=1", imageAlt: "Dachbodenentrümpelung"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg?_wi=3",
|
{
|
||||||
imageAlt: "happy customer avatar",
|
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"},
|
||||||
{
|
]}
|
||||||
id: "3",
|
title="Unsere Projekte: Vorher & Nachher"
|
||||||
name: "Herr Müller",
|
description="Überzeugen Sie sich selbst von unserer professionellen Arbeit – ein Blick auf unsere erfolgreich abgeschlossenen Projekte in Bad Salzuflen und Umgebung."
|
||||||
role: "Immobilienmakler",
|
/>
|
||||||
company: "Herford",
|
</div>
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-poses-background-white-studio-holding-advertising-banner_114579-92507.jpg?_wi=3",
|
|
||||||
imageAlt: "happy customer avatar",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Sabine G.",
|
|
||||||
role: "Privatkunde",
|
|
||||||
company: "Lemgo",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-holds-chin-looks-up_141793-103938.jpg?_wi=3",
|
|
||||||
imageAlt: "happy customer avatar",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Kundenstimmen zu unseren Projekten"
|
|
||||||
description="Die Zufriedenheit unserer Kunden ist unser größtes Lob. Lesen Sie, was Kunden nach erfolgreichen Projekten über unsere Arbeit sagen."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="cta-gallery" data-section="cta-gallery">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
title="Ihr Weg zu einem aufgeräumten Zuhause"
|
||||||
variant: "downward-rays-static",
|
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={[
|
||||||
tag="Ihr Projekt wartet"
|
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||||
title="Lassen Sie uns Ihr Objekt verwandeln!"
|
{ name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true },
|
||||||
description="Haben Sie ein ähnliches Projekt oder eine spezielle Anforderung? Kontaktieren Sie uns für eine kostenlose Beratung und ein unverbindliches Angebot."
|
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer (optional)" },
|
||||||
buttons={[
|
]}
|
||||||
{
|
textarea={{ name: "message", placeholder: "Ihre Nachricht und Anliegen", rows: 4, required: true }}
|
||||||
text: "Jetzt Projekt anfragen",
|
imageSrc="http://img.b2bpic.net/free-photo/business-partners-greeting-each-other_1262-20511.jpg?_wi=2"
|
||||||
href: "/kontakt",
|
imageAlt="Freundliches Team im Kundenservice"
|
||||||
},
|
mediaAnimation="none"
|
||||||
]}
|
buttonText="Anfrage senden"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Startseite", href: "/" }, { label: "Über uns", href: "/ueber-uns" }] },
|
||||||
title: "Dienstleistungen",
|
{ 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: "Entrümpelung",
|
logoText="Rümpel Fix Lippe"
|
||||||
href: "/dienstleistungen#entruempelung",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user