Update src/app/page.tsx
This commit is contained in:
279
src/app/page.tsx
279
src/app/page.tsx
@@ -26,202 +26,101 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Vision Bau"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vision Bau"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Vision Bau GmbH: Hochbau & Generalunternehmen"
|
||||
description="Ihr Partner für exzellente Bauprojekte. Von der Planung bis zur Schlüsselübergabe – wir realisieren Ihre Visionen mit höchster Präzision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Projekte ansehen",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/uploaded-1774780718458-wgii0wzu.png"
|
||||
imageAlt="Vision Bau Logo"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Vision Bau GmbH: Hochbau & Generalunternehmen"
|
||||
description="Ihr Partner für exzellente Bauprojekte. Von der Planung bis zur Schlüsselübergabe – wir realisieren Ihre Visionen mit höchster Präzision."
|
||||
buttons={[
|
||||
{ text: "Projekte ansehen", href: "#features" },
|
||||
{ text: "Kontakt", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/uploaded-1774780718458-wgii0wzu.png"
|
||||
imageAlt="Vision Bau Logo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Kompetenz im Hochbau"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building,
|
||||
label: "Abgeschlossene Projekte",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Zufriedene Kunden",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Kompetenz im Hochbau"
|
||||
metrics={[
|
||||
{ icon: Building, label: "Abgeschlossene Projekte", value: "150+" },
|
||||
{ icon: Award, label: "Jahre Erfahrung", value: "20+" },
|
||||
{ icon: Users, label: "Zufriedene Kunden", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hochbau",
|
||||
description: "Solide und energieeffiziente Bauwerke für private und gewerbliche Kunden.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/concrete-foundation-work-being-poured-fo-1774780740995-c33fd95f.png",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Generalunternehmung",
|
||||
description: "Wir übernehmen die gesamte Abwicklung, damit Sie sich entspannt zurücklehnen können.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/modern-skyscraper-glass-facade-installat-1774780742245-c4d3e7bc.png",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sanierung",
|
||||
description: "Moderne Modernisierung für Bestandsgebäude zur Wertsteigerung.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/internal-residential-interior-constructi-1774780739434-930edde7.png",
|
||||
},
|
||||
]}
|
||||
title="Unsere Bauleistungen"
|
||||
description="Wir decken das gesamte Spektrum des Hochbaus und der Generalunternehmung ab."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Hochbau", description: "Solide und energieeffiziente Bauwerke für private und gewerbliche Kunden.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/concrete-foundation-work-being-poured-fo-1774780740995-c33fd95f.png" },
|
||||
{ id: "f2", title: "Generalunternehmung", description: "Wir übernehmen die gesamte Abwicklung, damit Sie sich entspannt zurücklehnen können.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/modern-skyscraper-glass-facade-installat-1774780742245-c4d3e7bc.png" },
|
||||
{ id: "f3", title: "Sanierung", description: "Moderne Modernisierung für Bestandsgebäude zur Wertsteigerung.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/internal-residential-interior-constructi-1774780739434-930edde7.png" },
|
||||
]}
|
||||
title="Unsere Bauleistungen"
|
||||
description="Wir decken das gesamte Spektrum des Hochbaus und der Generalunternehmung ab."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Max Mustermann",
|
||||
role: "Bauherr",
|
||||
company: "Wohnanlage Süd",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sabine Schmidt",
|
||||
role: "Projektleiterin",
|
||||
company: "Gewerbebau Nord",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780741824-4540ba8d.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas Weber",
|
||||
role: "Architekt",
|
||||
company: "Weber Plan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780739793-8dad19fc.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Laura Fischer",
|
||||
role: "Eigentümerin",
|
||||
company: "Private Villa",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738750-b90049bc.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Markus Berg",
|
||||
role: "Geschäftsführer",
|
||||
company: "Berg Immobilien",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Termintreue",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Qualitätsbewertung",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Kundenzufriedenheit",
|
||||
},
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was unsere Partner über unsere Arbeit sagen."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Max Mustermann", role: "Bauherr", company: "Wohnanlage Süd", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png" },
|
||||
{ id: "2", name: "Sabine Schmidt", role: "Projektleiterin", company: "Gewerbebau Nord", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780741824-4540ba8d.png" },
|
||||
{ id: "3", name: "Thomas Weber", role: "Architekt", company: "Weber Plan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780739793-8dad19fc.png" },
|
||||
{ id: "4", name: "Laura Fischer", role: "Eigentümerin", company: "Private Villa", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738750-b90049bc.png" },
|
||||
{ id: "5", name: "Markus Berg", role: "Geschäftsführer", company: "Berg Immobilien", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "99%", label: "Termintreue" },
|
||||
{ value: "4.9/5", label: "Qualitätsbewertung" },
|
||||
{ value: "100%", label: "Kundenzufriedenheit" },
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was unsere Partner über unsere Arbeit sagen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
text="Bereit für Ihr nächstes Bauprojekt? Wir freuen uns auf Ihre Anfrage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "mailto:info@vision-bau.de",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
text="Bereit für Ihr nächstes Bauprojekt? Wir freuen uns auf Ihre Anfrage."
|
||||
buttons={[
|
||||
{ text: "Jetzt anfragen", href: "mailto:info@vision-bau.de" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Vision Bau GmbH"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Vision Bau GmbH"
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user