Merge version_1 into main #2
135
src/app/page.tsx
135
src/app/page.tsx
@@ -3,7 +3,6 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
@@ -16,27 +15,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Landschaftspflege Köln"
|
||||
/>
|
||||
@@ -45,41 +43,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Ihr Partner für Garten- & Landschaftspflege in Köln"
|
||||
description="Wir verwandeln Ihren Garten in eine grüne Wohlfühloase mit professioneller Pflege und maßgeschneidertem Design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt anfragen", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg?_wi=1",
|
||||
imageAlt: "Landschaftspflege Köln Garden 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg", imageAlt: "Landschaftspflege Köln Garden 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg?_wi=2",
|
||||
imageAlt: "Landschaftspflege Köln Garden 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg", imageAlt: "Landschaftspflege Köln Garden 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg?_wi=3",
|
||||
imageAlt: "Landschaftspflege Köln Garden 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg", imageAlt: "Landschaftspflege Köln Garden 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg?_wi=4",
|
||||
imageAlt: "Landschaftspflege Köln Garden 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg", imageAlt: "Landschaftspflege Köln Garden 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg?_wi=5",
|
||||
imageAlt: "Landschaftspflege Köln Garden 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg", imageAlt: "Landschaftspflege Köln Garden 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg?_wi=6",
|
||||
imageAlt: "Landschaftspflege Köln Garden 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg", imageAlt: "Landschaftspflege Köln Garden 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,9 +73,7 @@ export default function LandingPage() {
|
||||
title="Über unsere Arbeit"
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,72 +85,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gartenpflege",
|
||||
description: "Rückschnitt, Rasenpflege und regelmäßige Wartung Ihres Gartens durch Profis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128654.jpg",
|
||||
imageAlt: "Gartenpflege",
|
||||
},
|
||||
title: "Gartenpflege", description: "Rückschnitt, Rasenpflege und regelmäßige Wartung Ihres Gartens durch Profis.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128654.jpg", imageAlt: "Gartenpflege"},
|
||||
{
|
||||
title: "Neuanlagen",
|
||||
description: "Wir planen und gestalten Ihren neuen Garten nach Ihren individuellen Wünschen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515938.jpg",
|
||||
imageAlt: "Neuanlagen",
|
||||
},
|
||||
title: "Neuanlagen", description: "Wir planen und gestalten Ihren neuen Garten nach Ihren individuellen Wünschen.", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515938.jpg", imageAlt: "Neuanlagen"},
|
||||
{
|
||||
title: "Baumpflege",
|
||||
description: "Professioneller Baum- und Heckenschnitt für mehr Sicherheit und Vitalität.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-safety-mask-gloves-shaping-bushes_651396-3823.jpg",
|
||||
imageAlt: "Baumpflege",
|
||||
},
|
||||
title: "Baumpflege", description: "Professioneller Baum- und Heckenschnitt für mehr Sicherheit und Vitalität.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-safety-mask-gloves-shaping-bushes_651396-3823.jpg", imageAlt: "Baumpflege"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der regelmäßigen Gartenpflege bis hin zur kompletten Neuanlage bieten wir umfassenden Service für Ihren Außenbereich."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Häufige Fragen"
|
||||
sideDescription="Wir beantworten Ihre wichtigsten Fragen zu unseren Gartenbau-Dienstleistungen in Köln."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie schnell können Sie starten?",
|
||||
content: "Nach einer Besichtigung vor Ort erstellen wir zeitnah ein Angebot und können meist innerhalb von 2-4 Wochen beginnen.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bieten Sie auch regelmäßige Pflege an?",
|
||||
content: "Ja, wir bieten maßgeschneiderte Abonnements für die regelmäßige Pflege Ihres Gartens an.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sind Sie in ganz Köln aktiv?",
|
||||
content: "Wir bedienen das gesamte Kölner Stadtgebiet sowie die nähere Umgebung.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Übernehmen Sie auch Entsorgungen?",
|
||||
content: "Selbstverständlich kümmern wir uns um den fachgerechten Abtransport und die Entsorgung aller Gartenabfälle.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
variant: "downward-rays-animated"}}
|
||||
text="Bereit für einen gepflegten Garten? Kontaktieren Sie uns noch heute für ein unverbindliches Angebot in Köln."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontakt aufnehmen",
|
||||
href: "mailto:info@gartenbau-koeln.de",
|
||||
},
|
||||
text: "Kontakt aufnehmen", href: "mailto:info@gartenbau-koeln.de"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,25 +114,17 @@ export default function LandingPage() {
|
||||
logoText="Landschaftspflege Köln"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Start", href: "#hero"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leistungen", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "E-Mail senden",
|
||||
href: "mailto:info@gartenbau-koeln.de",
|
||||
},
|
||||
label: "E-Mail senden", href: "mailto:info@gartenbau-koeln.de"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -207,4 +134,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user