379 lines
16 KiB
TypeScript
379 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { PhoneCall, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Leistungen", id: "services" },
|
|
{ name: "Projekte", id: "portfolio" },
|
|
{ name: "Über Uns", id: "why-us" },
|
|
{ name: "Kontakt", id: "/kontakt" },
|
|
{ name: "05732 9994678", id: "tel:05732-9994678" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Unternehmen",
|
|
items: [
|
|
{ label: "Startseite", href: "/" },
|
|
{ label: "Über Uns", href: "/" },
|
|
{ label: "Leistungen", href: "/" },
|
|
{ label: "Projekte", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Kontakt",
|
|
items: [
|
|
{ label: "Telefon: 05732 9994678", href: "tel:05732-9994678" },
|
|
{ label: "Email: info@galabau-mehl.de", href: "mailto:info@galabau-mehl.de" },
|
|
{ label: "Jasminstraße 39, 32584 Löhne", href: "#" },
|
|
{ label: "Kontaktformular", href: "/kontakt" },
|
|
],
|
|
},
|
|
{
|
|
title: "Rechtlich",
|
|
items: [
|
|
{ label: "Datenschutz", href: "#" },
|
|
{ label: "Impressum", href: "#" },
|
|
{ label: "Allgemeine Bedingungen", href: "#" },
|
|
{ label: "Cookies", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
const faqItems = [
|
|
{
|
|
id: "1",
|
|
title: "Wie lange dauert eine typische Gartengestaltung?",
|
|
content: "Die Dauer hängt vom Umfang des Projekts ab. Ein durchschnittliches Terrassenprojekt dauert 1-2 Wochen, während umfassendere Gartengestaltungen 3-8 Wochen in Anspruch nehmen können. Wir erstellen einen detaillierten Zeitplan nach der Besichtigung.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Welche Materialien werden für Pflasterarbeiten verwendet?",
|
|
content: "Wir arbeiten mit hochwertigen, langlebigen Materialien: Betonsteine, Natursteinpflaster, Klinker und spezielle Drainagesysteme. Die Wahl hängt von Ihrem Budget und Ihren Wünschen ab.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Bieten Sie auch Gartenpflege und Wartung an?",
|
|
content: "Ja! Wir bieten regelmäßige Gartenpflege, Rasenschnitt, Baumschnitt und Instandhaltung an. Kontaktieren Sie uns für maßgeschneiderte Pflegepläne.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Werden Genehmigungen für größere Projekte benötigt?",
|
|
content: "Für die meisten privaten Gartenprojekte werden keine Genehmigungen benötigt. Wir beraten Sie gerne und kümmern uns um etwaige erforderliche Formalitäten.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Wie erhalte ich ein Kostenlos-Angebot?",
|
|
content: "Füllen Sie einfach unser Kontaktformular aus oder rufen Sie uns unter 05732 9994678 an. Wir vereinbaren einen Besichtigungstermin und erstellen ein detailliertes, kostenloses Angebot.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Arbeitet ihr auch bei schlechtem Wetter?",
|
|
content: "Wir versuchen, den Zeitplan einzuhalten, passen uns aber dem Wetter an. Einige Arbeiten wie Betonarbeiten können bei Regen beeinträchtigt werden. Wir besprechen dies im Voraus mit Ihnen.",
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Galabau Mehl" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Wir gestalten Ihren Traumgarten"
|
|
description="Professioneller Garten- und Landschaftsbau in Löhne und Umgebung. Von der Planung bis zur Umsetzung - wir kümmern uns um alles."
|
|
tag="Lokale Expertise"
|
|
imageSrc="http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg"
|
|
imageAlt="Moderner Garten mit Terrasse und Pflanzen"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Jetzt anrufen", href: "tel:05732-9994678" },
|
|
{ text: "Angebot anfordern", href: "#contact-form" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Maria Schmidt",
|
|
handle: "Homeowner, Löhne",
|
|
testimonial: "Fantastische Arbeit! Unser Garten sieht jetzt wunderbar aus. Das Team war professionell und zuverlässig.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
|
imageAlt: "happy homeowner satisfied customer portrait",
|
|
},
|
|
{
|
|
name: "Klaus Weber",
|
|
handle: "Hausbesitzer, Bad Oeynhausen",
|
|
testimonial: "Sehr empfehlenswert! Die Jungs haben eine großartige Terasse gebaut. Exzellente Qualität.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg",
|
|
imageAlt: "customer portrait satisfied with landscaping",
|
|
},
|
|
{
|
|
name: "Petra Müller",
|
|
handle: "Hausbesitzer, Herford",
|
|
testimonial: "Toll gemachte Pflasterarbeiten. Die Kommunikation war klar und die Abwicklung reibungslos.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
|
|
imageAlt: "satisfied customer happy with results",
|
|
},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
title="Unsere Leistungen"
|
|
description="Wir bieten ein umfassendes Spektrum professioneller Gartengestaltungs- und Landschaftsbauservices für Ihr Zuhause."
|
|
tag="Vollständige Lösungen"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Gartengestaltung",
|
|
price: "Ab € 500",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardeners-making-notes_23-2147768555.jpg",
|
|
imageAlt: "Gartengestaltung und Landschaftsplanung",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Pflasterarbeiten",
|
|
price: "Ab € 80/m²",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg",
|
|
imageAlt: "Professionelle Pflasterarbeiten für Einfahrten",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Terrassenbau",
|
|
price: "Ab € 120/m²",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-sunshine-balcony-reflection-shadow-wo_53876-23259.jpg",
|
|
imageAlt: "Moderne Terrasse aus Holz oder WPC",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Rollrasen",
|
|
price: "Ab € 5/m²",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-kid-running_23-2148758581.jpg",
|
|
imageAlt: "Frischer Rollrasen für sofortigen Grünflächeneffekt",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Entwässerung",
|
|
price: "Ab € 40/m",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/striped-rubber-boots-river-with-splashing-water-spring-village_169016-7099.jpg",
|
|
imageAlt: "Gartenentwässerung und Planierung",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Gartenpflege",
|
|
price: "Ab € 35/h",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardeners-making-notes_23-2147768555.jpg",
|
|
imageAlt: "Laufende Gartenpflege und Instandhaltung",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardSeven
|
|
title="Warum Galabau Mehl?"
|
|
description="Wir sind Ihre lokalen Experten für professionelle Gartengestaltung und Landschaftsbau mit jahrelanger Erfahrung und vielen zufriedenen Kunden."
|
|
tag="Unser Versprechen"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "13",
|
|
title: "Google Bewertungen",
|
|
items: ["⭐ 5.0 / 5 Sterne", "Zufriedene Kunden", "Vertrauenswürdig & zuverlässig"],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "100+",
|
|
title: "Projekte abgeschlossen",
|
|
items: ["Von Gartengestaltung bis Entwässerung", "Professionelle Umsetzung", "Pünktliche Fertigstellung"],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "5",
|
|
title: "Jahre Erfahrung",
|
|
items: ["Junges, motiviertes Team", "Hochwertige Materialien", "Fokus auf Qualität"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<FeatureCardNineteen
|
|
title="Unsere Projekte"
|
|
description="Schauen Sie sich unsere Vorher-Nachher Transformationen an. Jedes Projekt zeigt unsere Handwerkskunst und Liebe zum Detail."
|
|
tag="Portfolio"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Terrasse",
|
|
title: "Moderne Holzterrasse",
|
|
subtitle: "Entspannte Outdoor-Oase geschaffen",
|
|
description: "Ein veralteter Betonbereich wurde in eine wunderbare Holzterrasse mit modernem Design umgewandelt. Der neue Außenbereich ist perfekt zum Entspannen und für Gartenfeste.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/garden-center_23-2148013459.jpg",
|
|
imageAlt: "Holzterrasse Vorher Nachher Transformation",
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Einfahrt",
|
|
title: "Gepflasterte Einfahrt",
|
|
subtitle: "Moderne Optik und Funktionalität",
|
|
description: "Eine alte, beschädigte Einfahrt wurde mit hochwertigem Pflaster erneuert. Das Ergebnis ist eine sichere, attraktive und wartungsfreie Einfahrt, die den Gesamteindruck des Grundstücks verbessert.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fumigation_23-2148013411.jpg",
|
|
imageAlt: "Gepflasterte Einfahrt Vorher Nachher",
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Rasen",
|
|
title: "Frischer Rollrasen",
|
|
subtitle: "Sofort grüner und attraktiver Garten",
|
|
description: "Ein kahles, ungepflegtes Grundstück wurde mit hochwertigem Rollrasen begrünt. Der sofortige Grünflächeneffekt schuf einen einladenden Außenbereich für Familie und Freunde.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127909.jpg",
|
|
imageAlt: "Rollrasen Installation Vorher Nachher",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Das sagen unsere Kunden"
|
|
description="Lesen Sie echte Bewertungen von zufriedenen Hausbesitzern in Löhne und der Region, die ihre Gärten transformiert haben."
|
|
tag="Kundenempfehlungen"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Jansen",
|
|
role: "Hausbesitzerin",
|
|
company: "Löhne",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
|
imageAlt: "happy homeowner satisfied customer portrait",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Hoffmann",
|
|
role: "Hausbesitzer",
|
|
company: "Bad Oeynhausen",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg",
|
|
imageAlt: "customer portrait satisfied with landscaping",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Claudia Bergmann",
|
|
role: "Hausbesitzerin",
|
|
company: "Herford",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
|
|
imageAlt: "satisfied customer happy with results",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Thomas Richter",
|
|
role: "Hausbesitzer",
|
|
company: "Bünde",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling-garden_23-2150771019.jpg",
|
|
imageAlt: "customer portrait satisfied landscaping service",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "180+", label: "Projektabschlüsse" },
|
|
{ value: "98%", label: "Kundenzufriedenheit" },
|
|
{ value: "5+", label: "Jahre Erfahrung" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<TestimonialAboutCard
|
|
tag="Servicegebiet"
|
|
title="Wir arbeiten in Ihrer Nähe"
|
|
description="Servicegebiet: Löhne, Bad Oeynhausen, Herford, Bünde, Vlotho und Umgebung"
|
|
subdescription="Radius: ca. 30 km um Löhne"
|
|
icon={MapPin}
|
|
imageSrc="http://img.b2bpic.net/free-vector/flat-design-malaga-map_23-2149048535.jpg"
|
|
imageAlt="Servicegebiet Karte Löhne Region"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
faqs={faqItems}
|
|
sideTitle="Häufig gestellte Fragen"
|
|
sideDescription="Antworten auf Ihre wichtigsten Fragen rund um Gartengestaltung und Landschaftsbau."
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCTA
|
|
tag="Jetzt in Kontakt treten"
|
|
tagIcon={PhoneCall}
|
|
title="Bereit, Ihren Traumgarten zu gestalten?"
|
|
description="Kontaktieren Sie uns noch heute für ein kostenloses Angebot. Unser Team steht bereit, Ihre Gartenvision in die Realität umzusetzen."
|
|
buttons={[
|
|
{ text: "Jetzt anrufen", href: "tel:05732-9994678" },
|
|
{ text: "Angebot anfordern", href: "/kontakt" },
|
|
]}
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Galabau Mehl | Garten- & Landschaftsbau"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |