Merge version_2 into main #1
@@ -21,12 +21,12 @@ export default function LandscapingPage() {
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -37,7 +37,7 @@ export default function LandscapingPage() {
|
||||
{ name: "Über Uns", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Referenzen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Termin vereinbaren", href: "#contact" }}
|
||||
/>
|
||||
@@ -51,7 +51,7 @@ export default function LandscapingPage() {
|
||||
description="Luca Bossard GmbH bietet professionelle Garten- und Landschaftsgestaltung. Von kreativen Designs bis zur fachgerechten Umsetzung und Pflege – wir sind Ihr Partner für grüne Oasen."
|
||||
buttons={[
|
||||
{ text: "Kostenlose Beratung anfordern", href: "#contact" },
|
||||
{ text: "Unsere Leistungen entdecken", href: "#services" },
|
||||
{ text: "Unsere Leistungen entdecken", href: "#services" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dollar-money-bubble-speech-sign-symbol-icon-3d-rendering_56104-1923.jpg"
|
||||
@@ -61,10 +61,12 @@ export default function LandscapingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna Müller", handle: "Hausbesitzerin", testimonial: "Luca Bossard GmbH hat unseren Garten wunderschön verwandelt. Absolute Profis!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63671.jpg", imageAlt: "Anna Müller"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63671.jpg", imageAlt: "Anna Müller"
|
||||
},
|
||||
{
|
||||
name: "Peter Meier", handle: "Immobilienverwalter", testimonial: "Zuverlässiger Service und exzellente Pflege – unsere Anlagen sehen immer top aus.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073733.jpg", imageAlt: "Peter Meier"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073733.jpg", imageAlt: "Peter Meier"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,13 +98,17 @@ export default function LandscapingPage() {
|
||||
imageContainerClassName="!rotate-0 !aspect-square"
|
||||
features={[
|
||||
{
|
||||
tag: "Konzeption", title: "Gartenplanung & Design", subtitle: "Individuelle Lösungen", description: "Wir entwickeln massgeschneiderte Gartenkonzepte, die Ästhetik, Funktionalität und Ihre persönlichen Wünsche vereinen.", imageSrc: "http://img.b2bpic.net/free-photo/professional-e-sports-afro-gamer-talking-microhone-live-tournament-streaming-viral-video-games-putting-headphones-typing-keyboard-online-championship_482257-12650.jpg", imageAlt: "Gartenplan auf einem Tisch"},
|
||||
tag: "Konzeption", title: "Gartenplanung & Design", subtitle: "Individuelle Lösungen", description: "Wir entwickeln massgeschneiderte Gartenkonzepte, die Ästhetik, Funktionalität und Ihre persönlichen Wünsche vereinen.", imageSrc: "http://img.b2bpic.net/free-photo/professional-e-sports-afro-gamer-talking-microhone-live-tournament-streaming-viral-video-games-putting-headphones-typing-keyboard-online-championship_482257-12650.jpg", imageAlt: "Gartenplan auf einem Tisch"
|
||||
},
|
||||
{
|
||||
tag: "Umsetzung", title: "Neuanlagen & Umgestaltung", subtitle: "Fachgerechte Realisierung", description: "Von der Bepflanzung bis zu Wegen und Terrassen – wir realisieren Ihr Gartenprojekt mit Präzision und Qualität.", imageSrc: "http://img.b2bpic.net/free-photo/number-black-frame-made-roasted-coffee-beans-transparent-background_169016-53077.jpg", imageAlt: "Landschaftsbau-Arbeiter beim Anlegen einer Terrasse"},
|
||||
tag: "Umsetzung", title: "Neuanlagen & Umgestaltung", subtitle: "Fachgerechte Realisierung", description: "Von der Bepflanzung bis zu Wegen und Terrassen – wir realisieren Ihr Gartenprojekt mit Präzision und Qualität.", imageSrc: "http://img.b2bpic.net/free-photo/number-black-frame-made-roasted-coffee-beans-transparent-background_169016-53077.jpg", imageAlt: "Landschaftsbau-Arbeiter beim Anlegen einer Terrasse"
|
||||
},
|
||||
{
|
||||
tag: "Pflege", title: "Gartenunterhalt & -pflege", subtitle: "Jahreszeiten-Betreuung", description: "Regelmässige Pflege für einen stets gepflegten Garten. Mähen, Schnitt, Düngung und mehr – ganzjährig.", imageSrc: "http://img.b2bpic.net/free-photo/letter-e-made-real-natural-flowers-leaves-white-background-isolated_169016-53964.jpg", imageAlt: "Gärtner beim Heckenschneiden"},
|
||||
tag: "Pflege", title: "Gartenunterhalt & -pflege", subtitle: "Jahreszeiten-Betreuung", description: "Regelmässige Pflege für einen stets gepflegten Garten. Mähen, Schnitt, Düngung und mehr – ganzjährig.", imageSrc: "http://img.b2bpic.net/free-photo/letter-e-made-real-natural-flowers-leaves-white-background-isolated_169016-53964.jpg", imageAlt: "Gärtner beim Heckenschneiden"
|
||||
},
|
||||
{
|
||||
tag: "Spezialitäten", title: "Pflasterarbeiten & Mauern", subtitle: "Robuste Gestaltungselemente", description: "Hochwertige Pflasterungen für Wege und Plätze sowie langlebige Mauern und Steinarbeiten, die Funktionalität und Design verbinden.", imageSrc: "http://img.b2bpic.net/free-photo/pollution-background-industrial-smoke-from-factory-rsquo-s-chimneys_53876-129244.jpg", imageAlt: "Verlegung von Pflastersteinen im Garten"},
|
||||
tag: "Spezialitäten", title: "Pflasterarbeiten & Mauern", subtitle: "Robuste Gestaltungselemente", description: "Hochwertige Pflasterungen für Wege und Plätze sowie langlebige Mauern und Steinarbeiten, die Funktionalität und Design verbinden.", imageSrc: "http://img.b2bpic.net/free-photo/pollution-background-industrial-smoke-from-factory-rsquo-s-chimneys_53876-129244.jpg", imageAlt: "Verlegung von Pflastersteinen im Garten"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,11 +123,14 @@ export default function LandscapingPage() {
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Handwerkliche Exzellenz", role: "Langjährige Erfahrung und höchste Standards in jedem Detail unserer Arbeit.", imageSrc: "http://img.b2bpic.net/free-photo/number-made-flowers-grass-isolated-white_169016-59775.jpg", imageAlt: "Nahaufnahme von Händen bei präziser Gartenarbeit"},
|
||||
id: "1", name: "Handwerkliche Exzellenz", role: "Langjährige Erfahrung und höchste Standards in jedem Detail unserer Arbeit.", imageSrc: "http://img.b2bpic.net/free-photo/number-made-flowers-grass-isolated-white_169016-59775.jpg", imageAlt: "Nahaufnahme von Händen bei präziser Gartenarbeit"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Kundenorientierte Lösungen", role: "Ihre Vision ist unser Antrieb. Wir hören zu und setzen Ihre Ideen individuell um.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-warning-triangle-with-digital-distortion-black-background_84443-91300.jpg", imageAlt: "Gärtner bespricht sich mit Kundin im Garten"},
|
||||
id: "2", name: "Kundenorientierte Lösungen", role: "Ihre Vision ist unser Antrieb. Wir hören zu und setzen Ihre Ideen individuell um.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-warning-triangle-with-digital-distortion-black-background_84443-91300.jpg", imageAlt: "Gärtner bespricht sich mit Kundin im Garten"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Zuverlässigkeit & Termintreue", role: "Wir halten unsere Versprechen – pünktliche Ausführung und transparente Kommunikation.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-n-sign_53876-47242.jpg", imageAlt: "Team von Gärtnern prüft einen Bauplan"},
|
||||
id: "3", name: "Zuverlässigkeit & Termintreue", role: "Wir halten unsere Versprechen – pünktliche Ausführung und transparente Kommunikation.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-n-sign_53876-47242.jpg", imageAlt: "Team von Gärtnern prüft einen Bauplan"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,11 +146,14 @@ export default function LandscapingPage() {
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Luca Bossard", role: "Geschäftsführer & Gartenbau Experte", imageSrc: "http://img.b2bpic.net/free-photo/dripping-paint-letter-l_23-2148185102.jpg", imageAlt: "Porträt von Luca Bossard"},
|
||||
id: "1", name: "Luca Bossard", role: "Geschäftsführer & Gartenbau Experte", imageSrc: "http://img.b2bpic.net/free-photo/dripping-paint-letter-l_23-2148185102.jpg", imageAlt: "Porträt von Luca Bossard"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sabine Keller", role: "Landschaftsarchitektin", imageSrc: "http://img.b2bpic.net/free-photo/letter-n-made-green-grass-with-flowers-isolated-transparent-background_169016-59603.jpg", imageAlt: "Porträt von Sabine Keller"},
|
||||
id: "2", name: "Sabine Keller", role: "Landschaftsarchitektin", imageSrc: "http://img.b2bpic.net/free-photo/letter-n-made-green-grass-with-flowers-isolated-transparent-background_169016-59603.jpg", imageAlt: "Porträt von Sabine Keller"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Markus Schneider", role: "Vorarbeiter Gartenbau", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-balloon-letter_53876-46859.jpg", imageAlt: "Porträt von Markus Schneider"},
|
||||
id: "3", name: "Markus Schneider", role: "Vorarbeiter Gartenbau", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-balloon-letter_53876-46859.jpg", imageAlt: "Porträt von Markus Schneider"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,13 +169,17 @@ export default function LandscapingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "M. Steiner", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63671.jpg", imageAlt: "M. Steiner"},
|
||||
id: "1", name: "M. Steiner", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63671.jpg", imageAlt: "M. Steiner"
|
||||
},
|
||||
{
|
||||
id: "2", name: "S. Fischer", imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073733.jpg", imageAlt: "S. Fischer"},
|
||||
id: "2", name: "S. Fischer", imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073733.jpg", imageAlt: "S. Fischer"
|
||||
},
|
||||
{
|
||||
id: "3", name: "A. Wyss", imageSrc: "http://img.b2bpic.net/free-photo/lgbtq-pride-flag-with-woman-rsquo-s-hand-raising_53876-129559.jpg", imageAlt: "A. Wyss"},
|
||||
id: "3", name: "A. Wyss", imageSrc: "http://img.b2bpic.net/free-photo/lgbtq-pride-flag-with-woman-rsquo-s-hand-raising_53876-129559.jpg", imageAlt: "A. Wyss"
|
||||
},
|
||||
{
|
||||
id: "4", name: "D. Maurer", imageSrc: "http://img.b2bpic.net/free-photo/letter-i-made-real-natural-flowers-leaves-white-background-isolated_169016-53916.jpg", imageAlt: "D. Maurer"},
|
||||
id: "4", name: "D. Maurer", imageSrc: "http://img.b2bpic.net/free-photo/letter-i-made-real-natural-flowers-leaves-white-background-isolated_169016-53916.jpg", imageAlt: "D. Maurer"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,17 +194,23 @@ export default function LandscapingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Wie lange dauert ein durchschnittliches Gartenprojekt?", content: "Die Dauer hängt stark vom Umfang ab. Nach einer kostenlosen Erstberatung können wir Ihnen eine detaillierte Zeitschätzung geben, typischerweise 1-4 Wochen."},
|
||||
id: "1", title: "Wie lange dauert ein durchschnittliches Gartenprojekt?", content: "Die Dauer hängt stark vom Umfang ab. Nach einer kostenlosen Erstberatung können wir Ihnen eine detaillierte Zeitschätzung geben, typischerweise 1-4 Wochen."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Bieten Sie kostenlose Erstberatungen an?", content: "Ja, wir kommen gerne bei Ihnen vorbei für eine unverbindliche Objektbegehung und besprechen Ihre Wünsche. Anschliessend erhalten Sie ein detailliertes Angebot."},
|
||||
id: "2", title: "Bieten Sie kostenlose Erstberatungen an?", content: "Ja, wir kommen gerne bei Ihnen vorbei für eine unverbindliche Objektbegehung und besprechen Ihre Wünsche. Anschliessend erhalten Sie ein detailliertes Angebot."
|
||||
},
|
||||
{
|
||||
id: "3", title: "In welchen Regionen sind Sie tätig?", content: "Wir sind hauptsächlich in Basel-Stadt und Basel-Land sowie angrenzenden Gebieten tätig. Kontaktieren Sie uns für eine genaue Abklärung Ihrer Region."},
|
||||
id: "3", title: "In welchen Regionen sind Sie tätig?", content: "Wir sind hauptsächlich in Basel-Stadt und Basel-Land sowie angrenzenden Gebieten tätig. Kontaktieren Sie uns für eine genaue Abklärung Ihrer Region."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Welche Art von Pflegeleistungen bieten Sie an?", content: "Wir bieten flexible Pflegepakete an, von saisonalen Schnitten bis hin zu ganzjährigen Unterhaltsabonnements, inklusive Mähen, Jäten, Düngen und Pflanzenschutz."},
|
||||
id: "4", title: "Welche Art von Pflegeleistungen bieten Sie an?", content: "Wir bieten flexible Pflegepakete an, von saisonalen Schnitten bis hin zu ganzjährigen Unterhaltsabonnements, inklusive Mähen, Jäten, Düngen und Pflanzenschutz."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Arbeiten Sie mit umweltfreundlichen Materialien?", content: "Nach Möglichkeit setzen wir auf nachhaltige Materialien und Pflanzen, die sich gut in das lokale Ökosystem einfügen. Ihr Wunsch nach Ökologie berücksichtigen wir gerne."},
|
||||
id: "5", title: "Arbeiten Sie mit umweltfreundlichen Materialien?", content: "Nach Möglichkeit setzen wir auf nachhaltige Materialien und Pflanzen, die sich gut in das lokale Ökosystem einfügen. Ihr Wunsch nach Ökologie berücksichtigen wir gerne."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Können Sie bei Baubewilligungen unterstützen?", content: "Gerne beraten wir Sie bezüglich notwendiger Baubewilligungen für Ihr Gartenprojekt und unterstützen Sie bei der Einreichung der Unterlagen."},
|
||||
id: "6", title: "Können Sie bei Baubewilligungen unterstützen?", content: "Gerne beraten wir Sie bezüglich notwendiger Baubewilligungen für Ihr Gartenprojekt und unterstützen Sie bei der Einreichung der Unterlagen."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -217,10 +239,10 @@ export default function LandscapingPage() {
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" }
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "service", label: "Interessierte Leistung", options: ["Gartenplanung", "Neuanlage/Umgestaltung", "Gartenpflege", "Pflaster/Mauern", "Sonstiges"],
|
||||
name: "service", label: "Interessierte Leistung", options: ["Gartenplanung", "Neuanlage/Umgestaltung", "Gartenpflege", "Pflaster/Mauern", "Sonstiges"]
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Erzählen Sie uns von Ihrem Projekt...", rows: 4, required: true }}
|
||||
/>
|
||||
@@ -234,23 +256,23 @@ export default function LandscapingPage() {
|
||||
{ label: "Gartenplanung", href: "#services" },
|
||||
{ label: "Neuanlagen", href: "#services" },
|
||||
{ label: "Gartenpflege", href: "#services" },
|
||||
{ label: "Pflasterarbeiten", href: "#services" },
|
||||
],
|
||||
{ label: "Pflasterarbeiten", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Referenzen", href: "#testimonials" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "079 448 95 77", href: "tel:0794489577" },
|
||||
{ label: "Kannenfeldstrasse 23, 4056 Basel" },
|
||||
],
|
||||
},
|
||||
{ label: "Kannenfeldstrasse 23, 4056 Basel" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Luca Bossard GmbH"
|
||||
bottomRightText="Alle Rechte vorbehalten"
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user