bender/a1778104-bf34-4d38-bacf-bd877d030d65
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 12:26:16 +00:00
parent bba4c8cd92
commit b69243531b
1 changed files with 73 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -33,39 +33,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Über uns",
id: "#about",
},
name: "Über uns", id: "#about"},
{
name: "Leistungen",
id: "#services",
},
name: "Leistungen", id: "#services"},
{
name: "Projekte",
id: "#projects",
},
name: "Projekte", id: "#projects"},
{
name: "Referenzen",
id: "#testimonials",
},
name: "Referenzen", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Kontakt",
id: "#contact",
},
name: "Kontakt", id: "#contact"},
]}
brandName="Dachdeckerei Robert"
button={{
text: "Jetzt anfragen",
href: "#contact",
}}
text: "Jetzt anfragen", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -73,83 +57,54 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
imagePosition="right"
title="Professionelle Dacharbeiten aus Maintal"
description="Qualität, Zuverlässigkeit und saubere Handwerksarbeit – seit Jahren das Vertrauen lokaler Kunden. Kostenlose Beratung vor Ort."
kpis={[
{
value: "15+",
label: "Jahre Erfahrung",
},
value: "15+", label: "Jahre Erfahrung"},
{
value: "98%",
label: "Kundenzufriedenheit",
},
value: "98%", label: "Kundenzufriedenheit"},
{
value: "300+",
label: "Projekte abgeschlossen",
},
value: "300+", label: "Projekte abgeschlossen"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Jetzt unverbindlich anfragen",
href: "#contact",
},
text: "Jetzt unverbindlich anfragen", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"
imageAlt="Professionelles Dachdeckerteam bei der Arbeit an einem Dach"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
alt: "Dachdecker bei der Arbeit",
},
src: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", alt: "Dachdecker bei der Arbeit"},
{
src: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg",
alt: "Handwerker mit Helm",
},
src: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg", alt: "Handwerker mit Helm"},
{
src: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-using-ladder-build-roof-house_23-2148748858.jpg",
alt: "Dachdecker bei der Dachinstallation",
},
src: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-using-ladder-build-roof-house_23-2148748858.jpg", alt: "Dachdecker bei der Dachinstallation"},
{
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-wearing-red-helmet_1298-237.jpg",
alt: "Zwei Bauarbeiter im Gespräch",
},
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-wearing-red-helmet_1298-237.jpg", alt: "Zwei Bauarbeiter im Gespräch"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
alt: "Architekt mit Bauarbeiter",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", alt: "Architekt mit Bauarbeiter"},
]}
avatarText="Von unseren zufriedenen Kunden empfohlen"
marqueeItems={[
{
type: "text-icon",
text: "Dachsanierung",
icon: Cog,
type: "text-icon", text: "Dachsanierung", icon: Cog,
},
{
type: "text-icon",
text: "Dachreparatur",
icon: Wrench,
type: "text-icon", text: "Dachreparatur", icon: Wrench,
},
{
type: "text-icon",
text: "Neubau",
icon: Building,
type: "text-icon", text: "Neubau", icon: Building,
},
{
type: "text-icon",
text: "Wartung",
icon: ShieldCheck,
type: "text-icon", text: "Wartung", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Ziegel & Schiefer",
icon: Home,
type: "text-icon", text: "Ziegel & Schiefer", icon: Home,
},
]}
marqueeSpeed={30}
@@ -162,18 +117,12 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Über Dachdeckerei Robert: Ihr verlässlicher Partner für Dächer in Maintal",
},
type: "text", content: "Über Dachdeckerei Robert: Ihr verlässlicher Partner für Dächer in Maintal"},
]}
buttons={[
{
text: "Mehr über uns",
href: "#",
},
text: "Mehr über uns", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/teamwork-concept-with-smiling-architects_23-2147702541.jpg?_wi=1"
imageAlt="Teammitglieder der Dachdeckerei Robert"
/>
</div>
@@ -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() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Kontakt"
title="Ihr Dachprojekt in besten Händen"
description="Nehmen Sie noch heute Kontakt auf für eine kostenlose und unverbindliche Beratung vor Ort in Maintal. Wir freuen uns auf Ihre Anfrage!"
buttons={[
{
text: "Jetzt unverbindlich anfragen",
href: "#contact",
},
text: "Jetzt unverbindlich anfragen", href: "#contact"},
]}
/>
</div>
@@ -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: "#"},
],
},
]}