Merge version_2 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "leistungen"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Projekte",
|
||||
id: "projekte",
|
||||
},
|
||||
name: "Projekte", id: "projekte"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "kontakt"},
|
||||
]}
|
||||
brandName="GrünWerk"
|
||||
/>
|
||||
@@ -58,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="GrünWerk Nienburg"
|
||||
description="Ihr Garten in besten Händen – in Nienburg und Umgebung. Professionelle Gartengestaltung, Pflege & Bepflanzung – zuverlässig, regional, leidenschaftlich."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlos anfragen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Kostenlos anfragen", href: "#kontakt"},
|
||||
{
|
||||
text: "Unsere Leistungen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
text: "Unsere Leistungen", href: "#leistungen"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-covering-nose-from-smell-with-fingers_176420-3809.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beautiful-landscaped-garden-with-lush-greenery-flowers-pathway_12345-6789.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,17 +70,11 @@ export default function LandingPage() {
|
||||
description="Als Landschafsgärtner-Betrieb gestalten wir seit über 15 Jahren Gärten in der Region. Wir kennen unsere Böden und das Klima der Wesermarsch – persönlich und auf Augenhöhe."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Zuverlässigkeit",
|
||||
description: "Termingerechte Ausführung und saubere Arbeit.",
|
||||
},
|
||||
title: "Zuverlässigkeit", description: "Termingerechte Ausführung und saubere Arbeit."},
|
||||
{
|
||||
title: "Regionalität",
|
||||
description: "Fest in Nienburg und Umgebung verwurzelt.",
|
||||
},
|
||||
title: "Regionalität", description: "Fest in Nienburg und Umgebung verwurzelt."},
|
||||
{
|
||||
title: "Beratung",
|
||||
description: "Individuelle Lösungen für Ihre Gartenträume.",
|
||||
},
|
||||
title: "Beratung", description: "Individuelle Lösungen für Ihre Gartenträume."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-working-garden-growing-plants-pots-cutting-branches-with-pruner-gardening-job-concept_74855-12893.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -109,59 +88,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "l1",
|
||||
title: "Gartengestaltung",
|
||||
tags: [
|
||||
"Planung",
|
||||
"Neuanlage",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dandelions-growing-gravel-path-park-top-view-with-copy-space-ecology-care-nature-fresh-wallpaper-idea_166373-2482.jpg",
|
||||
},
|
||||
id: "l1", title: "Gartengestaltung", tags: [
|
||||
"Planung", "Neuanlage"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dandelions-growing-gravel-path-park-top-view-with-copy-space-ecology-care-nature-fresh-wallpaper-idea_166373-2482.jpg"},
|
||||
{
|
||||
id: "l2",
|
||||
title: "Rasenpflege",
|
||||
tags: [
|
||||
"Vertikutieren",
|
||||
"Saat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg",
|
||||
},
|
||||
id: "l2", title: "Rasenpflege", tags: [
|
||||
"Vertikutieren", "Saat"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg"},
|
||||
{
|
||||
id: "l3",
|
||||
title: "Heckenschnitt",
|
||||
tags: [
|
||||
"Gehölze",
|
||||
"Form",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-trimming-tool-bush_23-2148256717.jpg",
|
||||
},
|
||||
id: "l3", title: "Heckenschnitt", tags: [
|
||||
"Gehölze", "Form"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-trimming-tool-bush_23-2148256717.jpg"},
|
||||
{
|
||||
id: "l4",
|
||||
title: "Bepflanzung",
|
||||
tags: [
|
||||
"Stauden",
|
||||
"Beete",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg",
|
||||
},
|
||||
id: "l4", title: "Bepflanzung", tags: [
|
||||
"Stauden", "Beete"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg"},
|
||||
{
|
||||
id: "l5",
|
||||
title: "Pflasterarbeiten",
|
||||
tags: [
|
||||
"Terrassen",
|
||||
"Wege",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-grey-stone-rock-wall_53876-14430.jpg",
|
||||
},
|
||||
id: "l5", title: "Pflasterarbeiten", tags: [
|
||||
"Terrassen", "Wege"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-grey-stone-rock-wall_53876-14430.jpg"},
|
||||
{
|
||||
id: "l6",
|
||||
title: "Gartenpflege",
|
||||
tags: [
|
||||
"Verträge",
|
||||
"Wartung",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||||
},
|
||||
id: "l6", title: "Gartenpflege", tags: [
|
||||
"Verträge", "Wartung"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der Planung bis zur regelmäßigen Pflege."
|
||||
@@ -176,25 +125,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
description: "Beratung vor Ort",
|
||||
},
|
||||
id: "m1", value: "1", description: "Beratung vor Ort"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
description: "Angebot & Planung",
|
||||
},
|
||||
id: "m2", value: "2", description: "Angebot & Planung"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
description: "Sorgfältige Umsetzung",
|
||||
},
|
||||
id: "m3", value: "3", description: "Sorgfältige Umsetzung"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4",
|
||||
description: "Abnahme & Pflege",
|
||||
},
|
||||
id: "m4", value: "4", description: "Abnahme & Pflege"},
|
||||
]}
|
||||
title="So arbeiten wir"
|
||||
description="Vom Erstkontakt bis zum fertigen Garten."
|
||||
@@ -209,41 +146,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Terrassenpflaster",
|
||||
price: "Nienburg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359759.jpg",
|
||||
},
|
||||
id: "p1", name: "Terrassenpflaster", price: "Nienburg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359759.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Heckenpflege",
|
||||
price: "Hoya",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-cutting-flower-with-secateurs_23-2148165348.jpg",
|
||||
},
|
||||
id: "p2", name: "Heckenpflege", price: "Hoya", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-cutting-flower-with-secateurs_23-2148165348.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Beete",
|
||||
price: "Neuanlage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-types-lettuce_1203-1973.jpg",
|
||||
},
|
||||
id: "p3", name: "Beete", price: "Neuanlage", imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-types-lettuce_1203-1973.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rasen",
|
||||
price: "Gartenpflege",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-green-wheat-fields-ukraine-green-wheat-sprouts-field-close-up-concept-ecology-protection-explore-world-s-beauty_169016-15541.jpg",
|
||||
},
|
||||
id: "p4", name: "Rasen", price: "Gartenpflege", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-green-wheat-fields-ukraine-green-wheat-sprouts-field-close-up-concept-ecology-protection-explore-world-s-beauty_169016-15541.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wege",
|
||||
price: "Steinarbeiten",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-plant-growing-soil_23-2147844315.jpg",
|
||||
},
|
||||
id: "p5", name: "Wege", price: "Steinarbeiten", imageSrc: "http://img.b2bpic.net/free-photo/small-plant-growing-soil_23-2147844315.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gartenpflege",
|
||||
price: "Saison",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg",
|
||||
},
|
||||
id: "p6", name: "Gartenpflege", price: "Saison", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg"},
|
||||
]}
|
||||
title="Einblick in unsere Arbeit"
|
||||
description="Ein paar Beispiele unserer umgesetzten Gartenprojekte."
|
||||
@@ -255,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Was ist das Einzugsgebiet?",
|
||||
content: "Nienburg, Hoya, Stolzenau, Rehburg-Loccum und Steimbke.",
|
||||
},
|
||||
id: "f1", title: "Was ist das Einzugsgebiet?", content: "Nienburg, Hoya, Stolzenau, Rehburg-Loccum und Steimbke."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Erstellen Sie Angebote?",
|
||||
content: "Ja, wir bieten detaillierte Festpreisangebote an.",
|
||||
},
|
||||
id: "f2", title: "Erstellen Sie Angebote?", content: "Ja, wir bieten detaillierte Festpreisangebote an."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gibt es Pflegeverträge?",
|
||||
content: "Gerne übernehmen wir regelmäßige Wartungsarbeiten.",
|
||||
},
|
||||
id: "f3", title: "Gibt es Pflegeverträge?", content: "Gerne übernehmen wir regelmäßige Wartungsarbeiten."},
|
||||
]}
|
||||
sideTitle="Fragen?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -282,30 +186,16 @@ export default function LandingPage() {
|
||||
description="Wir melden uns werktags innerhalb von 24 Stunden bei Ihnen."
|
||||
inputs={[
|
||||
{
|
||||
name: "firstName",
|
||||
type: "text",
|
||||
placeholder: "Vorname",
|
||||
},
|
||||
name: "firstName", type: "text", placeholder: "Vorname"},
|
||||
{
|
||||
name: "lastName",
|
||||
type: "text",
|
||||
placeholder: "Nachname",
|
||||
},
|
||||
name: "lastName", type: "text", placeholder: "Nachname"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "E-Mail"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefon",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Telefon"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht / Projektbeschreibung",
|
||||
}}
|
||||
name: "message", placeholder: "Ihre Nachricht / Projektbeschreibung"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-farmer-working-alone-her-greenhouse_23-2149072077.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -315,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="GrünWerk Nienburg"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Startseite", href: "#hero"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Leistungen", href: "#leistungen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -347,4 +227,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user