6 Commits

Author SHA1 Message Date
fd6b73b786 Merge version_2 into main
Merge version_2 into main
2026-03-25 21:12:52 +00:00
dbbf9952eb Update src/app/styles/variables.css 2026-03-25 21:12:48 +00:00
9cd120951f Update src/app/styles/base.css 2026-03-25 21:12:48 +00:00
d1bd8d21ce Update src/app/page.tsx 2026-03-25 21:12:47 +00:00
3cc632291c Merge version_1 into main
Merge version_1 into main
2026-03-25 21:06:30 +00:00
7a304a5574 Merge version_1 into main
Merge version_1 into main
2026-03-25 21:03:32 +00:00
3 changed files with 58 additions and 162 deletions

View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Overview",
id: "overview",
},
name: "Overview", id: "overview"},
{
name: "Solutions",
id: "solutions",
},
name: "Solutions", id: "solutions"},
{
name: "Credibility",
id: "credibility",
},
name: "Credibility", id: "credibility"},
{
name: "Impact",
id: "impact",
},
name: "Impact", id: "impact"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Bidirex GmbH"
/>
@@ -59,47 +49,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "downward-rays-animated-grid",
}}
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-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-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",
},
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/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/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",
},
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: "Unsere Lösungen", href: "#solutions"},
{
text: "Kontakt",
href: "#contact",
},
text: "Kontakt", href: "#contact"},
]}
buttonAnimation="slide-up"
/>
@@ -110,14 +83,10 @@ export default function LandingPage() {
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.",
]}
"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",
},
text: "Über Bidirex", href: "#about"},
]}
/>
</div>
@@ -129,25 +98,13 @@ export default function LandingPage() {
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: "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: "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: "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.",
},
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"
@@ -163,14 +120,7 @@ export default function LandingPage() {
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",
]}
"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."
/>
@@ -183,25 +133,13 @@ export default function LandingPage() {
tag="Unser Einfluss"
metrics={[
{
id: "1",
value: "250+",
description: "Projekte erfolgreich abgeschlossen",
},
id: "1", value: "250+", description: "Projekte erfolgreich abgeschlossen"},
{
id: "2",
value: "50 MW+",
description: "Installierte Photovoltaik-Leistung",
},
id: "2", value: "50 MW+", description: "Installierte Photovoltaik-Leistung"},
{
id: "3",
value: "1000+",
description: "Ladepunkte realisiert",
},
id: "3", value: "1000+", description: "Ladepunkte realisiert"},
{
id: "4",
value: "15+",
description: "Jahre Erfahrung in Infrastruktur",
},
id: "4", value: "15+", description: "Jahre Erfahrung in Infrastruktur"},
]}
metricsAnimation="slide-up"
/>
@@ -215,21 +153,13 @@ export default function LandingPage() {
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-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-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-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",
},
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"
@@ -241,27 +171,16 @@ export default function LandingPage() {
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: "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: "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.",
},
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: "#",
}}
text: "Jetzt Kontakt aufnehmen", href: "#"}}
ctaIcon={Mail}
animationType="slide-up"
accordionAnimationType="smooth"
@@ -272,62 +191,39 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Lösungen",
items: [
title: "Lösungen", items: [
{
label: "Photovoltaik-Carports",
href: "#features",
},
label: "Photovoltaik-Carports", href: "#features"},
{
label: "Ladeinfrastruktur",
href: "#features",
},
label: "Ladeinfrastruktur", href: "#features"},
{
label: "Energiespeicher",
href: "#features",
},
label: "Energiespeicher", href: "#features"},
{
label: "Schraubfundamente",
href: "#features",
},
label: "Schraubfundamente", href: "#features"},
],
},
{
title: "Unternehmen",
items: [
title: "Unternehmen", items: [
{
label: "Über Uns",
href: "#about",
},
label: "Über Uns", href: "#about"},
{
label: "Referenzen",
href: "#social-proof",
},
label: "Referenzen", href: "#social-proof"},
{
label: "FAQ",
href: "#contact",
},
label: "FAQ", href: "#contact"},
],
},
{
title: "Kontakt",
items: [
title: "Kontakt", items: [
{
label: "Anfrage senden",
href: "#contact",
},
label: "Anfrage senden", href: "#contact"},
{
label: "Standorte",
href: "#",
},
label: "Standorte", href: "#"},
{
label: "Karriere",
href: "#",
},
label: "Karriere", href: "#"},
],
},
]}
copyrightText="© 2024 Bidirex GmbH. Alle Rechte vorbehalten."
copyrightText="© 2024 bidirex.com. Alle Rechte vorbehalten."
/>
</div>
</ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-lato), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-lato), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--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;
--background: #020617;
--card: #0f172a;
--foreground: #e2e8f0;
--primary-cta: #c4d8f9;
--primary-cta-text: #020617;
--secondary-cta: #041633;
--secondary-cta-text: #e2e8f0;
--accent: #2d30f3;
--background-accent: #1d4ed8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);