Merge version_1 into main #2
131
src/app/page.tsx
131
src/app/page.tsx
@@ -24,8 +24,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Leistungen",
|
||||
items: [
|
||||
title: "Leistungen", items: [
|
||||
{ label: "Badrenovierung", href: "#services" },
|
||||
{ label: "Heizungsinstallation", href: "#services" },
|
||||
{ label: "Sanitärarbeiten", href: "#services" },
|
||||
@@ -33,8 +32,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Kundenbewertungen", href: "#testimonials" },
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
@@ -42,8 +40,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{ label: "📞 +49 (0) 123 456789", href: "tel:+49123456789" },
|
||||
{ label: "✉️ info@bad-heizung-dach.de", href: "mailto:info@bad-heizung-dach.de" },
|
||||
{ label: "📍 Lokale Region", href: "#" },
|
||||
@@ -59,7 +56,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -71,9 +68,7 @@ export default function HomePage() {
|
||||
brandName="Bad-Heizung-Dach"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
}}
|
||||
text: "Jetzt anrufen", href: "tel:+49123456789"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,16 +79,12 @@ export default function HomePage() {
|
||||
description="Ihr zuverlässiger Partner für Bad, Heizung & Dach. Fachgerechte Installation, Sanierung und Reparaturen – zuverlässig, sauber und persönlich."
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
text: "📞 Jetzt anrufen", href: "tel:+49123456789"},
|
||||
{
|
||||
text: "📩 Angebot anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "📩 Angebot anfragen", href: "#contact"},
|
||||
]}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/washbasin-with-mirror_1203-47.jpg?_wi=1"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/washbasin-with-mirror_1203-47.jpg"
|
||||
imageAlt="Modern bathroom renovation"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
@@ -109,15 +100,11 @@ export default function HomePage() {
|
||||
description="Bad-Heizung-Dach wurde mit dem Anspruch gegründet, lokalen Hausbesitzern höchste Qualität und persönliche Betreuung zu bieten. Unter der Leitung von Doreen Liebold hat sich unser Team als zuverlässiger, kompetenter Partner für alle Badezimmer-, Heizungs- und Dacharbeiten etabliert."
|
||||
metrics={[
|
||||
{
|
||||
value: "5.0★",
|
||||
title: "Google Bewertung",
|
||||
},
|
||||
value: "5.0★", title: "Google Bewertung"},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Jahre Erfahrung",
|
||||
},
|
||||
value: "15+", title: "Jahre Erfahrung"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-businesswoman-using-sign-language-outdoors-work_23-2148740316.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-businesswoman-using-sign-language-outdoors-work_23-2148740316.jpg"
|
||||
imageAlt="Doreen Liebold - Inhaberin"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -132,25 +119,13 @@ export default function HomePage() {
|
||||
description="Zahlen, die für unsere Qualität und Zuverlässigkeit sprechen."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Erfolgreich abgeschlossene Projekte",
|
||||
},
|
||||
id: "1", value: "500+", description: "Erfolgreich abgeschlossene Projekte"},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description: "Kundenzufriedenheitsquote",
|
||||
},
|
||||
id: "2", value: "98%", description: "Kundenzufriedenheitsquote"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Jahre Branchenerfahrung",
|
||||
},
|
||||
id: "3", value: "15+", description: "Jahre Branchenerfahrung"},
|
||||
{
|
||||
id: "4",
|
||||
value: "5.0★",
|
||||
description: "Google Bewertung mit 100+ Rezensionen",
|
||||
},
|
||||
id: "4", value: "5.0★", description: "Google Bewertung mit 100+ Rezensionen"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -166,45 +141,21 @@ export default function HomePage() {
|
||||
description="Echte Bewertungen von zufriedenen Hausbesitzern, die unseren Service vertrauen."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Müller",
|
||||
handle: "@sarah.m",
|
||||
testimonial:
|
||||
"Die Firma beriet uns ausführlich, mega kompetent, herzlich und half bei zahlreichen großen und kleinen Problemen beim Neubau. Absolut empfehlenswert!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg?_wi=1",
|
||||
imageAlt: "Sarah Müller",
|
||||
},
|
||||
id: "1", name: "Sarah Müller", handle: "@sarah.m", testimonial:
|
||||
"Die Firma beriet uns ausführlich, mega kompetent, herzlich und half bei zahlreichen großen und kleinen Problemen beim Neubau. Absolut empfehlenswert!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg", imageAlt: "Sarah Müller"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Klaus Weber",
|
||||
handle: "@kweber",
|
||||
testimonial:
|
||||
"Professionelle und zuverlässige Arbeit. Die Heizungsinstallation wurde sauber ausgeführt und der Kundenservice war hervorragend. Sehr gutes Preis-Leistungs-Verhältnis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg?_wi=1",
|
||||
imageAlt: "Klaus Weber",
|
||||
},
|
||||
id: "2", name: "Klaus Weber", handle: "@kweber", testimonial:
|
||||
"Professionelle und zuverlässige Arbeit. Die Heizungsinstallation wurde sauber ausgeführt und der Kundenservice war hervorragend. Sehr gutes Preis-Leistungs-Verhältnis.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg", imageAlt: "Klaus Weber"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Petra Schmidt",
|
||||
handle: "@petras",
|
||||
testimonial:
|
||||
"Unsere Badezimmerrenovation war perfekt geplant und ausgeführt. Die Handwerker waren freundlich und arbeiteten gründlich. Wir können Bad-Heizung-Dach jedem weiterempfehlen!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-blonde-slavic-woman-thumbs-up-two-hands-purple_141793-69942.jpg?_wi=1",
|
||||
imageAlt: "Petra Schmidt",
|
||||
},
|
||||
id: "3", name: "Petra Schmidt", handle: "@petras", testimonial:
|
||||
"Unsere Badezimmerrenovation war perfekt geplant und ausgeführt. Die Handwerker waren freundlich und arbeiteten gründlich. Wir können Bad-Heizung-Dach jedem weiterempfehlen!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-blonde-slavic-woman-thumbs-up-two-hands-purple_141793-69942.jpg", imageAlt: "Petra Schmidt"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Bauer",
|
||||
handle: "@tbauer",
|
||||
testimonial:
|
||||
"Notfall-Reparatur an unserem Dach wurde innerhalb kürzester Zeit professionell gelöst. Kompetent, zuverlässig und faire Preise. Top Leistung!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-thinking_23-2148214555.jpg?_wi=1",
|
||||
imageAlt: "Thomas Bauer",
|
||||
},
|
||||
id: "4", name: "Thomas Bauer", handle: "@tbauer", testimonial:
|
||||
"Notfall-Reparatur an unserem Dach wurde innerhalb kürzester Zeit professionell gelöst. Kompetent, zuverlässig und faire Preise. Top Leistung!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-thinking_23-2148214555.jpg", imageAlt: "Thomas Bauer"},
|
||||
]}
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
@@ -220,38 +171,24 @@ export default function HomePage() {
|
||||
description="Kontaktieren Sie uns jetzt für eine unverbindliche Beratung. Wir nehmen uns Zeit für Ihre Fragen und Anforderungen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Ihre Telefonnummer",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Ihre Telefonnummer", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Ihre E-Mail", required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Art der Leistung (z.B. Bad-Renovierung)",
|
||||
required: false,
|
||||
name: "service", type: "text", placeholder: "Art der Leistung (z.B. Bad-Renovierung)", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Kurze Beschreibung Ihres Anliegens...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Kurze Beschreibung Ihres Anliegens...", rows: 5,
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-family-moving-into-new-home_23-2149199036.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-family-moving-into-new-home_23-2149199036.jpg"
|
||||
imageAlt="Professionelle Beratung"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -19,8 +19,7 @@ export default function ServicesPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Leistungen",
|
||||
items: [
|
||||
title: "Leistungen", items: [
|
||||
{ label: "Badrenovierung", href: "#services" },
|
||||
{ label: "Heizungsinstallation", href: "#services" },
|
||||
{ label: "Sanitärarbeiten", href: "#services" },
|
||||
@@ -28,8 +27,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Kundenbewertungen", href: "#testimonials" },
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
@@ -37,8 +35,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{ label: "📞 +49 (0) 123 456789", href: "tel:+49123456789" },
|
||||
{ label: "✉️ info@bad-heizung-dach.de", href: "mailto:info@bad-heizung-dach.de" },
|
||||
{ label: "📍 Lokale Region", href: "#" },
|
||||
@@ -54,7 +51,7 @@ export default function ServicesPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -66,9 +63,7 @@ export default function ServicesPage() {
|
||||
brandName="Bad-Heizung-Dach"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
}}
|
||||
text: "Jetzt anrufen", href: "tel:+49123456789"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,52 +74,27 @@ export default function ServicesPage() {
|
||||
description="Professionelle Handwerk für alle Ihre Bedürfnisse rund um Bad, Heizung und Dach."
|
||||
features={[
|
||||
{
|
||||
title: "Badrenovierung",
|
||||
description: "Komplette Badezimmer-Neugestaltung mit modernem Design und hochwertigen Materialien.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washbasin-with-mirror_1203-47.jpg?_wi=2",
|
||||
imageAlt: "Badezimmer Renovation",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Badrenovierung", description: "Komplette Badezimmer-Neugestaltung mit modernem Design und hochwertigen Materialien.", imageSrc: "http://img.b2bpic.net/free-photo/washbasin-with-mirror_1203-47.jpg", imageAlt: "Badezimmer Renovation", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Heizungsinstallation",
|
||||
description: "Installation und Wartung von modernen Heizungssystemen für optimalen Komfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-solid-fuel-boiler-working-with-biofuels-economical-heating_169016-14794.jpg?_wi=1",
|
||||
imageAlt: "Heizungssystem",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Heizungsinstallation", description: "Installation und Wartung von modernen Heizungssystemen für optimalen Komfort.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-solid-fuel-boiler-working-with-biofuels-economical-heating_169016-14794.jpg", imageAlt: "Heizungssystem", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Sanitärarbeiten",
|
||||
description: "Fachgerechte Reparatur und Installation aller Sanitärinstallationen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-modern-faucet-interior-clean_1203-5066.jpg?_wi=1",
|
||||
imageAlt: "Sanitär Arbeiten",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Sanitärarbeiten", description: "Fachgerechte Reparatur und Installation aller Sanitärinstallationen.", imageSrc: "http://img.b2bpic.net/free-photo/disabled-modern-faucet-interior-clean_1203-5066.jpg", imageAlt: "Sanitär Arbeiten", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Dacharbeiten",
|
||||
description: "Professionelle Dachinstallation, Reparatur und Wartung für langfristigen Schutz.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg",
|
||||
imageAlt: "Dacharbeiten",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Dacharbeiten", description: "Professionelle Dachinstallation, Reparatur und Wartung für langfristigen Schutz.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg", imageAlt: "Dacharbeiten", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Neubau-Begleitung",
|
||||
description: "Umfassende Unterstützung bei Neubau-Projekten von Anfang bis Ende.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-solid-fuel-boiler-working-with-biofuels-economical-heating_169016-14794.jpg?_wi=2",
|
||||
imageAlt: "Neubau Begleitung",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Neubau-Begleitung", description: "Umfassende Unterstützung bei Neubau-Projekten von Anfang bis Ende.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-solid-fuel-boiler-working-with-biofuels-economical-heating_169016-14794.jpg", imageAlt: "Neubau Begleitung", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Reparaturen & Wartung",
|
||||
description: "Schnelle und zuverlässige Reparatur- und Wartungsdienste bei Notfällen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-modern-faucet-interior-clean_1203-5066.jpg?_wi=2",
|
||||
imageAlt: "Reparaturen Wartung",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Reparaturen & Wartung", description: "Schnelle und zuverlässige Reparatur- und Wartungsdienste bei Notfällen.", imageSrc: "http://img.b2bpic.net/free-photo/disabled-modern-faucet-interior-clean_1203-5066.jpg", imageAlt: "Reparaturen Wartung", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
tag="Leistungen"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,41 +105,23 @@ export default function ServicesPage() {
|
||||
description="Antworten auf die häufigsten Fragen unserer Kunden."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Bieten Sie Notfall-Reparaturen an?",
|
||||
content:
|
||||
"Ja, wir bieten Notfall-Reparaturen an. Kontaktieren Sie uns für schnelle Hilfe bei Wasser-, Heizungs- oder Dachproblemen.",
|
||||
},
|
||||
id: "1", title: "Bieten Sie Notfall-Reparaturen an?", content:
|
||||
"Ja, wir bieten Notfall-Reparaturen an. Kontaktieren Sie uns für schnelle Hilfe bei Wasser-, Heizungs- oder Dachproblemen."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie lange dauert eine typische Bad-Renovierung?",
|
||||
content:
|
||||
"Eine durchschnittliche Badezimmer-Renovierung dauert je nach Umfang zwischen 2-4 Wochen. Wir geben Ihnen einen genauen Zeitplan bei der Erstberatung.",
|
||||
},
|
||||
id: "2", title: "Wie lange dauert eine typische Bad-Renovierung?", content:
|
||||
"Eine durchschnittliche Badezimmer-Renovierung dauert je nach Umfang zwischen 2-4 Wochen. Wir geben Ihnen einen genauen Zeitplan bei der Erstberatung."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bieten Sie Garantien auf Ihre Arbeit?",
|
||||
content:
|
||||
"Ja, alle unsere Arbeiten sind garantiert. Wir geben Garantien auf Materialien und Verarbeitung gemäß Branchenstandards.",
|
||||
},
|
||||
id: "3", title: "Bieten Sie Garantien auf Ihre Arbeit?", content:
|
||||
"Ja, alle unsere Arbeiten sind garantiert. Wir geben Garantien auf Materialien und Verarbeitung gemäß Branchenstandards."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Wie erhalte ich ein kostenloses Angebot?",
|
||||
content:
|
||||
"Kontaktieren Sie uns per Telefon, E-Mail oder über unser Online-Formular. Wir vereinbaren einen Termin zur kostenfreien Besichtigung und Angebotsstellung.",
|
||||
},
|
||||
id: "4", title: "Wie erhalte ich ein kostenloses Angebot?", content:
|
||||
"Kontaktieren Sie uns per Telefon, E-Mail oder über unser Online-Formular. Wir vereinbaren einen Termin zur kostenfreien Besichtigung und Angebotsstellung."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Arbeiten Sie auch mit älteren Häusern?",
|
||||
content:
|
||||
"Ja, wir haben umfangreiche Erfahrung mit Altbauten und modernen Sanierungen. Wir finden Lösungen, die zu Ihrer Immobilie passen.",
|
||||
},
|
||||
id: "5", title: "Arbeiten Sie auch mit älteren Häusern?", content:
|
||||
"Ja, wir haben umfangreiche Erfahrung mit Altbauten und modernen Sanierungen. Wir finden Lösungen, die zu Ihrer Immobilie passen."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Von Frauen geführt - was bedeutet das?",
|
||||
content:
|
||||
"Bad-Heizung-Dach wird von Doreen Liebold geleitet und verwaltet. Wir legen Wert auf persönliche, kompetente und zuverlässige Betreuung – das ist unser Anspruch.",
|
||||
},
|
||||
id: "6", title: "Von Frauen geführt - was bedeutet das?", content:
|
||||
"Bad-Heizung-Dach wird von Doreen Liebold geleitet und verwaltet. Wir legen Wert auf persönliche, kompetente und zuverlässige Betreuung – das ist unser Anspruch."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
|
||||
Reference in New Issue
Block a user