128 lines
6.8 KiB
TypeScript
128 lines
6.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Award, Building, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="large"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
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="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="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}
|
||
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="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Vision Bau GmbH"
|
||
leftLink={{ text: "Impressum", href: "#" }}
|
||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|