diff --git a/src/app/page.tsx b/src/app/page.tsx index f5e0359..2733fbd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" > @@ -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" + } ]} /> @@ -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" + } ]} /> @@ -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" + } ]} /> @@ -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" + } ]} /> @@ -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." + } ]} /> @@ -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" diff --git a/src/app/styles/base.css b/src/app/styles/base.css index a25430f..c719d19 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -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; }