Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -31,46 +31,34 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", 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="Labeat Gartenpflege GmbH"
|
||||
button={{
|
||||
text: "Anfrage senden", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ihr Partner für professionelle Gartenpflege"
|
||||
description="Labeat Gartenpflege sorgt für blühende Gärten und perfekt gepflegte Grünanlagen – zuverlässig, ästhetisch und professionell."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Jahre Erfahrung",
|
||||
},
|
||||
value: "15+", label: "Jahre Erfahrung"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Glückliche Kunden",
|
||||
},
|
||||
value: "500+", label: "Glückliche Kunden"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Grüne Zufriedenheit",
|
||||
},
|
||||
value: "100%", label: "Grüne Zufriedenheit"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-grass-background_1372-416.jpg"
|
||||
@@ -78,47 +66,27 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/park-outdoor-manicured-lawn-flowerbed-ai-generated-image_587448-1398.jpg",
|
||||
alt: "Gartenpflege",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/park-outdoor-manicured-lawn-flowerbed-ai-generated-image_587448-1398.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-fresh-grass-with-leaves_1137-209.jpg",
|
||||
alt: "Gartenpflege",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-fresh-grass-with-leaves_1137-209.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spring-nature-outdoors-backgrounds-fresh_1122-1734.jpg",
|
||||
alt: "Gartenpflege",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spring-nature-outdoors-backgrounds-fresh_1122-1734.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spending-time-nature-picnic-accessories-picnic_185193-110954.jpg",
|
||||
alt: "Gartenpflege",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spending-time-nature-picnic-accessories-picnic_185193-110954.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-grass-background_1372-416.jpg",
|
||||
alt: "Gartenpflege",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/green-grass-background_1372-416.jpg", alt: "Gartenpflege"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Zuverlässig",
|
||||
},
|
||||
type: "text", text: "Zuverlässig"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ästhetisch",
|
||||
},
|
||||
type: "text", text: "Ästhetisch"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professionell",
|
||||
},
|
||||
type: "text", text: "Professionell"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltig",
|
||||
},
|
||||
type: "text", text: "Nachhaltig"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Präzise",
|
||||
},
|
||||
type: "text", text: "Präzise"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,17 +99,11 @@ export default function LandingPage() {
|
||||
description="Als Experten für Grünanlagen verstehen wir Gartenpflege als Handwerk. Mit Leidenschaft und modernster Technik verwandeln wir Ihren Außenbereich in eine Wohlfühloase."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Nachhaltigkeit",
|
||||
description: "Umweltschonende Pflege für eine natürliche Entwicklung.",
|
||||
},
|
||||
title: "Nachhaltigkeit", description: "Umweltschonende Pflege für eine natürliche Entwicklung."},
|
||||
{
|
||||
title: "Präzision",
|
||||
description: "Perfekter Schnitt und Detailpflege.",
|
||||
},
|
||||
title: "Präzision", description: "Perfekter Schnitt und Detailpflege."},
|
||||
{
|
||||
title: "Zuverlässigkeit",
|
||||
description: "Termingerechte Ausführung aller Aufträge.",
|
||||
},
|
||||
title: "Zuverlässigkeit", description: "Termingerechte Ausführung aller Aufträge."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"
|
||||
imageAlt="Labeat Gartenpflege Team"
|
||||
@@ -156,32 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Rasenpflege",
|
||||
tags: [
|
||||
"Rasenschnitt",
|
||||
"Düngen",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-gardener-cuts-bush-with-large-metal-old-pruning-shears_169016-10698.jpg",
|
||||
},
|
||||
id: "f1", title: "Rasenpflege", tags: [
|
||||
"Rasenschnitt", "Düngen"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-gardener-cuts-bush-with-large-metal-old-pruning-shears_169016-10698.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beetreinigung",
|
||||
tags: [
|
||||
"Jäten",
|
||||
"Mulchen",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-working-garden-growing-plants-pots-cutting-branches-with-pruner-gardening-job-concept_74855-12893.jpg",
|
||||
},
|
||||
id: "f2", title: "Beetreinigung", tags: [
|
||||
"Jäten", "Mulchen"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-working-garden-growing-plants-pots-cutting-branches-with-pruner-gardening-job-concept_74855-12893.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Heckenschnitt",
|
||||
tags: [
|
||||
"Formgebend",
|
||||
"Verjüngung",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cutting-leaves_23-2148579928.jpg",
|
||||
},
|
||||
id: "f3", title: "Heckenschnitt", tags: [
|
||||
"Formgebend", "Verjüngung"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cutting-leaves_23-2148579928.jpg"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Umfassender Service für Ihren Garten"
|
||||
@@ -196,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria S.",
|
||||
role: "Privatkundin",
|
||||
company: "Wohnanlage",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg",
|
||||
},
|
||||
id: "1", name: "Maria S.", role: "Privatkundin", company: "Wohnanlage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas K.",
|
||||
role: "Geschäftsinhaber",
|
||||
company: "Bürokomplex",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cultivating-plants-home_1303-22935.jpg",
|
||||
},
|
||||
id: "2", name: "Thomas K.", role: "Geschäftsinhaber", company: "Bürokomplex", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cultivating-plants-home_1303-22935.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Hauseigentümerin",
|
||||
company: "Privatgarten",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-garden-dealing-with-flowers_259150-57552.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Hauseigentümerin", company: "Privatgarten", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-garden-dealing-with-flowers_259150-57552.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Johannes P.",
|
||||
role: "Verwaltung",
|
||||
company: "Wohnpark",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg",
|
||||
},
|
||||
id: "4", name: "Johannes P.", role: "Verwaltung", company: "Wohnpark", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Susanne M.",
|
||||
role: "Privatkundin",
|
||||
company: "Gartenliebhaber",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-holding-grilled-sausage-standing-near-portable-barbecue_23-2147840973.jpg",
|
||||
},
|
||||
id: "5", name: "Susanne M.", role: "Privatkundin", company: "Gartenliebhaber", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-holding-grilled-sausage-standing-near-portable-barbecue_23-2147840973.jpg"},
|
||||
]}
|
||||
title="Was Kunden sagen"
|
||||
description="Unsere Erfolge in Zahlen und zufriedenen Kunden."
|
||||
@@ -246,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bieten Sie auch Winterdienst an?",
|
||||
content: "Nein, wir spezialisieren uns ausschließlich auf die Gartenpflege während der Wachstumsperiode.",
|
||||
},
|
||||
id: "q1", title: "Bieten Sie auch Winterdienst an?", content: "Nein, wir spezialisieren uns ausschließlich auf die Gartenpflege während der Wachstumsperiode."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wie wird abgerechnet?",
|
||||
content: "Wir bieten flexible Pauschalverträge oder individuelle Stundenabrechnungen an.",
|
||||
},
|
||||
id: "q2", title: "Wie wird abgerechnet?", content: "Wir bieten flexible Pauschalverträge oder individuelle Stundenabrechnungen an."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Sind Sie versichert?",
|
||||
content: "Ja, wir verfügen über eine umfassende Haftpflichtversicherung für alle Gärtnerarbeiten.",
|
||||
},
|
||||
id: "q3", title: "Sind Sie versichert?", content: "Ja, wir verfügen über eine umfassende Haftpflichtversicherung für alle Gärtnerarbeiten."},
|
||||
]}
|
||||
sideTitle="Fragen & Antworten"
|
||||
sideDescription="Alles, was Sie über unsere Pflege wissen müssen."
|
||||
@@ -274,20 +187,11 @@ export default function LandingPage() {
|
||||
tag="Erfolg"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Gartenanlagen in Pflege",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Gartenanlagen in Pflege"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Antwortgarantie",
|
||||
},
|
||||
id: "m2", value: "24h", description: "Antwortgarantie"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
description: "Wiederkehrende Kunden",
|
||||
},
|
||||
id: "m3", value: "95%", description: "Wiederkehrende Kunden"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -300,22 +204,14 @@ export default function LandingPage() {
|
||||
description="Holen Sie sich Ihr individuelles Angebot für einen gepflegten Garten."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Ihre E-Mail", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ihre Nachricht", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-smartphone-near-plants_23-2147929429.jpg"
|
||||
@@ -329,33 +225,21 @@ export default function LandingPage() {
|
||||
logoText="Labeat Gartenpflege"
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leistungen", href: "#features"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user