Update src/app/galerie/page.tsx
This commit is contained in:
@@ -2,271 +2,93 @@
|
||||
|
||||
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function GaleriePage() {
|
||||
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="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="gallery-page" data-section="gallery-page">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{ id: "1", brand: "Wohnung", name: "Wohnungsauflösung Modern", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899435.jpg?_wi=1", imageAlt: "Leeres, modern entrümpeltes Wohnzimmer" },
|
||||
{ id: "2", brand: "Büro", name: "Büroentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-working-together_23-2149871306.jpg?_wi=1", imageAlt: "Sauberes und entrümpeltes Büro" },
|
||||
{ id: "3", brand: "Garage", name: "Garagenauflösung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=1", imageAlt: "Aufgeräumte und leere Garage" },
|
||||
{ id: "4", brand: "Keller", name: "Kellerentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16077.jpg?_wi=1", imageAlt: "Gereinigter und entrümpelter Keller" },
|
||||
{ id: "5", brand: "Dachboden", name: "Dachbodenentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-interior-background_23-2149454760.jpg?_wi=1", imageAlt: "Sauberer und leerer Dachbodenbereich" },
|
||||
{ id: "6", brand: "Garten", name: "Gartenabfallentsorgung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash_23-2149109092.jpg?_wi=1", imageAlt: "Entfernter Gartenabfall und sauberer Garten" }
|
||||
]}
|
||||
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="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="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="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