337 lines
13 KiB
TypeScript
337 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Mail } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Overview",
|
||
id: "overview",
|
||
},
|
||
{
|
||
name: "Solutions",
|
||
id: "solutions",
|
||
},
|
||
{
|
||
name: "Credibility",
|
||
id: "credibility",
|
||
},
|
||
{
|
||
name: "Impact",
|
||
id: "impact",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Bidirex GmbH"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "downward-rays-animated-grid",
|
||
}}
|
||
title="Energie-Infrastruktur, die Zukunft greifbar macht"
|
||
description="Bidirex plant, baut und verbindet Systeme: von der Photovoltaik-Carport über Ladeinfrastruktur und Speicher bis zur tragenden Schraub. Wir liefern realisierte Systeme, keine Konzepte."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/3d-render-of-a-futuristic-energy-infrast-1774472141010-90b3acfd.png",
|
||
imageAlt: "Futuristic energy infrastructure with solar carports",
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/3d-render-of-a-modular-charging-park-sho-1774472141904-b3abd705.png",
|
||
imageAlt: "Modular charging park with dynamic energy flow",
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/3d-render-of-an-advanced-energy-storage--1774472141557-b1960023.png",
|
||
imageAlt: "Advanced energy storage system integrated into modern building",
|
||
},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/3d-render-of-an-underground-screw-founda-1774472141670-876df60f.png",
|
||
imageAlt: "Underground screw foundation connecting to visible infrastructure",
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/cinematic-3d-render-of-a-data-center-coo-1774472141523-098a1d4d.png",
|
||
imageAlt: "Data center cooling system, complex piping",
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/dramatic-3d-render-of-an-urban-grid-syst-1774472141430-173f9f38.png",
|
||
imageAlt: "Urban grid system with energy lines and substations",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Unsere Lösungen",
|
||
href: "#solutions",
|
||
},
|
||
{
|
||
text: "Kontakt",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Bidirex: Ihr Partner für integrierte Energieinfrastruktur"
|
||
description={[
|
||
"Bei Bidirex entwickeln wir nicht nur Pläne, wir realisieren komplette Energieinfrastruktur. Von der sichtbaren Photovoltaik-Carport und Ladeinfrastruktur bis zu den unsichtbaren, tragenden Schraubfundamenten – wir bieten eine technisch präzise und zuverlässige Gesamtlösung aus einer Hand.",
|
||
"Unsere Expertise umfasst die Planung, den Bau und die Vernetzung komplexer Energiesysteme, die auf Skalierbarkeit, Reversibilität und höchste Effizienz ausgelegt sind. Wir bauen auf bewährte Technologien und nachhaltige Materialien, um zukunftssichere Infrastrukturen zu schaffen, die den höchsten Ansprüchen an Wirtschaftlichkeit und Umweltfreundlichkeit genügen.",
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Über Bidirex",
|
||
href: "#about",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyOne
|
||
useInvertedBackground={false}
|
||
title="Integrierte Energieinfrastruktur, die funktioniert"
|
||
description="Wir liefern maßgeschneiderte Systeme für eine effiziente und nachhaltige Energieversorgung, von der Erzeugung bis zur Speicherung und Nutzung."
|
||
accordionItems={[
|
||
{
|
||
id: "1",
|
||
title: "Photovoltaik-Carports",
|
||
content: "Maximale Energieerzeugung und Schutz für Fahrzeuge. Unsere Carports sind modular, effizient und ästhetisch ansprechend, perfekt für Unternehmen und Kommunen.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Ladeinfrastruktur",
|
||
content: "Zuverlässige und skalierbare Ladelösungen für Elektrofahrzeuge. Von intelligenten Ladesäulen bis zu Flottenmanagement-Systemen – wir decken alle Anforderungen ab.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Energiespeicherlösungen",
|
||
content: "Optimieren Sie Ihre Energieautarkie und reduzieren Sie Spitzenlasten mit unseren Batteriespeichersystemen. Intelligente Integration für maximale Effizienz.",
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Schraubfundamente",
|
||
content: "Die unsichtbare Basis für dauerhafte Infrastruktur. Unsere reversiblen Schraubfundamente bieten schnelle Installation, minimale Bodenversiegelung und höchste Stabilität.",
|
||
},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/3d-animated-diagram-showing-a-seamless-e-1774472141280-84cac1ce.png"
|
||
imageAlt="3D diagram of integrated energy flow from solar to charging and storage"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
names={[]}
|
||
useInvertedBackground={false}
|
||
logos={[
|
||
"http://img.b2bpic.net/free-vector/gradient-industry-4-0-logo-design_23-2151300409.jpg",
|
||
"http://img.b2bpic.net/free-vector/dark-monoline-logo-collection_23-2147682012.jpg",
|
||
"http://img.b2bpic.net/free-vector/alphabetical-letter-e-logo-collection_23-2148876784.jpg",
|
||
"http://img.b2bpic.net/free-photo/fast-movement-traffic-nyc_181624-160.jpg",
|
||
"http://img.b2bpic.net/free-vector/logo-letter-w_1035-539.jpg",
|
||
"http://img.b2bpic.net/free-vector/urban-transport-badge-set_1284-37953.jpg",
|
||
"http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg",
|
||
]}
|
||
title="Vertrauen durch bewährte Partnerschaften"
|
||
description="Unsere Expertise wird von führenden Unternehmen und Institutionen in ganz Deutschland geschätzt."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={false}
|
||
title="Messbare Wirkung. Nachhaltiger Fortschritt."
|
||
tag="Unser Einfluss"
|
||
metrics={[
|
||
{
|
||
id: "1",
|
||
value: "250+",
|
||
description: "Projekte erfolgreich abgeschlossen",
|
||
},
|
||
{
|
||
id: "2",
|
||
value: "50 MW+",
|
||
description: "Installierte Photovoltaik-Leistung",
|
||
},
|
||
{
|
||
id: "3",
|
||
value: "1000+",
|
||
description: "Ladepunkte realisiert",
|
||
},
|
||
{
|
||
id: "4",
|
||
value: "15+",
|
||
description: "Jahre Erfahrung in Infrastruktur",
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Bidirex hat unsere Erwartungen bei der Implementierung unserer Ladeinfrastruktur übertroffen. Die technische Präzision und die umfassende Betreuung von der Planung bis zur Realisierung waren herausragend. Ein wirklich verlässlicher Partner für zukunftsfähige Energielösungen."
|
||
rating={5}
|
||
author="Dr. Schmidt, Stadtplaner, München"
|
||
avatars={[
|
||
{
|
||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/professional-headshot-of-a-female-munici-1774472141496-718cfd06.png",
|
||
alt: "Dr. Schmidt",
|
||
},
|
||
{
|
||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/professional-headshot-of-a-male-fleet-op-1774472140722-192a6c7b.png",
|
||
alt: "Michael Bauer",
|
||
},
|
||
{
|
||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/professional-headshot-of-a-female-engine-1774472140910-c1a7a35d.png",
|
||
alt: "Anna Müller",
|
||
},
|
||
{
|
||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSARExXe28iUMcKrGY0gRILDvq/professional-headshot-of-a-male-cfo-port-1774472141509-f59f69d5.png",
|
||
alt: "Thomas Koch",
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "Was macht Bidirex einzigartig?",
|
||
content: "Wir bieten integrierte Energieinfrastruktur aus einer Hand – von der Planung über den Bau bis zur Vernetzung. Unsere Lösungen sind technisch präzise, skalierbar und nachhaltig, einschließlich innovativer Schraubfundamente.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Welche Branchen bedienen Sie?",
|
||
content: "Unsere Lösungen richten sich an Kommunen und Stadtplaner, Flottenbetreiber und Logistikunternehmen sowie an Bau- und Energieingenieure, die Wert auf Qualität und Zuverlässigkeit legen.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Wie können wir ein Projekt starten?",
|
||
content: "Kontaktieren Sie uns einfach über das Formular oder rufen Sie uns an. Wir beraten Sie gerne unverbindlich zu Ihren Anforderungen und erarbeiten eine maßgeschneiderte Lösung.",
|
||
},
|
||
]}
|
||
ctaTitle="Bereit für Ihre Energiezukunft?"
|
||
ctaDescription="Kontaktieren Sie uns noch heute für eine individuelle Beratung."
|
||
ctaButton={{
|
||
text: "Jetzt Kontakt aufnehmen",
|
||
href: "#",
|
||
}}
|
||
ctaIcon={Mail}
|
||
animationType="slide-up"
|
||
accordionAnimationType="smooth"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Lösungen",
|
||
items: [
|
||
{
|
||
label: "Photovoltaik-Carports",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Ladeinfrastruktur",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Energiespeicher",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Schraubfundamente",
|
||
href: "#features",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Unternehmen",
|
||
items: [
|
||
{
|
||
label: "Über Uns",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Referenzen",
|
||
href: "#social-proof",
|
||
},
|
||
{
|
||
label: "FAQ",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt",
|
||
items: [
|
||
{
|
||
label: "Anfrage senden",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Standorte",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Karriere",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Bidirex GmbH. Alle Rechte vorbehalten."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|