Update src/app/galerie/page.tsx
This commit is contained in:
@@ -2,271 +2,121 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GaleriePage() {
|
||||
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="project-gallery" data-section="project-gallery">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wohnungsentrümpelung Bad Salzuflen",
|
||||
tags: [
|
||||
"Wohnung",
|
||||
"Entrümpelung",
|
||||
"Bad Salzuflen",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899435.jpg?_wi=2",
|
||||
imageAlt: "cleaned out apartment living room",
|
||||
},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Unsere Galerie: Vorher-Nachher-Eindrücke unserer Arbeit"
|
||||
description="Sehen Sie selbst, wie wir Räume verwandeln – von unaufgeräumt zu besenrein. Unsere Galerie zeigt erfolgreiche Projekte in Bad Salzuflen und Umgebung."
|
||||
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/view-cleaning-products-with-copy-space_23-2149303681.jpg?_wi=1"
|
||||
imageAlt="Galeriebild eines aufgeräumten Zimmers"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="project-testimonials" data-section="project-testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria K.",
|
||||
role: "Privatkunde",
|
||||
company: "Bad Salzuflen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271994.jpg?_wi=3",
|
||||
imageAlt: "happy customer avatar",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Familie L.",
|
||||
role: "Privatkunde",
|
||||
company: "Detmold",
|
||||
rating: 5,
|
||||
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: "3",
|
||||
name: "Herr Müller",
|
||||
role: "Immobilienmakler",
|
||||
company: "Herford",
|
||||
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="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Wohnungsauflösung Modern", tags: ["Vorher", "Nachher"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-old-furniture-home-with-copy-space_23-2147726515.jpg?_wi=1", imageAlt: "Wohnungsauflösung Modern"},
|
||||
{
|
||||
id: "2", title: "Büroentrümpelung", tags: ["Vorher", "Nachher"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=1", imageAlt: "Büroentrümpelung"},
|
||||
{
|
||||
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: "4", title: "Kellerentrümpelung", tags: ["Vorher", "Nachher"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-cleaning-dirty-surface_23-2149175240.jpg?_wi=1", imageAlt: "Kellerentrümpelung"},
|
||||
{
|
||||
id: "5", title: "Dachbodenentrümpelung", tags: ["Vorher", "Nachher"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-products-tools-shelf_23-2149303682.jpg?_wi=1", imageAlt: "Dachbodenentrümpelung"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
title="Unsere Projekte: Vorher & Nachher"
|
||||
description="Überzeugen Sie sich selbst von unserer professionellen Arbeit – ein Blick auf unsere erfolgreich abgeschlossenen Projekte in Bad Salzuflen und Umgebung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta-gallery" data-section="cta-gallery">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
tag="Ihr Projekt wartet"
|
||||
title="Lassen Sie uns Ihr Objekt verwandeln!"
|
||||
description="Haben Sie ein ähnliches Projekt oder eine spezielle Anforderung? Kontaktieren Sie uns für eine kostenlose Beratung und ein unverbindliches Angebot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Projekt anfragen",
|
||||
href: "/kontakt",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ihr Weg zu einem aufgeräumten Zuhause"
|
||||
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={[
|
||||
{ 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=2"
|
||||
imageAlt="Freundliches Team im Kundenservice"
|
||||
mediaAnimation="none"
|
||||
buttonText="Anfrage senden"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user