|
|
|
|
@@ -21,10 +21,10 @@ export default function LandingPage() {
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="fluid"
|
|
|
|
|
cardStyle="gradient-mesh"
|
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="solid"
|
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="light"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
@@ -32,54 +32,36 @@ export default function LandingPage() {
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Start",
|
|
|
|
|
id: "#hero",
|
|
|
|
|
},
|
|
|
|
|
name: "Start", id: "#hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "Über uns",
|
|
|
|
|
id: "#ueber-uns",
|
|
|
|
|
},
|
|
|
|
|
name: "Über uns", id: "#ueber-uns"},
|
|
|
|
|
{
|
|
|
|
|
name: "Leistungen",
|
|
|
|
|
id: "#leistungen",
|
|
|
|
|
},
|
|
|
|
|
name: "Leistungen", id: "#leistungen"},
|
|
|
|
|
{
|
|
|
|
|
name: "Erfolge",
|
|
|
|
|
id: "#erfolge",
|
|
|
|
|
},
|
|
|
|
|
name: "Erfolge", id: "#erfolge"},
|
|
|
|
|
{
|
|
|
|
|
name: "Kundenstimmen",
|
|
|
|
|
id: "#kundenstimmen",
|
|
|
|
|
},
|
|
|
|
|
name: "Kundenstimmen", id: "#kundenstimmen"},
|
|
|
|
|
{
|
|
|
|
|
name: "FAQ",
|
|
|
|
|
id: "#faq",
|
|
|
|
|
},
|
|
|
|
|
name: "FAQ", id: "#faq"},
|
|
|
|
|
{
|
|
|
|
|
name: "Kontakt",
|
|
|
|
|
id: "#kontakt",
|
|
|
|
|
},
|
|
|
|
|
name: "Kontakt", id: "#kontakt"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Bauwerk GmbH"
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwK0kSWkxHIZqtxLyN2hIcBfjC/uploaded-1781088356461-yj1d8xnx.png"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardScroll
|
|
|
|
|
background={{
|
|
|
|
|
variant: "radial-gradient",
|
|
|
|
|
}}
|
|
|
|
|
variant: "radial-gradient"}}
|
|
|
|
|
title="Ihr Partner für Dach & Bau in Siegburg"
|
|
|
|
|
description="Die Bauwerk GmbH ist Ihr Experte für professionelle Dacharbeiten und umfassende Baulösungen. Qualität, Zuverlässigkeit und Kundenzufriedenheit stehen bei uns an erster Stelle."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Mehr erfahren",
|
|
|
|
|
href: "#ueber-uns",
|
|
|
|
|
},
|
|
|
|
|
text: "Mehr erfahren", href: "#ueber-uns"},
|
|
|
|
|
{
|
|
|
|
|
text: "Kontakt aufnehmen",
|
|
|
|
|
href: "#kontakt",
|
|
|
|
|
},
|
|
|
|
|
text: "Kontakt aufnehmen", href: "#kontakt"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/drone-view-jackson-cascades-sunlight-michigan_181624-34351.jpg"
|
|
|
|
|
imageAlt="Professionelle Dach- und Bauarbeiten"
|
|
|
|
|
@@ -94,17 +76,11 @@ export default function LandingPage() {
|
|
|
|
|
description="Seit Jahren stehen wir in Siegburg und Umgebung für herausragende Handwerkskunst im Bereich Dach- und Bauarbeiten. Unser erfahrenes Team garantiert höchste Qualität und termingerechte Ausführung bei jedem Projekt."
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
{
|
|
|
|
|
title: "Meisterbetrieb",
|
|
|
|
|
description: "Als zertifizierter Meisterbetrieb garantieren wir höchste Qualitätsstandards.",
|
|
|
|
|
},
|
|
|
|
|
title: "Meisterbetrieb", description: "Als zertifizierter Meisterbetrieb garantieren wir höchste Qualitätsstandards."},
|
|
|
|
|
{
|
|
|
|
|
title: "Erfahrenes Team",
|
|
|
|
|
description: "Unsere Dachdecker und Baufachleute sind bestens geschult und erfahren.",
|
|
|
|
|
},
|
|
|
|
|
title: "Erfahrenes Team", description: "Unsere Dachdecker und Baufachleute sind bestens geschult und erfahren."},
|
|
|
|
|
{
|
|
|
|
|
title: "Regionale Expertise",
|
|
|
|
|
description: "Wir kennen die Besonderheiten der Region Siegburg und Umgebung.",
|
|
|
|
|
},
|
|
|
|
|
title: "Regionale Expertise", description: "Wir kennen die Besonderheiten der Region Siegburg und Umgebung."},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg"
|
|
|
|
|
imageAlt="Bauwerk Team bei der Besprechung"
|
|
|
|
|
@@ -119,21 +95,11 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
negativeCard={{
|
|
|
|
|
items: [
|
|
|
|
|
"Undichte Dächer und Wasserschäden",
|
|
|
|
|
"Veraltete oder beschädigte Dachkonstruktionen",
|
|
|
|
|
"Mangelhafte Energieeffizienz und hohe Heizkosten",
|
|
|
|
|
"Unzureichender Schutz vor Witterungseinflüssen",
|
|
|
|
|
"Schlechte Raumakustik durch ungedämmte Dächer",
|
|
|
|
|
],
|
|
|
|
|
"Undichte Dächer und Wasserschäden", "Veraltete oder beschädigte Dachkonstruktionen", "Mangelhafte Energieeffizienz und hohe Heizkosten", "Unzureichender Schutz vor Witterungseinflüssen", "Schlechte Raumakustik durch ungedämmte Dächer"],
|
|
|
|
|
}}
|
|
|
|
|
positiveCard={{
|
|
|
|
|
items: [
|
|
|
|
|
"Langlebige und dichte Dächer",
|
|
|
|
|
"Moderne und sichere Dachkonstruktionen",
|
|
|
|
|
"Optimale Energieeffizienz durch Dämmung",
|
|
|
|
|
"Fachgerechter Schutz für Ihre Immobilie",
|
|
|
|
|
"Verbesserte Wohnqualität und Raumklima",
|
|
|
|
|
],
|
|
|
|
|
"Langlebige und dichte Dächer", "Moderne und sichere Dachkonstruktionen", "Optimale Energieeffizienz durch Dämmung", "Fachgerechter Schutz für Ihre Immobilie", "Verbesserte Wohnqualität und Raumklima"],
|
|
|
|
|
}}
|
|
|
|
|
title="Unsere Leistungen im Überblick"
|
|
|
|
|
description="Wir bieten eine breite Palette an Dienstleistungen, um Ihr Zuhause und Ihre Immobilie optimal zu schützen und zu gestalten."
|
|
|
|
|
@@ -148,20 +114,11 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1",
|
|
|
|
|
value: "15+",
|
|
|
|
|
description: "Jahre Erfahrung in der Branche",
|
|
|
|
|
},
|
|
|
|
|
id: "m1", value: "15+", description: "Jahre Erfahrung in der Branche"},
|
|
|
|
|
{
|
|
|
|
|
id: "m2",
|
|
|
|
|
value: "200+",
|
|
|
|
|
description: "Zufriedene Kunden",
|
|
|
|
|
},
|
|
|
|
|
id: "m2", value: "200+", description: "Zufriedene Kunden"},
|
|
|
|
|
{
|
|
|
|
|
id: "m3",
|
|
|
|
|
value: "500+",
|
|
|
|
|
description: "Abgeschlossene Projekte",
|
|
|
|
|
},
|
|
|
|
|
id: "m3", value: "500+", description: "Abgeschlossene Projekte"},
|
|
|
|
|
]}
|
|
|
|
|
title="Unsere Erfolge in Zahlen"
|
|
|
|
|
description="Vertrauen Sie auf unsere langjährige Erfahrung und zahlreiche erfolgreich abgeschlossene Projekte in der Region Siegburg."
|
|
|
|
|
@@ -176,25 +133,15 @@ export default function LandingPage() {
|
|
|
|
|
author="Alexander Mosler"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
|
|
|
|
|
alt: "Christian Rossa",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg", alt: "Christian Rossa"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",
|
|
|
|
|
alt: "Sarah Müller",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg", alt: "Sarah Müller"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39159.jpg",
|
|
|
|
|
alt: "Thomas Schmidt",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39159.jpg", alt: "Thomas Schmidt"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/professional-smiling-asian-female-construction-engineer-architect-black-suit-safety-helmet-lo_1258-94905.jpg",
|
|
|
|
|
alt: "Laura Meier",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/professional-smiling-asian-female-construction-engineer-architect-black-suit-safety-helmet-lo_1258-94905.jpg", alt: "Laura Meier"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-worker_1163-2784.jpg",
|
|
|
|
|
alt: "Max Mustermann",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-worker_1163-2784.jpg", alt: "Max Mustermann"},
|
|
|
|
|
]}
|
|
|
|
|
ratingAnimation="blur-reveal"
|
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
|
@@ -206,14 +153,7 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
names={[
|
|
|
|
|
"Bauder",
|
|
|
|
|
"VELUX",
|
|
|
|
|
"Rheinzink",
|
|
|
|
|
"Braas",
|
|
|
|
|
"Rockwool",
|
|
|
|
|
"Knauf",
|
|
|
|
|
"Würth",
|
|
|
|
|
]}
|
|
|
|
|
"Bauder", "VELUX", "Rheinzink", "Braas", "Rockwool", "Knauf", "Würth"]}
|
|
|
|
|
title="Unsere Partner & Lieferanten"
|
|
|
|
|
description="Wir arbeiten ausschließlich mit renommierten Partnern und hochwertigen Materialien, um beste Ergebnisse für Ihr Bauvorhaben zu garantieren."
|
|
|
|
|
/>
|
|
|
|
|
@@ -224,30 +164,15 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "q1",
|
|
|
|
|
title: "Welche Dacharbeiten bieten Sie an?",
|
|
|
|
|
content: "Wir bieten eine Vielzahl von Dacharbeiten an, darunter Neueindeckungen, Reparaturen, Dämmungen, Dachfenstereinbau, Spenglerarbeiten und Wartungen für Steil- und Flachdächer.",
|
|
|
|
|
},
|
|
|
|
|
id: "q1", title: "Welche Dacharbeiten bieten Sie an?", content: "Wir bieten eine Vielzahl von Dacharbeiten an, darunter Neueindeckungen, Reparaturen, Dämmungen, Dachfenstereinbau, Spenglerarbeiten und Wartungen für Steil- und Flachdächer."},
|
|
|
|
|
{
|
|
|
|
|
id: "q2",
|
|
|
|
|
title: "In welchem Gebiet sind Sie tätig?",
|
|
|
|
|
content: "Unser Haupttätigkeitsgebiet ist Siegburg und die umliegenden Städte und Gemeinden. Kontaktieren Sie uns gerne, um Details zu besprechen.",
|
|
|
|
|
},
|
|
|
|
|
id: "q2", title: "In welchem Gebiet sind Sie tätig?", content: "Unser Haupttätigkeitsgebiet ist Siegburg und die umliegenden Städte und Gemeinden. Kontaktieren Sie uns gerne, um Details zu besprechen."},
|
|
|
|
|
{
|
|
|
|
|
id: "q3",
|
|
|
|
|
title: "Wie erhalte ich ein Angebot?",
|
|
|
|
|
content: "Sie können uns telefonisch kontaktieren oder unser Anfrageformular auf der Webseite nutzen. Wir vereinbaren dann einen Besichtigungstermin und erstellen Ihnen ein unverbindliches Angebot.",
|
|
|
|
|
},
|
|
|
|
|
id: "q3", title: "Wie erhalte ich ein Angebot?", content: "Sie können uns telefonisch kontaktieren oder unser Anfrageformular auf der Webseite nutzen. Wir vereinbaren dann einen Besichtigungstermin und erstellen Ihnen ein unverbindliches Angebot."},
|
|
|
|
|
{
|
|
|
|
|
id: "q4",
|
|
|
|
|
title: "Bieten Sie auch Wartungsverträge an?",
|
|
|
|
|
content: "Ja, wir bieten individuelle Wartungsverträge an, um die Langlebigkeit Ihres Daches zu gewährleisten und frühzeitig Schäden vorzubeugen.",
|
|
|
|
|
},
|
|
|
|
|
id: "q4", title: "Bieten Sie auch Wartungsverträge an?", content: "Ja, wir bieten individuelle Wartungsverträge an, um die Langlebigkeit Ihres Daches zu gewährleisten und frühzeitig Schäden vorzubeugen."},
|
|
|
|
|
{
|
|
|
|
|
id: "q5",
|
|
|
|
|
title: "Arbeiten Sie mit bestimmten Materialien?",
|
|
|
|
|
content: "Wir arbeiten mit einer Vielzahl hochwertiger Materialien namhafter Hersteller, darunter Ziegel, Betondachsteine, Metall, Bitumen und Gründachsysteme. Gerne beraten wir Sie zur besten Wahl für Ihr Projekt.",
|
|
|
|
|
},
|
|
|
|
|
id: "q5", title: "Arbeiten Sie mit bestimmten Materialien?", content: "Wir arbeiten mit einer Vielzahl hochwertiger Materialien namhafter Hersteller, darunter Ziegel, Betondachsteine, Metall, Bitumen und Gründachsysteme. Gerne beraten wir Sie zur besten Wahl für Ihr Projekt."},
|
|
|
|
|
]}
|
|
|
|
|
sideTitle="Häufig gestellte Fragen"
|
|
|
|
|
sideDescription="Hier finden Sie Antworten auf die gängigsten Fragen zu unseren Dienstleistungen und Abläufen."
|
|
|
|
|
@@ -259,20 +184,15 @@ export default function LandingPage() {
|
|
|
|
|
<ContactCTA
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "radial-gradient",
|
|
|
|
|
}}
|
|
|
|
|
variant: "radial-gradient"}}
|
|
|
|
|
tag="Kontaktieren Sie uns"
|
|
|
|
|
title="Bereit für Ihr Projekt?"
|
|
|
|
|
description="Lassen Sie uns über Ihr nächstes Bauvorhaben sprechen. Wir erstellen Ihnen gerne ein unverbindliches Angebot und beraten Sie umfassend."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Angebot anfordern",
|
|
|
|
|
href: "#kontakt",
|
|
|
|
|
},
|
|
|
|
|
text: "Angebot anfordern", href: "#kontakt"},
|
|
|
|
|
{
|
|
|
|
|
text: "Jetzt anrufen",
|
|
|
|
|
href: "tel:+4922418469333",
|
|
|
|
|
},
|
|
|
|
|
text: "Jetzt anrufen", href: "tel:+4922418469333"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -281,57 +201,37 @@ export default function LandingPage() {
|
|
|
|
|
<FooterMedia
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-against-sunset-sky_23-2152006122.jpg"
|
|
|
|
|
imageAlt="Dachlandschaft bei Sonnenuntergang"
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwK0kSWkxHIZqtxLyN2hIcBfjC/uploaded-1781088356461-yj1d8xnx.png"
|
|
|
|
|
logoText="Bauwerk GmbH"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Leistungen",
|
|
|
|
|
items: [
|
|
|
|
|
title: "Leistungen", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Dachsanierung",
|
|
|
|
|
href: "#leistungen",
|
|
|
|
|
},
|
|
|
|
|
label: "Dachsanierung", href: "#leistungen"},
|
|
|
|
|
{
|
|
|
|
|
label: "Neubau",
|
|
|
|
|
href: "#leistungen",
|
|
|
|
|
},
|
|
|
|
|
label: "Neubau", href: "#leistungen"},
|
|
|
|
|
{
|
|
|
|
|
label: "Spenglerarbeiten",
|
|
|
|
|
href: "#leistungen",
|
|
|
|
|
},
|
|
|
|
|
label: "Spenglerarbeiten", href: "#leistungen"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Unternehmen",
|
|
|
|
|
items: [
|
|
|
|
|
title: "Unternehmen", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Über uns",
|
|
|
|
|
href: "#ueber-uns",
|
|
|
|
|
},
|
|
|
|
|
label: "Über uns", href: "#ueber-uns"},
|
|
|
|
|
{
|
|
|
|
|
label: "Referenzen",
|
|
|
|
|
href: "#erfolge",
|
|
|
|
|
},
|
|
|
|
|
label: "Referenzen", href: "#erfolge"},
|
|
|
|
|
{
|
|
|
|
|
label: "FAQ",
|
|
|
|
|
href: "#faq",
|
|
|
|
|
},
|
|
|
|
|
label: "FAQ", href: "#faq"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Kontakt",
|
|
|
|
|
items: [
|
|
|
|
|
title: "Kontakt", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Kontaktformular",
|
|
|
|
|
href: "#kontakt",
|
|
|
|
|
},
|
|
|
|
|
label: "Kontaktformular", href: "#kontakt"},
|
|
|
|
|
{
|
|
|
|
|
label: "Telefon",
|
|
|
|
|
href: "tel:+4922418469333",
|
|
|
|
|
},
|
|
|
|
|
label: "Telefon", href: "tel:+4922418469333"},
|
|
|
|
|
{
|
|
|
|
|
label: "Anfahrt",
|
|
|
|
|
href: "https://www.google.com/maps/dir/?api=1&destination=Lindenstraße+76,+53721+Siegburg",
|
|
|
|
|
},
|
|
|
|
|
label: "Anfahrt", href: "https://www.google.com/maps/dir/?api=1&destination=Lindenstraße+76,+53721+Siegburg"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
@@ -341,4 +241,4 @@ export default function LandingPage() {
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
