Merge version_1 into main #2
@@ -80,19 +80,15 @@ export default function AboutPage() {
|
||||
title="Über Galabau Mehl"
|
||||
description="15 Jahre Erfahrung in professionellem Garten- und Landschaftsbau. Wir verwandeln Gärten mit Leidenschaft, Fachkompetenz und höchster Qualität."
|
||||
tag="Unser Unternehmen"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27409.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27409.jpg"
|
||||
imageAlt="Professional landscaping work"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen: 05732 9994678",
|
||||
href: "tel:057329994678",
|
||||
},
|
||||
text: "Jetzt anrufen: 05732 9994678", href: "tel:057329994678"},
|
||||
{
|
||||
text: "Angebot anfordern",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Angebot anfordern", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,21 +104,11 @@ export default function AboutPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Keine persönliche Beratung",
|
||||
"Fehler bei der Planung",
|
||||
"Mangelnde Erfahrung",
|
||||
"Schlechte Nachbetreuung",
|
||||
],
|
||||
"Keine persönliche Beratung", "Fehler bei der Planung", "Mangelnde Erfahrung", "Schlechte Nachbetreuung"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Persönliche Beratung vor Ort",
|
||||
"Detaillierte Planung und Visualisierung",
|
||||
"15 Jahre spezialisierte Erfahrung",
|
||||
"Zuverlässige Nachbetreuung und Wartung",
|
||||
"Hochwertige Materialien und Handwerk",
|
||||
"Termingerechte Umsetzung",
|
||||
],
|
||||
"Persönliche Beratung vor Ort", "Detaillierte Planung und Visualisierung", "15 Jahre spezialisierte Erfahrung", "Zuverlässige Nachbetreuung und Wartung", "Hochwertige Materialien und Handwerk", "Termingerechte Umsetzung"],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,26 +120,15 @@ export default function AboutPage() {
|
||||
tag="Unsere Erfolgsgeschichte"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Erfolgreiche Gartenprojekte realisiert",
|
||||
},
|
||||
id: "1", value: "500+", description: "Erfolgreiche Gartenprojekte realisiert"},
|
||||
{
|
||||
id: "2",
|
||||
value: "15 Jahre",
|
||||
description: "Erfahrung in Garten- und Landschaftsbau",
|
||||
},
|
||||
id: "2", value: "15 Jahre", description: "Erfahrung in Garten- und Landschaftsbau"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Kundenzufriedenheitsquote",
|
||||
},
|
||||
id: "3", value: "98%", description: "Kundenzufriedenheitsquote"},
|
||||
{
|
||||
id: "4",
|
||||
value: "5★",
|
||||
description: "Google Review Rating – Vertraut und empfohlen",
|
||||
},
|
||||
id: "4", value: "5★", description: "Google Review Rating – Vertraut und empfohlen"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
232
src/app/page.tsx
232
src/app/page.tsx
@@ -50,13 +50,9 @@ export default function HomePage() {
|
||||
tag="Garten- & Landschaftsbau"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen: 05732 9994678",
|
||||
href: "tel:057329994678",
|
||||
},
|
||||
text: "Jetzt anrufen: 05732 9994678", href: "tel:057329994678"},
|
||||
{
|
||||
text: "Angebot anfordern",
|
||||
href: "#quote",
|
||||
},
|
||||
text: "Angebot anfordern", href: "#quote"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg"
|
||||
imageAlt="Beautiful modern garden landscape design"
|
||||
@@ -75,21 +71,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Zeitaufwendige DIY-Projekte",
|
||||
"Fehler bei der Umsetzung",
|
||||
"Mangelnde Fachkompetenz",
|
||||
"Schlechte Materialqualität",
|
||||
],
|
||||
"Zeitaufwendige DIY-Projekte", "Fehler bei der Umsetzung", "Mangelnde Fachkompetenz", "Schlechte Materialqualität"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Professionelle Ausführung",
|
||||
"Hohe Fachkompetenz",
|
||||
"Hochwertige Materialien",
|
||||
"Zuverlässige Timelines",
|
||||
"Individuelle Planung",
|
||||
"Regionale Erfahrung",
|
||||
],
|
||||
"Professionelle Ausführung", "Hohe Fachkompetenz", "Hochwertige Materialien", "Zuverlässige Timelines", "Individuelle Planung", "Regionale Erfahrung"],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,53 +87,17 @@ export default function HomePage() {
|
||||
tag="Dienstleistungen"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gartengestaltung",
|
||||
price: "Ab €500",
|
||||
variant: "Planung & Umsetzung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-focused-florists-caring-blooming-plants-greenhouse-wearing-aprons_74855-16477.jpg?_wi=1",
|
||||
imageAlt: "Professional garden design",
|
||||
},
|
||||
id: "1", name: "Gartengestaltung", price: "Ab €500", variant: "Planung & Umsetzung", imageSrc: "http://img.b2bpic.net/free-photo/two-focused-florists-caring-blooming-plants-greenhouse-wearing-aprons_74855-16477.jpg", imageAlt: "Professional garden design"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pflasterarbeiten",
|
||||
price: "Ab €800",
|
||||
variant: "Einfahrten, Wege, Terrassen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-road-line-with-drain_23-2148106999.jpg?_wi=1",
|
||||
imageAlt: "Professional paving work",
|
||||
},
|
||||
id: "2", name: "Pflasterarbeiten", price: "Ab €800", variant: "Einfahrten, Wege, Terrassen", imageSrc: "http://img.b2bpic.net/free-photo/top-view-road-line-with-drain_23-2148106999.jpg", imageAlt: "Professional paving work"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Terrassenbau",
|
||||
price: "Ab €1.200",
|
||||
variant: "Holz & WPC Terrassen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-masks-playing-laptops-stairs_1150-22752.jpg?_wi=1",
|
||||
imageAlt: "Terrace construction",
|
||||
},
|
||||
id: "3", name: "Terrassenbau", price: "Ab €1.200", variant: "Holz & WPC Terrassen", imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-masks-playing-laptops-stairs_1150-22752.jpg", imageAlt: "Terrace construction"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rollrasen",
|
||||
price: "Ab €300",
|
||||
variant: "Rasenverlegen & Pflege",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/womans-hands-gloves-planting-young-plant_1157-37100.jpg?_wi=1",
|
||||
imageAlt: "Lawn installation",
|
||||
},
|
||||
id: "4", name: "Rollrasen", price: "Ab €300", variant: "Rasenverlegen & Pflege", imageSrc: "http://img.b2bpic.net/free-photo/womans-hands-gloves-planting-young-plant_1157-37100.jpg", imageAlt: "Lawn installation"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Entwässerung",
|
||||
price: "Ab €600",
|
||||
variant: "Gartenentwässerung & Planierung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-man-s-hand-digging-soil-with-hoe_23-2148165180.jpg?_wi=1",
|
||||
imageAlt: "Drainage systems",
|
||||
},
|
||||
id: "5", name: "Entwässerung", price: "Ab €600", variant: "Gartenentwässerung & Planierung", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-man-s-hand-digging-soil-with-hoe_23-2148165180.jpg", imageAlt: "Drainage systems"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Gartenpflege",
|
||||
price: "Ab €150/Monat",
|
||||
variant: "Regelmäßige Instandhaltung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27409.jpg?_wi=1",
|
||||
imageAlt: "Garden maintenance",
|
||||
},
|
||||
id: "6", name: "Gartenpflege", price: "Ab €150/Monat", variant: "Regelmäßige Instandhaltung", imageSrc: "http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27409.jpg", imageAlt: "Garden maintenance"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -163,41 +113,17 @@ export default function HomePage() {
|
||||
tag="Projektgalerie"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Terrasse Renovierung",
|
||||
role: "Familie Schmidt",
|
||||
company: "Bad Oeynhausen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg?_wi=1",
|
||||
imageAlt: "Terrace project completion",
|
||||
},
|
||||
id: "1", name: "Terrasse Renovierung", role: "Familie Schmidt", company: "Bad Oeynhausen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "Terrace project completion"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gartengestaltung",
|
||||
role: "Herr Weber",
|
||||
company: "Löhne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-garden_53876-26270.jpg?_wi=1",
|
||||
imageAlt: "Garden transformation",
|
||||
},
|
||||
id: "2", name: "Gartengestaltung", role: "Herr Weber", company: "Löhne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-garden_53876-26270.jpg", imageAlt: "Garden transformation"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Einfahrt Pflasterung",
|
||||
role: "Familie Müller",
|
||||
company: "Herford",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13810.jpg?_wi=1",
|
||||
imageAlt: "Driveway paving project",
|
||||
},
|
||||
id: "3", name: "Einfahrt Pflasterung", role: "Familie Müller", company: "Herford", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13810.jpg", imageAlt: "Driveway paving project"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rasenverlegen",
|
||||
role: "Herr Wagner",
|
||||
company: "Bünde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg?_wi=1",
|
||||
imageAlt: "Lawn installation project",
|
||||
},
|
||||
id: "4", name: "Rasenverlegen", role: "Herr Wagner", company: "Bünde", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg", imageAlt: "Lawn installation project"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
@@ -212,26 +138,15 @@ export default function HomePage() {
|
||||
tag="Bewährte Qualität"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Erfolgreiche Projekte abgeschlossen",
|
||||
},
|
||||
id: "1", value: "500+", description: "Erfolgreiche Projekte abgeschlossen"},
|
||||
{
|
||||
id: "2",
|
||||
value: "15 Jahre",
|
||||
description: "Erfahrung im Garten- und Landschaftsbau",
|
||||
},
|
||||
id: "2", value: "15 Jahre", description: "Erfahrung im Garten- und Landschaftsbau"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Kundenzufriedenheitsquote",
|
||||
},
|
||||
id: "3", value: "98%", description: "Kundenzufriedenheitsquote"},
|
||||
{
|
||||
id: "4",
|
||||
value: "5★",
|
||||
description: "Google Review Rating (13 Bewertungen)",
|
||||
},
|
||||
id: "4", value: "5★", description: "Google Review Rating (13 Bewertungen)"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -266,41 +181,23 @@ export default function HomePage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie lange dauert eine typische Gartengestaltung?",
|
||||
content:
|
||||
"Die Dauer hängt vom Umfang des Projekts ab. Ein kleineres Projekt kann 2-4 Wochen dauern, während größere Landschaftsprojekte 6-12 Wochen oder länger in Anspruch nehmen können. Wir besprechen den genauen Zeitplan bei der initialen Konsultation.",
|
||||
},
|
||||
id: "1", title: "Wie lange dauert eine typische Gartengestaltung?", content:
|
||||
"Die Dauer hängt vom Umfang des Projekts ab. Ein kleineres Projekt kann 2-4 Wochen dauern, während größere Landschaftsprojekte 6-12 Wochen oder länger in Anspruch nehmen können. Wir besprechen den genauen Zeitplan bei der initialen Konsultation."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bieten Sie kostenlose Beratungen an?",
|
||||
content:
|
||||
"Ja! Wir bieten kostenlose Erstberatungen an, bei denen wir Ihren Garten ansehen, Ihre Wünsche verstehen und einen unverbindlichen Kostenvoranschlag erstellen. Kontaktieren Sie uns unter 05732 9994678.",
|
||||
},
|
||||
id: "2", title: "Bieten Sie kostenlose Beratungen an?", content:
|
||||
"Ja! Wir bieten kostenlose Erstberatungen an, bei denen wir Ihren Garten ansehen, Ihre Wünsche verstehen und einen unverbindlichen Kostenvoranschlag erstellen. Kontaktieren Sie uns unter 05732 9994678."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Welche Materialien verwenden Sie?",
|
||||
content:
|
||||
"Wir verwenden nur hochwertige Materialien von vertrauenswürdigen Lieferanten. Für Pflasterarbeiten nutzen wir robuste Natursteine und Betonplatten. Für Terrassen verwenden wir hochwertiges Holz oder langlebiges WPC-Material.",
|
||||
},
|
||||
id: "3", title: "Welche Materialien verwenden Sie?", content:
|
||||
"Wir verwenden nur hochwertige Materialien von vertrauenswürdigen Lieferanten. Für Pflasterarbeiten nutzen wir robuste Natursteine und Betonplatten. Für Terrassen verwenden wir hochwertiges Holz oder langlebiges WPC-Material."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Müssen wir selbst Abrissarbeiten bezahlen?",
|
||||
content:
|
||||
"Das hängt von Ihrem Projekt ab. Wir bieten umfassende Services einschließlich eventueller notwendiger Abrissarbeiten. Dies wird in der Kostenschätzung berücksichtigt und vollständig transparent kommuniziert.",
|
||||
},
|
||||
id: "4", title: "Müssen wir selbst Abrissarbeiten bezahlen?", content:
|
||||
"Das hängt von Ihrem Projekt ab. Wir bieten umfassende Services einschließlich eventueller notwendiger Abrissarbeiten. Dies wird in der Kostenschätzung berücksichtigt und vollständig transparent kommuniziert."},
|
||||
{
|
||||
id: "5",
|
||||
title: "In welchen Gebieten arbeitet Galabau Mehl?",
|
||||
content:
|
||||
"Wir arbeiten in Löhne, Bad Oeynhausen, Herford, Bünde, Vlotho und der Umgebung im Radius von etwa 30 km. Kontaktieren Sie uns für Projekte außerhalb dieses Gebietes – wir können möglicherweise helfen.",
|
||||
},
|
||||
id: "5", title: "In welchen Gebieten arbeitet Galabau Mehl?", content:
|
||||
"Wir arbeiten in Löhne, Bad Oeynhausen, Herford, Bünde, Vlotho und der Umgebung im Radius von etwa 30 km. Kontaktieren Sie uns für Projekte außerhalb dieses Gebietes – wir können möglicherweise helfen."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Können Sie auch Gartenpflege übernehmen?",
|
||||
content:
|
||||
"Ja, wir bieten regelmäßige Gartenpflege und Landschaftsinstandhaltung an. Das umfasst Rasenmähen, Heckengestaltung, Unkrautbekämpfung und saisonale Gartenpflege. Fragen Sie nach unseren Wartungspaketen.",
|
||||
},
|
||||
id: "6", title: "Können Sie auch Gartenpflege übernehmen?", content:
|
||||
"Ja, wir bieten regelmäßige Gartenpflege und Landschaftsinstandhaltung an. Das umfasst Rasenmähen, Heckengestaltung, Unkrautbekämpfung und saisonale Gartenpflege. Fragen Sie nach unseren Wartungspaketen."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,17 +209,12 @@ export default function HomePage() {
|
||||
description="Kontaktieren Sie uns noch heute für eine kostenlose Beratung und ein unverbindliches Angebot für Ihr Gartenprojekt. Unser Team in Löhne hilft Ihnen gerne weiter!"
|
||||
buttons={[
|
||||
{
|
||||
text: "05732 9994678 anrufen",
|
||||
href: "tel:057329994678",
|
||||
},
|
||||
text: "05732 9994678 anrufen", href: "tel:057329994678"},
|
||||
{
|
||||
text: "Email senden",
|
||||
href: "mailto:info@galabau-mehl.de",
|
||||
},
|
||||
text: "Email senden", href: "mailto:info@galabau-mehl.de"},
|
||||
]}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,65 +226,41 @@ export default function HomePage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "projects",
|
||||
},
|
||||
label: "Projects", href: "projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "about",
|
||||
},
|
||||
label: "About", href: "about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "contact",
|
||||
},
|
||||
label: "Contact", href: "contact"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Gartenbau",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Gartenbau", href: "/services"},
|
||||
{
|
||||
label: "Landschaftsbau",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Landschaftsbau", href: "/services"},
|
||||
{
|
||||
label: "Pflasterarbeiten",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Pflasterarbeiten", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tel: 05732 9994678",
|
||||
href: "tel:057329994678",
|
||||
},
|
||||
label: "Tel: 05732 9994678", href: "tel:057329994678"},
|
||||
{
|
||||
label: "Jasminstraße 39, 32584 Löhne",
|
||||
href: "#",
|
||||
},
|
||||
label: "Jasminstraße 39, 32584 Löhne", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -81,19 +81,15 @@ export default function ProjectsPage() {
|
||||
title="Unsere Projekte"
|
||||
description="Sehen Sie die Transformation von Gärten in Löhne und Umgebung – professionelle Gartengestaltung, die Ihre Erwartungen übertrifft."
|
||||
tag="Projektgalerie"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/kid-garden_53876-26270.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/kid-garden_53876-26270.jpg"
|
||||
imageAlt="Beautiful garden projects showcase"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen: 05732 9994678",
|
||||
href: "tel:057329994678",
|
||||
},
|
||||
text: "Jetzt anrufen: 05732 9994678", href: "tel:057329994678"},
|
||||
{
|
||||
text: "Angebot anfordern",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Angebot anfordern", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,41 +102,17 @@ export default function ProjectsPage() {
|
||||
tag="Projektgalerie"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Terrasse Renovierung",
|
||||
role: "Familie Schmidt",
|
||||
company: "Bad Oeynhausen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg?_wi=2",
|
||||
imageAlt: "Terrace project completion",
|
||||
},
|
||||
id: "1", name: "Terrasse Renovierung", role: "Familie Schmidt", company: "Bad Oeynhausen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "Terrace project completion"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gartengestaltung",
|
||||
role: "Herr Weber",
|
||||
company: "Löhne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-garden_53876-26270.jpg?_wi=3",
|
||||
imageAlt: "Garden transformation",
|
||||
},
|
||||
id: "2", name: "Gartengestaltung", role: "Herr Weber", company: "Löhne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-garden_53876-26270.jpg", imageAlt: "Garden transformation"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Einfahrt Pflasterung",
|
||||
role: "Familie Müller",
|
||||
company: "Herford",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13810.jpg?_wi=2",
|
||||
imageAlt: "Driveway paving project",
|
||||
},
|
||||
id: "3", name: "Einfahrt Pflasterung", role: "Familie Müller", company: "Herford", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13810.jpg", imageAlt: "Driveway paving project"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rasenverlegen",
|
||||
role: "Herr Wagner",
|
||||
company: "Bünde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg?_wi=2",
|
||||
imageAlt: "Lawn installation project",
|
||||
},
|
||||
id: "4", name: "Rasenverlegen", role: "Herr Wagner", company: "Bünde", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg", imageAlt: "Lawn installation project"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
@@ -156,26 +128,15 @@ export default function ProjectsPage() {
|
||||
tag="Bewährte Qualität"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Erfolgreiche Projekte abgeschlossen",
|
||||
},
|
||||
id: "1", value: "500+", description: "Erfolgreiche Projekte abgeschlossen"},
|
||||
{
|
||||
id: "2",
|
||||
value: "15 Jahre",
|
||||
description: "Erfahrung im Garten- und Landschaftsbau",
|
||||
},
|
||||
id: "2", value: "15 Jahre", description: "Erfahrung im Garten- und Landschaftsbau"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Kundenzufriedenheitsquote",
|
||||
},
|
||||
id: "3", value: "98%", description: "Kundenzufriedenheitsquote"},
|
||||
{
|
||||
id: "4",
|
||||
value: "5★",
|
||||
description: "Google Review Rating (13 Bewertungen)",
|
||||
},
|
||||
id: "4", value: "5★", description: "Google Review Rating (13 Bewertungen)"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,35 +152,17 @@ export default function ProjectsPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie lange dauert eine typische Gartengestaltung?",
|
||||
content: "Die Dauer hängt vom Umfang des Projekts ab. Ein kleineres Projekt kann 2-4 Wochen dauern, während größere Landschaftsprojekte 6-12 Wochen oder länger in Anspruch nehmen können. Wir besprechen den genauen Zeitplan bei der initialen Konsultation.",
|
||||
},
|
||||
id: "1", title: "Wie lange dauert eine typische Gartengestaltung?", content: "Die Dauer hängt vom Umfang des Projekts ab. Ein kleineres Projekt kann 2-4 Wochen dauern, während größere Landschaftsprojekte 6-12 Wochen oder länger in Anspruch nehmen können. Wir besprechen den genauen Zeitplan bei der initialen Konsultation."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bieten Sie kostenlose Beratungen an?",
|
||||
content: "Ja! Wir bieten kostenlose Erstberatungen an, bei denen wir Ihren Garten ansehen, Ihre Wünsche verstehen und einen unverbindlichen Kostenvoranschlag erstellen. Kontaktieren Sie uns unter 05732 9994678.",
|
||||
},
|
||||
id: "2", title: "Bieten Sie kostenlose Beratungen an?", content: "Ja! Wir bieten kostenlose Erstberatungen an, bei denen wir Ihren Garten ansehen, Ihre Wünsche verstehen und einen unverbindlichen Kostenvoranschlag erstellen. Kontaktieren Sie uns unter 05732 9994678."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Welche Materialien verwenden Sie?",
|
||||
content: "Wir verwenden nur hochwertige Materialien von vertrauenswürdigen Lieferanten. Für Pflasterarbeiten nutzen wir robuste Natursteine und Betonplatten. Für Terrassen verwenden wir hochwertiges Holz oder langlebiges WPC-Material.",
|
||||
},
|
||||
id: "3", title: "Welche Materialien verwenden Sie?", content: "Wir verwenden nur hochwertige Materialien von vertrauenswürdigen Lieferanten. Für Pflasterarbeiten nutzen wir robuste Natursteine und Betonplatten. Für Terrassen verwenden wir hochwertiges Holz oder langlebiges WPC-Material."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Können Sie auch Gartenpflege übernehmen?",
|
||||
content: "Ja, wir bieten regelmäßige Gartenpflege und Landschaftsinstandhaltung an. Das umfasst Rasenmähen, Heckengestaltung, Unkrautbekämpfung und saisonale Gartenpflege. Fragen Sie nach unseren Wartungspaketen.",
|
||||
},
|
||||
id: "4", title: "Können Sie auch Gartenpflege übernehmen?", content: "Ja, wir bieten regelmäßige Gartenpflege und Landschaftsinstandhaltung an. Das umfasst Rasenmähen, Heckengestaltung, Unkrautbekämpfung und saisonale Gartenpflege. Fragen Sie nach unseren Wartungspaketen."},
|
||||
{
|
||||
id: "5",
|
||||
title: "In welchen Gebieten arbeitet Galabau Mehl?",
|
||||
content: "Wir arbeiten in Löhne, Bad Oeynhausen, Herford, Bünde, Vlotho und der Umgebung im Radius von etwa 30 km. Kontaktieren Sie uns für Projekte außerhalb dieses Gebietes – wir können möglicherweise helfen.",
|
||||
},
|
||||
id: "5", title: "In welchen Gebieten arbeitet Galabau Mehl?", content: "Wir arbeiten in Löhne, Bad Oeynhausen, Herford, Bünde, Vlotho und der Umgebung im Radius von etwa 30 km. Kontaktieren Sie uns für Projekte außerhalb dieses Gebietes – wir können möglicherweise helfen."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Wie kann ich ein Projekt mit Ihnen starten?",
|
||||
content: "Kontaktieren Sie uns einfach unter 05732 9994678 oder senden Sie uns eine E-Mail. Wir vereinbaren einen Vor-Ort-Termin, besprechen Ihre Anforderungen und erstellen ein unverbindliches Angebot.",
|
||||
},
|
||||
id: "6", title: "Wie kann ich ein Projekt mit Ihnen starten?", content: "Kontaktieren Sie uns einfach unter 05732 9994678 oder senden Sie uns eine E-Mail. Wir vereinbaren einen Vor-Ort-Termin, besprechen Ihre Anforderungen und erstellen ein unverbindliches Angebot."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,36 @@
|
||||
"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;
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 24,
|
||||
fill = 'currentColor',
|
||||
className,
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize} ${fontSize * 1.5}`}
|
||||
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"
|
||||
}}
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fill={fill}
|
||||
dominantBaseline="alphabetic"
|
||||
fontWeight="bold"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user