Merge version_10 into main
Merge version_10 into main
This commit was merged in pull request #11.
This commit is contained in:
202
src/app/page.tsx
202
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #508866;
|
||||
--background-accent: #a8e8ba;
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user