Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 22:08:44 +00:00

View File

@@ -29,365 +29,161 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Leistungen",
id: "leistungen",
},
{
name: "Über uns",
id: "about",
},
{
name: "Referenzen",
id: "referenzen",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="Bavaria Bau"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Leistungen", id: "leistungen" },
{ name: "Über uns", id: "about" },
{ name: "Referenzen", id: "referenzen" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Bavaria Bau"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background="floatingGradient"
title="Bavaria Bau: Ihr Fundament für bayerisches Wohnglück."
description="Präzise Erdarbeiten, sauberer Aushub und termingerechte Vorbereitung. Wir schaffen die Basis, auf der Sie Ihr Traumhaus errichten ehrlich, direkt und zuverlässig."
kpis={[
{
value: "150+",
label: "Erfolgreiche Baugruben",
},
{
value: "100%",
label: "Termingerecht",
},
{
value: "24/7",
label: "Persönlich erreichbar",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Kostenloses Erstgespräch",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-mobile-phone_329181-2838.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
alt: "Bauleiter",
},
{
src: "http://img.b2bpic.net/free-photo/construction-worker-pointing-something_329181-2839.jpg",
alt: "Maschinenführer",
},
{
src: "http://img.b2bpic.net/free-photo/construction-worker_329181-2845.jpg",
alt: "Bauhelfer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-construction-worker_329181-2835.jpg",
alt: "Baufachkraft",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752010.jpg",
alt: "Teamleiter",
},
]}
avatarText="Unser erfahrenes Expertenteam"
marqueeItems={[
{
type: "text-icon",
text: "Versicherungsschutz",
icon: Shield,
},
{
type: "text-icon",
text: "DIN-Norm geprüft",
icon: CheckCircle,
},
{
type: "text-icon",
text: "Moderne Baumaschinen",
icon: Truck,
},
{
type: "text-icon",
text: "Regionaler Fokus",
icon: MapPin,
},
{
type: "text-icon",
text: "Kostentransparenz",
icon: Wallet,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "gradient-bars" }}
title="Bavaria Bau: Ihr Fundament für bayerisches Wohnglück."
description="Präzise Erdarbeiten, sauberer Aushub und termingerechte Vorbereitung. Wir schaffen die Basis, auf der Sie Ihr Traumhaus errichten ehrlich, direkt und zuverlässig."
kpis={[
{ value: "150+", label: "Erfolgreiche Baugruben" },
{ value: "100%", label: "Termingerecht" },
{ value: "24/7", label: "Persönlich erreichbar" },
]}
enableKpiAnimation={true}
buttons={[{ text: "Kostenloses Erstgespräch", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-mobile-phone_329181-2838.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg", alt: "Bauleiter" },
{ src: "http://img.b2bpic.net/free-photo/construction-worker-pointing-something_329181-2839.jpg", alt: "Maschinenführer" },
{ src: "http://img.b2bpic.net/free-photo/construction-worker_329181-2845.jpg", alt: "Bauhelfer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-construction-worker_329181-2835.jpg", alt: "Baufachkraft" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752010.jpg", alt: "Teamleiter" },
]}
avatarText="Unser erfahrenes Expertenteam"
marqueeItems={[
{ type: "text-icon", text: "Versicherungsschutz", icon: Shield },
{ type: "text-icon", text: "DIN-Norm geprüft", icon: CheckCircle },
{ type: "text-icon", text: "Moderne Baumaschinen", icon: Truck },
{ type: "text-icon", text: "Regionaler Fokus", icon: MapPin },
{ type: "text-icon", text: "Kostentransparenz", icon: Wallet },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Bodenständig. Direkt. Baufest."
description="Bei Bavaria Bau wissen wir: Ihr Traum vom Haus beginnt im Boden. Christian steht für ehrliche Arbeit, direkte Kommunikation und die Flexibilität, die ein Baustellenalltag fordert. Keine leeren Versprechen, sondern saubere Ergebnisse aus einer Hand."
bulletPoints={[
{
title: "Hands-on Mentalität",
description: "Christian ist persönlich Ihr Ansprechpartner für alle technischen Fragen.",
},
{
title: "Saubere Baustelle",
description: "Professionelle Ausführung und Ordnung sind für uns eine Selbstverständlichkeit.",
},
{
title: "Flexibilität pur",
description: "Baustellen laufen selten wie geplant wir finden Lösungen, statt Probleme zu wälzen.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-workshop_329181-15659.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Bodenständig. Direkt. Baufest."
description="Bei Bavaria Bau wissen wir: Ihr Traum vom Haus beginnt im Boden. Christian steht für ehrliche Arbeit, direkte Kommunikation und die Flexibilität, die ein Baustellenalltag fordert. Keine leeren Versprechen, sondern saubere Ergebnisse aus einer Hand."
bulletPoints={[
{ title: "Hands-on Mentalität", description: "Christian ist persönlich Ihr Ansprechpartner für alle technischen Fragen." },
{ title: "Saubere Baustelle", description: "Professionelle Ausführung und Ordnung sind für uns eine Selbstverständlichkeit." },
{ title: "Flexibilität pur", description: "Baustellen laufen selten wie geplant wir finden Lösungen, statt Probleme zu wälzen." },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-workshop_329181-15659.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="leistungen" data-section="leistungen">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={true}
features={[
{
tag: "Basis",
title: "Baugrubenaushub",
subtitle: "Sicher & Präzise",
description: "Mit modernstem Gerät heben wir die Grube für Ihr Traumhaus aus.",
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
},
{
tag: "Vorarbeit",
title: "Erdbau & Vorbereitung",
subtitle: "Sauber & Ordentlich",
description: "Wir bereiten den Untergrund perfekt für Ihr Fertighaus vor.",
imageSrc: "http://img.b2bpic.net/free-photo/young-architect-white-shirt-yellow-hardhat-thoughtfully-looking-plan-new-apartment-with-ladder-background_574295-1584.jpg",
},
{
tag: "Spezial",
title: "Rundum-Betreuung",
subtitle: "Aus einer Hand",
description: "Vom Aushub bis zum fertigen Kontrollschacht alles aus einer Hand.",
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278587.jpg",
},
]}
title="Vom Aushub bis zur Baugrube"
description="Unser Leistungsspektrum deckt alles ab, was für einen perfekten Start in Ihren Hausbau nötig ist."
/>
</div>
<div id="leistungen" data-section="leistungen">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={true}
features={[
{ tag: "Basis", title: "Baugrubenaushub", subtitle: "Sicher & Präzise", description: "Mit modernstem Gerät heben wir die Grube für Ihr Traumhaus aus.", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg" },
{ tag: "Vorarbeit", title: "Erdbau & Vorbereitung", subtitle: "Sauber & Ordentlich", description: "Wir bereiten den Untergrund perfekt für Ihr Fertighaus vor.", imageSrc: "http://img.b2bpic.net/free-photo/young-architect-white-shirt-yellow-hardhat-thoughtfully-looking-plan-new-apartment-with-ladder-background_574295-1584.jpg" },
{ tag: "Spezial", title: "Rundum-Betreuung", subtitle: "Aus einer Hand", description: "Vom Aushub bis zum fertigen Kontrollschacht alles aus einer Hand.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278587.jpg" },
]}
title="Vom Aushub bis zur Baugrube"
description="Unser Leistungsspektrum deckt alles ab, was für einen perfekten Start in Ihren Hausbau nötig ist."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Zahlen, die überzeugen"
tag="Unsere Erfolge"
metrics={[
{
id: "m1",
value: "15+",
description: "Jahre Erfahrung",
},
{
id: "m2",
value: "98%",
description: "Empfehlungsquote",
},
{
id: "m3",
value: "100%",
description: "Budgettreue",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Zahlen, die überzeugen"
tag="Unsere Erfolge"
metrics={[
{ id: "m1", value: "15+", description: "Jahre Erfahrung" },
{ id: "m2", value: "98%", description: "Empfehlungsquote" },
{ id: "m3", value: "100%", description: "Budgettreue" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Absolut zuverlässig",
quote: "Absolut zuverlässig, sauber und termingerecht ausgeführt.",
name: "Familie Müller",
role: "Bauherren",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmets_23-2148751995.jpg",
},
{
id: "t2",
title: "Flexibilität pur",
quote: "Flexibel reagiert, wenn mal nicht alles nach Plan lief. Sehr geschätzt!",
name: "Bauherr Schmidt",
role: "Eigenheimbesitzer",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-construction-site_23-2148751977.jpg",
},
{
id: "t3",
title: "Immer erreichbar",
quote: "Immer erreichbar, auch bei technischen Fragen am Wochenende.",
name: "Frau Wagner",
role: "Fertighauskäuferin",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg",
},
{
id: "t4",
title: "Saubere Arbeit",
quote: "Die Baustelle war immer picobello. Großes Lob an Christian.",
name: "Familie Bauer",
role: "Bauherren",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752011.jpg",
},
{
id: "t5",
title: "Rundum sorglos",
quote: "Vom Aushub bis zum Schacht einfach stressfrei.",
name: "Herr Gruber",
role: "Bauherren",
imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg",
},
]}
title="Das sagen unsere Bauherren"
description="Vertrauen ist die Basis jedes Hauses. Unsere Kunden bestätigen unsere Philosophie."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", title: "Absolut zuverlässig", quote: "Absolut zuverlässig, sauber und termingerecht ausgeführt.", name: "Familie Müller", role: "Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmets_23-2148751995.jpg" },
{ id: "t2", title: "Flexibilität pur", quote: "Flexibel reagiert, wenn mal nicht alles nach Plan lief. Sehr geschätzt!", name: "Bauherr Schmidt", role: "Eigenheimbesitzer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-construction-site_23-2148751977.jpg" },
{ id: "t3", title: "Immer erreichbar", quote: "Immer erreichbar, auch bei technischen Fragen am Wochenende.", name: "Frau Wagner", role: "Fertighauskäuferin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg" },
{ id: "t4", title: "Saubere Arbeit", quote: "Die Baustelle war immer picobello. Großes Lob an Christian.", name: "Familie Bauer", role: "Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752011.jpg" },
{ id: "t5", title: "Rundum sorglos", quote: "Vom Aushub bis zum Schacht einfach stressfrei.", name: "Herr Gruber", role: "Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg" },
]}
title="Das sagen unsere Bauherren"
description="Vertrauen ist die Basis jedes Hauses. Unsere Kunden bestätigen unsere Philosophie."
/>
</div>
<div id="referenzen" data-section="referenzen">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fertighaus Bayern",
"Holzhaus Profi",
"Massivbau Süd",
"Erdtechnik GmbH",
"Regionaler Bauhandel",
"Lichtblick Solar",
"Bodenmeister Team",
]}
title="Unsere Partner"
description="Wir arbeiten mit den besten Fertighausanbietern und regionalen Partnern zusammen."
/>
</div>
<div id="referenzen" data-section="referenzen">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Fertighaus Bayern", "Holzhaus Profi", "Massivbau Süd", "Erdtechnik GmbH", "Regionaler Bauhandel", "Lichtblick Solar", "Bodenmeister Team"]}
title="Unsere Partner"
description="Wir arbeiten mit den besten Fertighausanbietern und regionalen Partnern zusammen."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Wie lange dauert ein Aushub?",
content: "In der Regel sind wir innerhalb von 2-4 Tagen fertig, je nach Bodenbeschaffenheit.",
},
{
id: "f2",
title: "Was ist, wenn der Untergrund schwierig ist?",
content: "Wir haben Erfahrung mit verschiedensten Bodenverhältnissen in Bayern und finden Lösungen.",
},
{
id: "f3",
title: "Sind Sie auch nach Feierabend erreichbar?",
content: "Wir sind als Handwerksbetrieb persönlich erreichbar, da uns Ihr Projekt am Herzen liegt.",
},
]}
title="Häufige Fragen"
description="Alles, was Sie für Ihre Baugrube wissen müssen."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Wie lange dauert ein Aushub?", content: "In der Regel sind wir innerhalb von 2-4 Tagen fertig, je nach Bodenbeschaffenheit." },
{ id: "f2", title: "Was ist, wenn der Untergrund schwierig ist?", content: "Wir haben Erfahrung mit verschiedensten Bodenverhältnissen in Bayern und finden Lösungen." },
{ id: "f3", title: "Sind Sie auch nach Feierabend erreichbar?", content: "Wir sind als Handwerksbetrieb persönlich erreichbar, da uns Ihr Projekt am Herzen liegt." },
]}
title="Häufige Fragen"
description="Alles, was Sie für Ihre Baugrube wissen müssen."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Jetzt unverbindlich anfragen"
description="Vereinbaren Sie noch heute Ihr kostenloses Erstgespräch. Wir freuen uns auf Ihr Projekt."
inputs={[
{
name: "name",
type: "text",
placeholder: "Ihr Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Ihre E-Mail",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Ihre Telefonnummer",
},
]}
textarea={{
name: "message",
placeholder: "Erzählen Sie uns von Ihrem Projekt...",
}}
imageSrc="http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg"
buttonText="Kostenloses Erstgespräch anfragen"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Jetzt unverbindlich anfragen"
description="Vereinbaren Sie noch heute Ihr kostenloses Erstgespräch. Wir freuen uns auf Ihr Projekt."
inputs={[
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" },
]}
textarea={{ name: "message", placeholder: "Erzählen Sie uns von Ihrem Projekt..." }}
imageSrc="http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg"
buttonText="Kostenloses Erstgespräch anfragen"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Startseite",
href: "/",
},
{
label: "Über uns",
href: "#about",
},
{
label: "Leistungen",
href: "#leistungen",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Anfragen",
href: "#contact",
},
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
logoText="Bavaria Bau"
copyrightText="© 2025 Bavaria Bau | Handwerk mit Herz"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Navigation", items: [{ label: "Startseite", href: "/" }, { label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#leistungen" }] },
{ title: "Kontakt", items: [{ label: "Anfragen", href: "#contact" }, { label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
]}
logoText="Bavaria Bau"
copyrightText="© 2025 Bavaria Bau | Handwerk mit Herz"
/>
</div>
</ReactLenis>
</ThemeProvider>
);