Merge version_1 into main #3
@@ -1,85 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { PhoneCall, Mail } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Leistungen", id: "/" },
|
||||
{ name: "Projekte", id: "/" },
|
||||
{ name: "Über Uns", id: "/" },
|
||||
{ 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.",
|
||||
},
|
||||
];
|
||||
import { PhoneCall } from "lucide-react";
|
||||
|
||||
export default function KontaktPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -87,49 +14,74 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navigation */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Galabau Mehl" navItems={navItems} />
|
||||
<NavbarStyleApple
|
||||
brandName="Galabau Mehl"
|
||||
navItems={[
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Über Uns", id: "why-us" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact CTA Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Jetzt in Kontakt treten"
|
||||
tagIcon={PhoneCall}
|
||||
title="Bereit, Ihren Traumgarten zu gestalten?"
|
||||
title="Bereid, 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: "#quote-form" },
|
||||
]}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
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>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 Galabau Mehl | Garten- & Landschaftsbau"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Startseite", href: "/" },
|
||||
{ label: "Über Uns", href: "/uber-uns" },
|
||||
{ label: "Leistungen", href: "/leistungen" },
|
||||
{ label: "Projekte", href: "/projekte" },
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
302
src/app/page.tsx
302
src/app/page.tsx
@@ -1,6 +1,5 @@
|
||||
"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";
|
||||
@@ -15,77 +14,6 @@ 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"
|
||||
@@ -93,60 +21,58 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navigation */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Galabau Mehl" navItems={navItems} />
|
||||
<NavbarStyleApple
|
||||
brandName="Galabau Mehl"
|
||||
navItems={[
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Über Uns", id: "why-us" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<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"
|
||||
imageAlt="beautiful modern garden landscape design"
|
||||
mediaAnimation="opacity"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Jetzt anrufen", href: "tel:05732-9994678" },
|
||||
{ text: "Angebot anfordern", href: "#contact-form" },
|
||||
{ text: "Angebot anfordern", href: "#contact" },
|
||||
]}
|
||||
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?_wi=1",
|
||||
imageAlt: "happy homeowner satisfied customer portrait",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "customer portrait satisfied with landscaping",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "satisfied customer happy with results",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Services Section */}
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
title="Unsere Leistungen"
|
||||
@@ -158,51 +84,22 @@ export default function HomePage() {
|
||||
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?_wi=1",
|
||||
imageAlt: "Gartengestaltung und Landschaftsplanung",
|
||||
},
|
||||
id: "1", name: "Gartengestaltung", price: "Ab € 500", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardeners-making-notes_23-2147768555.jpg", imageAlt: "garden design landscape planning"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pflasterarbeiten",
|
||||
price: "Ab € 80/m²",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg?_wi=1",
|
||||
imageAlt: "Professionelle Pflasterarbeiten für Einfahrten",
|
||||
},
|
||||
id: "2", name: "Pflasterarbeiten", price: "Ab € 80/m²", imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg", imageAlt: "paving driveway installation patio stone"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Terrassenbau",
|
||||
price: "Ab € 120/m²",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-sunshine-balcony-reflection-shadow-wo_53876-23259.jpg?_wi=1",
|
||||
imageAlt: "Moderne Terrasse aus Holz oder WPC",
|
||||
},
|
||||
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: "wooden terrace deck construction outdoor"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rollrasen",
|
||||
price: "Ab € 5/m²",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-kid-running_23-2148758581.jpg?_wi=1",
|
||||
imageAlt: "Frischer Rollrasen für sofortigen Grünflächeneffekt",
|
||||
},
|
||||
id: "4", name: "Rollrasen", price: "Ab € 5/m²", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-kid-running_23-2148758581.jpg", imageAlt: "fresh green lawn grass installation"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "Gartenentwässerung und Planierung",
|
||||
},
|
||||
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: "drainage system garden water management"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Gartenpflege",
|
||||
price: "Ab € 35/h",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardeners-making-notes_23-2147768555.jpg?_wi=2",
|
||||
imageAlt: "Laufende Gartenpflege und Instandhaltung",
|
||||
},
|
||||
id: "6", name: "Gartenpflege", price: "Ab € 35/h", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardeners-making-notes_23-2147768555.jpg", imageAlt: "garden design landscape planning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Why Us Section */}
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardSeven
|
||||
title="Warum Galabau Mehl?"
|
||||
@@ -213,27 +110,19 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "13",
|
||||
title: "Google Bewertungen",
|
||||
items: ["⭐ 5.0 / 5 Sterne", "Zufriedene Kunden", "Vertrauenswürdig & zuverlässig"],
|
||||
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: "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"],
|
||||
id: "3", value: "5", title: "Jahre Erfahrung", items: ["Junges, motiviertes Team", "Hochwertige Materialien", "Fokus auf Qualität"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Portfolio Section */}
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<FeatureCardNineteen
|
||||
title="Unsere Projekte"
|
||||
@@ -244,35 +133,18 @@ export default function HomePage() {
|
||||
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?_wi=1",
|
||||
imageAlt: "Holzterrasse Vorher Nachher Transformation",
|
||||
},
|
||||
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: "garden before after transformation landscape"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "Gepflasterte Einfahrt Vorher Nachher",
|
||||
},
|
||||
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: "patio renovation before after stone work"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "Rollrasen Installation Vorher Nachher",
|
||||
},
|
||||
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: "lawn installation green garden transformation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Das sagen unsere Kunden"
|
||||
@@ -283,41 +155,17 @@ export default function HomePage() {
|
||||
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?_wi=2",
|
||||
imageAlt: "happy homeowner satisfied customer portrait",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=2",
|
||||
imageAlt: "customer portrait satisfied with landscaping",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=2",
|
||||
imageAlt: "satisfied customer happy with results",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "customer portrait satisfied landscaping service",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "180+", label: "Projektabschlüsse" },
|
||||
@@ -327,6 +175,7 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Service Area Section */}
|
||||
<div id="service-area" data-section="service-area">
|
||||
<TestimonialAboutCard
|
||||
tag="Servicegebiet"
|
||||
@@ -334,26 +183,41 @@ export default function HomePage() {
|
||||
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?_wi=1"
|
||||
imageAlt="Servicegebiet Karte Löhne Region"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-design-malaga-map_23-2149048535.jpg"
|
||||
imageAlt="location map Germany Löhne region"
|
||||
mediaAnimation="opacity"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<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"
|
||||
faqs={[
|
||||
{
|
||||
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."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
{/* Contact CTA Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Jetzt in Kontakt treten"
|
||||
tagIcon={PhoneCall}
|
||||
@@ -361,19 +225,45 @@ export default function HomePage() {
|
||||
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" },
|
||||
{ text: "Angebot anfordern", href: "#quote-form" },
|
||||
]}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 Galabau Mehl | Garten- & Landschaftsbau"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Startseite", href: "/" },
|
||||
{ label: "Über Uns", href: "/uber-uns" },
|
||||
{ label: "Leistungen", href: "/leistungen" },
|
||||
{ label: "Projekte", href: "/projekte" },
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,51 +1,39 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from "react";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
fontFamily?: string;
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 48,
|
||||
fontWeight = "bold", fontFamily = "system-ui, -apple-system, sans-serif", fill = "#000000", className = ""}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width="auto"
|
||||
height={fontSize * 1.2}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="10"
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fontFamily={fontFamily}
|
||||
fill={fill}
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user