Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Innovation",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Nachhaltigkeit",
|
||||
id: "sustainability",
|
||||
},
|
||||
{
|
||||
name: "Besucher",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Innovation", id: "about" },
|
||||
{ name: "Nachhaltigkeit", id: "sustainability" },
|
||||
{ name: "Besucher", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Air Liquide Gundelfingen"
|
||||
/>
|
||||
@@ -58,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Technologie für eine nachhaltige Zukunft"
|
||||
description="Willkommen beim Air Liquide Standort Gundelfingen – wo industrielle Präzision auf klimafreundliche Innovation trifft."
|
||||
buttons={[
|
||||
{
|
||||
text: "Werksführung anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Werksführung anfragen", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-skyline-silhouetted-against-sunset-sky_23-2151995237.jpg",
|
||||
imageAlt: "Industrieanlage Gundelfingen bei Tag",
|
||||
},
|
||||
{
|
||||
id: "slide-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-zonethe-equipment-oil-refiningnumber-electric-motors-with-reducers-food-industry-details-distribution-system-modern-brewery-equipment-industrial-tools_645730-827.jpg",
|
||||
imageAlt: "Moderne Rohrsysteme",
|
||||
},
|
||||
{
|
||||
id: "slide-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-tanker-truck-races-along-highway-cloudy-daylight-fuel-logistics_169016-71071.jpg",
|
||||
imageAlt: "Air Liquide Logistik LKW",
|
||||
},
|
||||
{
|
||||
id: "slide-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3169.jpg",
|
||||
imageAlt: "Industrieanlage bei Abendbeleuchtung",
|
||||
},
|
||||
{
|
||||
id: "slide-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-scene-with-surreal-elements-mystical-atmosphere_23-2151254422.jpg",
|
||||
imageAlt: "Klimaneutrale Produktionsanlage",
|
||||
},
|
||||
{
|
||||
id: "slide-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-363.jpg",
|
||||
imageAlt: "Air Liquide Standort Ansicht",
|
||||
},
|
||||
{ id: "slide-1", imageSrc: "http://img.b2bpic.net/free-photo/industrial-skyline-silhouetted-against-sunset-sky_23-2151995237.jpg", imageAlt: "Industrieanlage Gundelfingen bei Tag" },
|
||||
{ id: "slide-2", imageSrc: "http://img.b2bpic.net/free-photo/industrial-zonethe-equipment-oil-refiningnumber-electric-motors-with-reducers-food-industry-details-distribution-system-modern-brewery-equipment-industrial-tools_645730-827.jpg", imageAlt: "Moderne Rohrsysteme" },
|
||||
{ id: "slide-3", imageSrc: "http://img.b2bpic.net/free-photo/white-tanker-truck-races-along-highway-cloudy-daylight-fuel-logistics_169016-71071.jpg", imageAlt: "Air Liquide Logistik LKW" },
|
||||
{ id: "slide-4", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3169.jpg", imageAlt: "Industrieanlage bei Abendbeleuchtung" },
|
||||
{ id: "slide-5", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-scene-with-surreal-elements-mystical-atmosphere_23-2151254422.jpg", imageAlt: "Klimaneutrale Produktionsanlage" },
|
||||
{ id: "slide-6", imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-363.jpg", imageAlt: "Air Liquide Standort Ansicht" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Innovation in Gundelfingen"
|
||||
description="Air Liquide ist ein internationaler Industriegashersteller mit französischen Wurzeln. Der Standort Gundelfingen steht für moderne Technik, nachhaltige Prozesse und industrielle Innovation direkt vor Ihrer Haustür."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Technologische Exzellenz",
|
||||
description: "Hochkomplexe Anlagentechnik auf dem neuesten Stand.",
|
||||
},
|
||||
{
|
||||
title: "Regionale Verankerung",
|
||||
description: "Ein fester Bestandteil der Industrielandschaft Gundelfingens.",
|
||||
},
|
||||
{
|
||||
title: "Globale Vision",
|
||||
description: "Teil einer weltweiten Mission für saubere Industriegase.",
|
||||
},
|
||||
{ title: "Technologische Exzellenz", description: "Hochkomplexe Anlagentechnik auf dem neuesten Stand." },
|
||||
{ title: "Regionale Verankerung", description: "Ein fester Bestandteil der Industrielandschaft Gundelfingens." },
|
||||
{ title: "Globale Vision", description: "Teil einer weltweiten Mission für saubere Industriegase." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gray-metal-wall-with-spiral-stairs-clear-sky_181624-15349.jpg"
|
||||
/>
|
||||
@@ -134,33 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Komplexe Rohrsysteme",
|
||||
descriptions: [
|
||||
"Präzise vernetzte Leitungen",
|
||||
"Sicherheit und Effizienz",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-978.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Moderne Produktionsprozesse",
|
||||
descriptions: [
|
||||
"Automatisierte Steuerung",
|
||||
"Höchste Qualitätsstandards",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-assembly-line-producing-fiberglass-heavy-industry-machinery-metalworking-workshop-concept_645730-506.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Energieeffizienz",
|
||||
descriptions: [
|
||||
"Optimierte Kesseltechnik",
|
||||
"Ressourcenschonung im Fokus",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-organized-pharmaceutical-plant-where-steel-pipelines-valves-are-part-sterile-environment_73899-44068.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Komplexe Rohrsysteme", descriptions: ["Präzise vernetzte Leitungen", "Sicherheit und Effizienz"], imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-978.jpg" },
|
||||
{ id: "f2", title: "Moderne Produktionsprozesse", descriptions: ["Automatisierte Steuerung", "Höchste Qualitätsstandards"], imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-assembly-line-producing-fiberglass-heavy-industry-machinery-metalworking-workshop-concept_645730-506.jpg" },
|
||||
{ id: "f3", title: "Energieeffizienz", descriptions: ["Optimierte Kesseltechnik", "Ressourcenschonung im Fokus"], imageSrc: "http://img.b2bpic.net/free-photo/clean-organized-pharmaceutical-plant-where-steel-pipelines-valves-are-part-sterile-environment_73899-44068.jpg" }
|
||||
]}
|
||||
title="Technische Meisterleistung"
|
||||
description="Die Architektur unserer Anlage spiegelt unsere technische Präzision wider."
|
||||
@@ -169,33 +90,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="sustainability" data-section="sustainability">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Klimaneutrale Gase",
|
||||
descriptions: [
|
||||
"Umweltfreundliche Herstellung",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065380.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Effizienter Transport",
|
||||
descriptions: [
|
||||
"Moderne Air Liquide LKW-Flotte",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanker-trucks-driving-wet-road-sunset_23-2151989572.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Umweltstandards",
|
||||
descriptions: [
|
||||
"Einhaltung strenger Richtlinien",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048134.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Klimaneutrale Gase", descriptions: ["Umweltfreundliche Herstellung"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065380.jpg" },
|
||||
{ id: "s2", title: "Effizienter Transport", descriptions: ["Moderne Air Liquide LKW-Flotte"], imageSrc: "http://img.b2bpic.net/free-photo/tanker-trucks-driving-wet-road-sunset_23-2151989572.jpg" },
|
||||
{ id: "s3", title: "Umweltstandards", descriptions: ["Einhaltung strenger Richtlinien"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048134.jpg" }
|
||||
]}
|
||||
title="Nachhaltigkeit & Klima"
|
||||
description="Wir setzen auf klimaneutrale Prozesse und Umweltstandards für eine lebenswerte Zukunft."
|
||||
@@ -208,24 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Jahre Erfahrung",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Headphones,
|
||||
title: "Kundenbetreuung",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Leaf,
|
||||
title: "CO2 Reduktion",
|
||||
value: "15%",
|
||||
},
|
||||
{ id: "m1", icon: Clock, title: "Jahre Erfahrung", value: "20+" },
|
||||
{ id: "m2", icon: Headphones, title: "Kundenbetreuung", value: "100%" },
|
||||
{ id: "m3", icon: Leaf, title: "CO2 Reduktion", value: "15%" }
|
||||
]}
|
||||
title="Unsere Zahlen & Fakten"
|
||||
description="Vertrauen durch messbare Leistung in Gundelfingen."
|
||||
@@ -238,41 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Max Mustermann",
|
||||
role: "Anwohner",
|
||||
testimonial: "Die Anlage ist beeindruckend. Man merkt die Professionalität bei jeder Vorbeifahrt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Erika Musterfrau",
|
||||
role: "Technik-Interessierte",
|
||||
testimonial: "Die Werksführung war absolut lehrreich und hochmodern.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas Schneider",
|
||||
role: "Geschäftspartner",
|
||||
testimonial: "Nachhaltigkeit wird bei Air Liquide wirklich gelebt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julia Berger",
|
||||
role: "Schülerin",
|
||||
testimonial: "Tolle Einblicke in die Welt der Industriegase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-black-man-smiling-face-expression-looking-camera-positive-mood-happy-emotion-isolated-white-studio-background-african-american-youth-hipster-style-student-blue-shirt_285396-2946.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Stefan Koch",
|
||||
role: "Bewerber",
|
||||
testimonial: "Modernes Arbeitsumfeld und innovative Denkweise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Max Mustermann", role: "Anwohner", testimonial: "Die Anlage ist beeindruckend. Man merkt die Professionalität bei jeder Vorbeifahrt.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg" },
|
||||
{ id: "t2", name: "Erika Musterfrau", role: "Technik-Interessierte", testimonial: "Die Werksführung war absolut lehrreich und hochmodern.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
|
||||
{ id: "t3", name: "Thomas Schneider", role: "Geschäftspartner", testimonial: "Nachhaltigkeit wird bei Air Liquide wirklich gelebt.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "t4", name: "Julia Berger", role: "Schülerin", testimonial: "Tolle Einblicke in die Welt der Industriegase.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-black-man-smiling-face-expression-looking-camera-positive-mood-happy-emotion-isolated-white-studio-background-african-american-youth-hipster-style-student-blue-shirt_285396-2946.jpg" },
|
||||
{ id: "t5", name: "Stefan Koch", role: "Bewerber", testimonial: "Modernes Arbeitsumfeld und innovative Denkweise.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg" }
|
||||
]}
|
||||
title="Was Menschen über uns sagen"
|
||||
description="Einblicke von Partnern und Besuchern."
|
||||
@@ -283,21 +139,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bieten Sie Werksführungen an?",
|
||||
content: "Ja, regelmäßig bieten wir Führungen für interessierte Gruppen an.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wie kann ich mich anmelden?",
|
||||
content: "Über unser Kontaktformular auf dieser Seite.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Ist die Anlage sicher?",
|
||||
content: "Sicherheit hat für uns höchste Priorität.",
|
||||
},
|
||||
{ id: "q1", title: "Bieten Sie Werksführungen an?", content: "Ja, regelmäßig bieten wir Führungen für interessierte Gruppen an." },
|
||||
{ id: "q2", title: "Wie kann ich mich anmelden?", content: "Über unser Kontaktformular auf dieser Seite." },
|
||||
{ id: "q3", title: "Ist die Anlage sicher?", content: "Sicherheit hat für uns höchste Priorität." }
|
||||
]}
|
||||
sideTitle="Besucherbereich"
|
||||
sideDescription="Häufige Fragen rund um unsere Führungen."
|
||||
@@ -311,24 +155,10 @@ export default function LandingPage() {
|
||||
title="Kontakt zum Werk"
|
||||
description="Erleben Sie moderne Industrie hautnah. Schreiben Sie uns für Führungen oder allgemeine Fragen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-happy-confident-young-architect-uniform-with-hard-hat-isolated-red-wall_140725-149999.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -336,32 +166,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Air Liquide Deutschland",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Standort",
|
||||
items: [
|
||||
{
|
||||
label: "Gundelfingen",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Karriere",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Air Liquide Deutschland", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
{ title: "Standort", items: [{ label: "Gundelfingen", href: "#" }, { label: "Karriere", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Air Liquide"
|
||||
bottomRightText="Nachhaltige Innovation"
|
||||
|
||||
Reference in New Issue
Block a user