From b69243531b2ff35689a9545aa180d1c555e80f6e Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 1 Jun 2026 12:26:16 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 339 ++++++++++------------------------------------- 1 file changed, 73 insertions(+), 266 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e06c311..1dba18c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,39 +33,23 @@ export default function LandingPage() { @@ -73,83 +57,54 @@ export default function LandingPage() {
@@ -184,46 +133,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Dachsanierung & Reparatur", - description: "Von Sturmschäden bis zur altersbedingten Abnutzung – wir reparieren und sanieren Ihr Dach professionell und nachhaltig. Schnelle Hilfe bei Undichtigkeiten.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg", - imageAlt: "Dachreparatur im Detail", - }, + title: "Dachsanierung & Reparatur", description: "Von Sturmschäden bis zur altersbedingten Abnutzung – wir reparieren und sanieren Ihr Dach professionell und nachhaltig. Schnelle Hilfe bei Undichtigkeiten.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg", imageAlt: "Dachreparatur im Detail"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530688.jpg", - imageAlt: "Dachsanierung abgeschlossen", - }, - imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg?_wi=2", - imageAlt: "roof repair process close up", + imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530688.jpg", imageAlt: "Dachsanierung abgeschlossen"}, }, { - title: "Dachwartung & Inspektion", - description: "Regelmäßige Wartung verlängert die Lebensdauer Ihres Daches. Wir überprüfen, reinigen und beheben kleine Mängel, bevor sie zu großen Problemen werden.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/metal-chimney_1150-10922.jpg", - imageAlt: "Dachinspektion per Drohne", - }, + title: "Dachwartung & Inspektion", description: "Regelmäßige Wartung verlängert die Lebensdauer Ihres Daches. Wir überprüfen, reinigen und beheben kleine Mängel, bevor sie zu großen Problemen werden.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/metal-chimney_1150-10922.jpg", imageAlt: "Dachinspektion per Drohne"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-with-helmets_23-2149343697.jpg", - imageAlt: "Dachreinigung", - }, - imageSrc: "http://img.b2bpic.net/free-photo/teamwork-concept-with-smiling-architects_23-2147702541.jpg?_wi=2", - imageAlt: "roof repair process close up", + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-with-helmets_23-2149343697.jpg", imageAlt: "Dachreinigung"}, }, { - title: "Neubau & Dacheindeckung", - description: "Ob Neubau oder Umbau – wir realisieren Ihr Wunschdach mit verschiedenen Materialien wie Ziegeln, Schiefer oder Metall. Individuelle Lösungen für höchste Ansprüche.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg", - imageAlt: "Neubau Dachkonstruktion", - }, + title: "Neubau & Dacheindeckung", description: "Ob Neubau oder Umbau – wir realisieren Ihr Wunschdach mit verschiedenen Materialien wie Ziegeln, Schiefer oder Metall. Individuelle Lösungen für höchste Ansprüche.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg", imageAlt: "Neubau Dachkonstruktion"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", - imageAlt: "Fertiges Schieferdach", - }, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1", - imageAlt: "roof repair process close up", + imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "Fertiges Schieferdach"}, }, ]} showStepNumbers={true} @@ -240,53 +165,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Einfamilienhaus Sanierung", - price: "Maintal", - variant: "Ziegeldach", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=2", - imageAlt: "Saniertes Ziegeldach eines Einfamilienhauses", - }, + id: "p1", name: "Einfamilienhaus Sanierung", price: "Maintal", variant: "Ziegeldach", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", imageAlt: "Saniertes Ziegeldach eines Einfamilienhauses"}, { - id: "p2", - name: "Gewerbeobjekt Flachdach", - price: "Hanau", - variant: "EPDM-Dach", - imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16017.jpg", - imageAlt: "Flachdach eines Gewerbegebäudes", - }, + id: "p2", name: "Gewerbeobjekt Flachdach", price: "Hanau", variant: "EPDM-Dach", imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16017.jpg", imageAlt: "Flachdach eines Gewerbegebäudes"}, { - id: "p3", - name: "Denkmalgeschütztes Gebäude", - price: "Frankfurt", - variant: "Schieferdach", - imageSrc: "http://img.b2bpic.net/free-photo/window-surface-cargo-warehouse-old-industrial-zone_1339-2603.jpg", - imageAlt: "Historisches Gebäude mit neuem Schieferdach", - }, + id: "p3", name: "Denkmalgeschütztes Gebäude", price: "Frankfurt", variant: "Schieferdach", imageSrc: "http://img.b2bpic.net/free-photo/window-surface-cargo-warehouse-old-industrial-zone_1339-2603.jpg", imageAlt: "Historisches Gebäude mit neuem Schieferdach"}, { - id: "p4", - name: "Solaranlagen Integration", - price: "Offenbach", - variant: "Solardach", - imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29971.jpg", - imageAlt: "Wohnhaus mit integrierten Solaranlagen", - }, + id: "p4", name: "Solaranlagen Integration", price: "Offenbach", variant: "Solardach", imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29971.jpg", imageAlt: "Wohnhaus mit integrierten Solaranlagen"}, { - id: "p5", - name: "Gründach Installation", - price: "Wiesbaden", - variant: "Extensives Gründach", - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-park-with-concrete-buildings-roubaix-france_181624-13166.jpg", - imageAlt: "Gebäude mit einem begrünten Dach", - }, + id: "p5", name: "Gründach Installation", price: "Wiesbaden", variant: "Extensives Gründach", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-park-with-concrete-buildings-roubaix-france_181624-13166.jpg", imageAlt: "Gebäude mit einem begrünten Dach"}, { - id: "p6", - name: "Garagen-Dachneubau", - price: "Maintal", - variant: "Bitumendach", - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg", - imageAlt: "Neues Bitumendach auf einer Garage", - }, + id: "p6", name: "Garagen-Dachneubau", price: "Maintal", variant: "Bitumendach", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg", imageAlt: "Neues Bitumendach auf einer Garage"}, ]} title="Unsere Projekte" description="Entdecken Sie eine Auswahl unserer erfolgreich abgeschlossenen Dachprojekte in Maintal und Umgebung. Qualität, die überzeugt." @@ -301,25 +190,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "15+", - title: "Jahre Erfahrung", - description: "Seit über 15 Jahren sind wir Ihr Experte für Dächer in der Region Maintal.", - icon: Cog, + id: "m1", value: "15+", title: "Jahre Erfahrung", description: "Seit über 15 Jahren sind wir Ihr Experte für Dächer in der Region Maintal.", icon: Cog, }, { - id: "m2", - value: "98%", - title: "Kundenzufriedenheit", - description: "Die Zufriedenheit unserer Kunden steht an erster Stelle und wird durchweg bestätigt.", - icon: Star, + id: "m2", value: "98%", title: "Kundenzufriedenheit", description: "Die Zufriedenheit unserer Kunden steht an erster Stelle und wird durchweg bestätigt.", icon: Star, }, { - id: "m3", - value: "300+", - title: "Erfolgreiche Projekte", - description: "Wir haben bereits hunderte Dächer in Maintal und Umgebung zuverlässig fertiggestellt.", - icon: CheckCircle, + id: "m3", value: "300+", title: "Erfolgreiche Projekte", description: "Wir haben bereits hunderte Dächer in Maintal und Umgebung zuverlässig fertiggestellt.", icon: CheckCircle, }, ]} title="Zahlen die für uns sprechen" @@ -334,64 +211,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Klaus Müller", - role: "Hausbesitzer", - company: "Maintal", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", - imageAlt: "Klaus Müller", - }, + id: "t1", name: "Klaus Müller", role: "Hausbesitzer", company: "Maintal", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Klaus Müller"}, { - id: "t2", - name: "Sabine Weber", - role: "Immobilienverwaltung", - company: "Hanau", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg", - imageAlt: "Sabine Weber", - }, + id: "t2", name: "Sabine Weber", role: "Immobilienverwaltung", company: "Hanau", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg", imageAlt: "Sabine Weber"}, { - id: "t3", - name: "Peter Schmidt", - role: "Facility Manager", - company: "Gewerbekunde Maintal", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", - imageAlt: "Peter Schmidt", - }, + id: "t3", name: "Peter Schmidt", role: "Facility Manager", company: "Gewerbekunde Maintal", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", imageAlt: "Peter Schmidt"}, { - id: "t4", - name: "Familie Meier", - role: "Hausbesitzer", - company: "Maintal", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg", - imageAlt: "Familie Meier", - }, + id: "t4", name: "Familie Meier", role: "Hausbesitzer", company: "Maintal", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg", imageAlt: "Familie Meier"}, { - id: "t5", - name: "Laura Fischer", - role: "Architektin", - company: "Frankfurt", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-blue-suit_1303-22637.jpg", - imageAlt: "Laura Fischer", - }, + id: "t5", name: "Laura Fischer", role: "Architektin", company: "Frankfurt", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-blue-suit_1303-22637.jpg", imageAlt: "Laura Fischer"}, ]} kpiItems={[ { - value: "15", - label: "Jahre Erfahrung", - }, + value: "15", label: "Jahre Erfahrung"}, { - value: "5/5", - label: "Sterne Bewertungen", - }, + value: "5/5", label: "Sterne Bewertungen"}, { - value: "Maintal", - label: "Regional verankert", - }, + value: "Maintal", label: "Regional verankert"}, ]} title="Was unsere Kunden sagen" description="Lesen Sie authentische Bewertungen von Hausbesitzern und Immobilienverwaltern, die auf Dachdeckerei Robert vertrauen." @@ -404,20 +245,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "Welche Kosten fallen für eine Dachsanierung an?", - content: "Die Kosten für eine Dachsanierung variieren stark je nach Dachgröße, Materialwahl und Umfang der Arbeiten. Gerne erstellen wir Ihnen nach einer kostenlosen Vor-Ort-Beratung ein unverbindliches Angebot.", - }, + id: "faq1", title: "Welche Kosten fallen für eine Dachsanierung an?", content: "Die Kosten für eine Dachsanierung variieren stark je nach Dachgröße, Materialwahl und Umfang der Arbeiten. Gerne erstellen wir Ihnen nach einer kostenlosen Vor-Ort-Beratung ein unverbindliches Angebot."}, { - id: "faq2", - title: "Wie lange dauert eine Dachreparatur?", - content: "Kleine Reparaturen können oft innerhalb eines Tages erledigt werden. Umfangreichere Reparaturen oder Sanierungen dauern entsprechend länger. Wir informieren Sie stets transparent über den Zeitplan.", - }, + id: "faq2", title: "Wie lange dauert eine Dachreparatur?", content: "Kleine Reparaturen können oft innerhalb eines Tages erledigt werden. Umfangreichere Reparaturen oder Sanierungen dauern entsprechend länger. Wir informieren Sie stets transparent über den Zeitplan."}, { - id: "faq3", - title: "Bieten Sie auch Notdienst bei Sturmschäden an?", - content: "Ja, bei akuten Sturmschäden oder Undichtigkeiten sind wir schnellstmöglich für Sie da, um größere Schäden zu verhindern und eine provisorische Sicherung vorzunehmen.", - }, + id: "faq3", title: "Bieten Sie auch Notdienst bei Sturmschäden an?", content: "Ja, bei akuten Sturmschäden oder Undichtigkeiten sind wir schnellstmöglich für Sie da, um größere Schäden zu verhindern und eine provisorische Sicherung vorzunehmen."}, ]} title="Häufig gestellte Fragen" description="Hier finden Sie Antworten auf die häufigsten Fragen rund um unsere Dienstleistungen und Ihr Dachprojekt." @@ -429,16 +261,13 @@ export default function LandingPage() { @@ -449,57 +278,35 @@ export default function LandingPage() { { items: [ { - label: "Leistungen", - href: "#services", - }, + label: "Leistungen", href: "#services"}, { - label: "Dachsanierung", - href: "#services", - }, + label: "Dachsanierung", href: "#services"}, { - label: "Dachwartung", - href: "#services", - }, + label: "Dachwartung", href: "#services"}, { - label: "Neubau", - href: "#services", - }, + label: "Neubau", href: "#services"}, ], }, { items: [ { - label: "Unternehmen", - href: "#about", - }, + label: "Unternehmen", href: "#about"}, { - label: "Projekte", - href: "#projects", - }, + label: "Projekte", href: "#projects"}, { - label: "Referenzen", - href: "#testimonials", - }, + label: "Referenzen", href: "#testimonials"}, { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, ], }, { items: [ { - label: "Kontakt", - href: "#contact", - }, + label: "Kontakt", href: "#contact"}, { - label: "Impressum", - href: "#", - }, + label: "Impressum", href: "#"}, { - label: "Datenschutz", - href: "#", - }, + label: "Datenschutz", href: "#"}, ], }, ]}