diff --git a/locales/de.json b/locales/de.json index 5d1be4d4..0227b3e5 100644 --- a/locales/de.json +++ b/locales/de.json @@ -12,7 +12,16 @@ "OpenSourceJava": "Open Source Java", "OpenElements2023": "Open Elements 2023", "contactUs": "Kontakt", - "footerPhrase": "Open Source, aber richtig", + "footerPhrase": "Open Source richtig gemacht.", + "footerNavigation": "Navigation", + "footerCompany": "Unternehmen", + "footerContact": "Kontakt", + "footerEmail": "info@open-elements.com", + "footerLocation": "Deutschland / Europa", + "footerBookAppointment": "Termin buchen", + "footerTagline": "Wer Open Source ernst nimmt, gestaltet es mit.", + "openMenu": "Navigationsmenü öffnen", + "closeMenu": "Navigationsmenü schließen", "privacy": "Datenschutz", "privacyPolicy": "Datenschutzerklärung", "privacySettings": "Datenschutzeinstellungen", @@ -58,6 +67,144 @@ "title4": "Zusammenarbeit!", "description": "Wir sind davon überzeugt, dass Offenheit und Transparenz einen substanziellen Wert für Unternehmen, Projekte und Einzelpersonen schafft. Unser Ziel ist es, unsere Partner dabei zu unterstützen, wichtige Konzepte wie Open Source und Open Data zu etablieren. Dadurch werden automatisch zentrale Aspekte der IT wie Standards und Sicherheit im Unternehmen gestärkt. Durch unsere Arbeit fördern wir zudem die aktive Teilnahme in der IT-Szene und darüber hinaus." }, + "homeLanding": { + "tagline": "Wer Open Source ernst nimmt, gestaltet es mit.", + "hero": { + "titlePrefix": "Open Source", + "titleLead": "aber", + "titleHighlight": "richtig.", + "body": "Das heißt für uns: Wir nutzen Open Source nicht nur, wir pflegen und verantworten die Java-Komponenten, auf die Du täglich baust. Wir gestalten die offenen Standards mit, die die Zukunft nachhaltig prägen. Wir bauen eine Open-Source-Produktfamilie.", + "primaryCta": "Warum wir?", + "secondaryCta": "Erfolgsgeschichten", + "imageAlt": "Menschen gestalten gemeinsam ein Open-Source-Ökosystem" + }, + "business": { + "title": "Was wir tun.", + "intro": "Drei Geschäftsbereiche, gleich gedacht: Jeder stärkt sich, alle drei verstärken Transparenz, Open Source und nachhaltige Digitalisierung.", + "areas": { + "supportCare": { + "headline": "Wir pflegen die Open Source, auf der euer Stack läuft.", + "body": "Wir nutzen Open Source nicht nur — wir pflegen sie. Als Maintainer hinter Basiskomponenten wie Maven, JUnit, Log4j und Temurin sind wir der vertragliche Ansprechpartner für Sicherheit, langfristige Wartung und CRA-Konformität des Codes, auf dem euer Stack aufbaut.", + "category": "Java-Basiskomponenten", + "bullets": [ + "Sicherheits-Updates & LTS", + "CRA-Konformität", + "Direkt von den Maintainern" + ], + "cta": "Mehr über Support & Care", + "imageAlt": "Support-Mitarbeiterin mit Chat-Symbol" + }, + "digitalTrust": { + "headline": "Vertrauen, das sich überprüfen lässt.", + "body": "Wir bauen die offene Infrastruktur für digitales Vertrauen: Wir arbeiten aktiv an der quelloffene Distributed Ledger Technologie (DLT) Hiero unter der Linux Foundation und entwickeln eine Lösung, um fälschungssichere digitale Nachweise auszustellen und zu prüfen.", + "category": "Digitales Vertrauen", + "bullets": [ + "Verifizierbare Nachweise", + "Distributed Ledger Hiero", + "Offene Infrastruktur" + ], + "imageAlt": "Vernetzte Personen als digitale Identitäten" + }, + "labs": { + "headline": "Software für die nächste Generation digitaler Anwendungen.", + "body": "In den Labs entwickeln wir technologische Grundlagen für dezentrale Infrastrukturen, nachhaltige Systeme und moderne digitale Werkzeuge.", + "category": "Self-Sovereign Identity", + "bullets": [ + "Open-Source-Entwicklung", + "Interoperabilität", + "Innovative Systeme" + ], + "cta": "Mehr über OpenElements Labs", + "imageAlt": "Rakete als Symbol für neue Technologien" + } + } + }, + "metrics": { + "downloads": { + "value": "500K+", + "label": "Tägliche Downloads von Eclipse Temurin, das wir mitbetreuen" + }, + "foundations": { + "value": "3", + "label": "Stiftungen, in denen wir Governance-Sitze halten" + }, + "champions": { + "value": "4", + "label": "Java Champions in unserem Team" + }, + "cra": { + "value": "2027", + "label": "CRA tritt in Kraft — wir sind heute schon bereit" + } + }, + "distinguish": { + "titlePrefix": "Was uns von anderen", + "titleHighlight": "unterscheidet.", + "body": "Langfristige Strategien, offene Standards und echtes Engagement in der Open-Source-Welt. Das ist es, was uns von klassischen Agenturen unterscheidet.", + "cta": "Open Elements ist in diesen Bereichen aktiv", + "imageAlt": "Open-Source-Netzwerk zwischen Europa und Deutschland", + "engagements": { + "eclipse": { + "category": "Board of Directors", + "logoAlt": "Eclipse Foundation Logo", + "body": "Wir helfen, Europas größte Open-Source-Stiftung zu lenken — die Heimat von Jakarta EE, Adoptium/Temurin und der Eclipse-IDE." + }, + "linux": { + "category": "Mitglied", + "logoAlt": "The Linux Foundation Logo", + "body": "Wir engagieren uns in der einflussreichsten Open-Source-Stiftung der Welt — von Decentralized Trust bis zu Standards für KI-Agenten." + }, + "hiero": { + "category": "TSC Chair", + "logoAlt": "Hiero Logo", + "body": "Wir leiten die technische Ausrichtung dieses quelloffenen Distributed-Ledger-Projekts unter dem Dach der LFDT." + }, + "decentralizedTrust": { + "category": "TAB Vice Chair", + "logoAlt": "Decentralized Trust Logo", + "body": "Wir gestalten den technischen Fahrplan für digitales Vertrauen, Identität und sichere Lieferketten mit." + }, + "orc": { + "category": "Gründungsmitglied", + "logoAlt": "Open Regulatory Compliance Logo", + "body": "Wir übersetzen den Cyber Resilience Act in praxistaugliche Regeln für Open Source." + }, + "asf": { + "category": "Maintainer", + "logoAlt": "Apache Software Foundation Logo", + "body": "Wir pflegen und verantworten Projekte, auf die ihr baut — Maven, Log4j, Commons." + } + } + }, + "values": { + "titlePrefix": "Was uns", + "titleHighlight": "leitet.", + "body": "Langfristige Strategien, offene Standards und echtes Engagement in der Open-Source-Welt. Das ist es, was uns von klassischen Agenturen unterscheidet.", + "imageAlt": "Menschen bauen gemeinsam an einem offenen digitalen Universum", + "items": { + "openness": { + "title": "Offenheit als Verantwortung.", + "body": "Wir entwickeln Lösungen transparent und nachvollziehbar. Zusammenarbeit und Wissensaustausch stehen im Mittelpunkt unserer täglichen Arbeit." + }, + "community": { + "title": "Community vor Produkten.", + "body": "Nachhaltige Software entsteht durch starke Communities. Deshalb investieren wir langfristig in offene Zusammenarbeit." + }, + "depth": { + "title": "Tiefe vor Breite.", + "body": "Wir konzentrieren uns auf ausgewählte Technologien und bauen darin echte Expertise auf." + } + } + }, + "contact": { + "titlePrefix": "Lass uns", + "titleHighlight": "sprechen.", + "body": "Hast Du ein konkretes Vorhaben, bei dem Open Source eine zentrale Rolle spielt? Dann lass uns gemeinsam denken.", + "primaryCta": "Kontakt aufnehmen", + "secondaryCta": "Über uns", + "imageAlt": "Team arbeitet gemeinsam an einem wachsenden Baum" + } + }, "sections": { "openKnowledge": "Offenes Wissen", "openEvents": "Offene Veranstaltungen", diff --git a/locales/en.json b/locales/en.json index f0bfde64..0e2da058 100644 --- a/locales/en.json +++ b/locales/en.json @@ -12,7 +12,16 @@ "OpenSourceJava": "Open Source Java", "OpenElements2023": "Open Elements 2023", "contactUs": "Contact us", - "footerPhrase": "Open Source made right", + "footerPhrase": "Open Source done right.", + "footerNavigation": "Navigation", + "footerCompany": "Company", + "footerContact": "Contact", + "footerEmail": "info@open-elements.com", + "footerLocation": "Germany / Europe", + "footerBookAppointment": "Book appointment", + "footerTagline": "Those who take Open Source seriously help shape it.", + "openMenu": "Open navigation menu", + "closeMenu": "Close navigation menu", "privacy": "Privacy", "privacyPolicy": "Privacy Policy", "privacySettings": "Privacy Config", @@ -58,6 +67,144 @@ "title4": "Open Collaboration!", "description": "We believe that openness and transparency create substantial value for companies, projects, and individuals. Our goal is to support our partners in establishing important concepts such as Open Source and Open Data. This strengthens core aspects of IT, such as standards and security automatically within the company. Through our work, we also promote active engagement in the IT scene and beyond." }, + "homeLanding": { + "tagline": "Those who take Open Source seriously help shape it.", + "hero": { + "titlePrefix": "Open Source", + "titleLead": "done", + "titleHighlight": "right.", + "body": "For us, that means more: we don't just use open source — we maintain and take responsibility for the Java components you build on every day. We help shape the open standards that sustainably define the future. We are building an open-source product family.", + "primaryCta": "Why us?", + "secondaryCta": "Success stories", + "imageAlt": "People collaboratively shaping an open-source ecosystem" + }, + "business": { + "title": "What we do.", + "intro": "Three business areas, one shared idea: each strengthens the others, and together they advance transparency, open source, and sustainable digitalization.", + "areas": { + "supportCare": { + "headline": "We maintain the open source your stack runs on.", + "body": "We don't just use open source — we maintain it. As the maintainers behind base components like Maven, JUnit, Log4j and Temurin, we are the contractual partner for the security, long-term maintenance and CRA compliance of the code your stack depends on.", + "category": "Java base components", + "bullets": [ + "Security updates & LTS", + "CRA compliance", + "Direct line to the maintainers" + ], + "cta": "More about Support & Care", + "imageAlt": "Support specialist with a chat symbol" + }, + "digitalTrust": { + "headline": "Trust you can verify.", + "body": "We build the open infrastructure for digital trust: we are maintainers of the open-source Hiero distributed ledger Technology (DLT) under the Linux Foundation and develop a solution for issuing and verifying tamper-proof digital credentials.", + "category": "Digital trust", + "bullets": [ + "Verifiable credentials", + "Hiero distributed ledger", + "Open infrastructure" + ], + "imageAlt": "Networked people as digital identities" + }, + "labs": { + "headline": "Software for the next generation of digital applications.", + "body": "In the labs, we develop technological foundations for decentralized infrastructure, sustainable systems, and modern digital tools.", + "category": "Self-sovereign identity", + "bullets": [ + "Open-source development", + "Interoperability", + "Innovative systems" + ], + "cta": "More about OpenElements Labs", + "imageAlt": "Rocket symbolizing new technologies" + } + } + }, + "metrics": { + "downloads": { + "value": "500K+", + "label": "Daily downloads of Eclipse Temurin we co-maintain" + }, + "foundations": { + "value": "3", + "label": "Foundations where we hold governance seats" + }, + "champions": { + "value": "4", + "label": "Java Champions in our team" + }, + "cra": { + "value": "2027", + "label": "CRA in force — we're ready today" + } + }, + "distinguish": { + "titlePrefix": "What makes us", + "titleHighlight": "different.", + "body": "Long-term strategies, open standards, and genuine commitment in the open-source world. That is what distinguishes us from traditional agencies.", + "cta": "Open Elements is active in these areas", + "imageAlt": "Open-source network between Europe and Germany", + "engagements": { + "eclipse": { + "category": "Board of Directors", + "logoAlt": "Eclipse Foundation logo", + "body": "We help govern Europe's largest open-source foundation — home to Jakarta EE, Adoptium/Temurin and the Eclipse IDE." + }, + "linux": { + "category": "Member", + "logoAlt": "The Linux Foundation logo", + "body": "We contribute across the world's most influential open-source foundation, from decentralized trust to standards for AI agents." + }, + "hiero": { + "category": "TSC Chair", + "logoAlt": "Hiero logo", + "body": "We lead the technical direction of this open-source distributed-ledger project under LFDT." + }, + "decentralizedTrust": { + "category": "TAB Vice Chair", + "logoAlt": "Decentralized Trust logo", + "body": "We co-set the technical roadmap for digital trust, identity and secure supply chains." + }, + "orc": { + "category": "Founding member", + "logoAlt": "Open Regulatory Compliance logo", + "body": "We turn the Cyber Resilience Act into practical, workable rules for open source." + }, + "asf": { + "category": "Maintainers", + "logoAlt": "Apache Software Foundation logo", + "body": "We maintain and govern projects you depend on — Maven, Log4j, Commons." + } + } + }, + "values": { + "titlePrefix": "What guides", + "titleHighlight": "us.", + "body": "Long-term strategies, open standards, and genuine commitment in the open-source world. That is what distinguishes us from traditional agencies.", + "imageAlt": "People building an open digital universe together", + "items": { + "openness": { + "title": "Openness as responsibility.", + "body": "We develop solutions transparently and traceably. Collaboration and knowledge sharing are at the center of our daily work." + }, + "community": { + "title": "Community before products.", + "body": "Sustainable software is created by strong communities. That is why we invest long-term in open collaboration." + }, + "depth": { + "title": "Depth before breadth.", + "body": "We focus on selected technologies and build real expertise within them." + } + } + }, + "contact": { + "titlePrefix": "Let's", + "titleHighlight": "talk.", + "body": "Do you have a concrete project where open source plays a central role? Then let's think it through together.", + "primaryCta": "Contact us", + "secondaryCta": "About us", + "imageAlt": "Team working together on a growing tree" + } + }, "sections": { "openKnowledge": "Open Knowledge", "openEvents": "Open Events", diff --git a/public/illustrations/home-bg-2.svg b/public/illustrations/home-bg-2.svg index a7f520d2..eb6dcc2f 100644 --- a/public/illustrations/home-bg-2.svg +++ b/public/illustrations/home-bg-2.svg @@ -1,4 +1,4 @@ - + diff --git a/public/illustrations/landing-page/05-software-launch.svg b/public/illustrations/landing-page/05-software-launch.svg new file mode 100644 index 00000000..7d41b8a2 --- /dev/null +++ b/public/illustrations/landing-page/05-software-launch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/illustrations/landing-page/19-helper.svg b/public/illustrations/landing-page/19-helper.svg new file mode 100644 index 00000000..6ac79df4 --- /dev/null +++ b/public/illustrations/landing-page/19-helper.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/illustrations/landing-page/digital-trust-logo.svg b/public/illustrations/landing-page/digital-trust-logo.svg new file mode 100644 index 00000000..cc3c4676 --- /dev/null +++ b/public/illustrations/landing-page/digital-trust-logo.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/illustrations/landing-page/lfdt-stacked-color.svg b/public/illustrations/landing-page/lfdt-stacked-color.svg new file mode 100644 index 00000000..f78bf735 --- /dev/null +++ b/public/illustrations/landing-page/lfdt-stacked-color.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/illustrations/landing-page/open-elements-labs-logo.svg b/public/illustrations/landing-page/open-elements-labs-logo.svg new file mode 100644 index 00000000..335b1f7d --- /dev/null +++ b/public/illustrations/landing-page/open-elements-labs-logo.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/illustrations/landing-page/support-care-logo.svg b/public/illustrations/landing-page/support-care-logo.svg new file mode 100644 index 00000000..831ad3cc --- /dev/null +++ b/public/illustrations/landing-page/support-care-logo.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx index d4816be6..49143c96 100644 --- a/src/app/[locale]/page.tsx +++ b/src/app/[locale]/page.tsx @@ -1,19 +1,5 @@ -import HeroSection from '@/components/home/HeroSection'; -import OpenKnowledgeSection from '@/components/home/OpenKnowledgeSection'; -import OpenEventsSection from '@/components/home/OpenEventsSection'; -import OpenSourceSection from '@/components/home/OpenSourceSection'; -import OpenDoorsSection from '@/components/home/OpenDoorsSection'; -import OpenOfficeSection from '@/components/home/OpenOfficeSection'; +import LandingPage from '@/components/home/LandingPage'; export default function Home() { - return ( - <> - - - - - - - - ); + return ; } diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index f1747ae6..2ad67459 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -3,187 +3,174 @@ import { useTranslations } from 'next-intl'; import { Link } from '@/i18n/routing'; import Image from 'next/image'; +import { useState } from 'react'; import mainMenu from '@/data/mainMenu.json'; -import social from '@/data/social.json'; interface FooterProps { locale: string; } +function ChevronDown({ className }: { className?: string }) { + return ( + + ); +} + export default function Footer({ locale }: FooterProps) { const t = useTranslations(); + const [openSection, setOpenSection] = useState(null); - return ( -
-
-
- - - -
-
+ const toggleSection = (section: string) => { + setOpenSection(prev => (prev === section ? null : section)); + }; -
-
- Circle - Circle + return ( +