Skip to content

Implement New Landing Page Layout from Figma Design#355

Merged
danielmarv merged 15 commits into
mainfrom
354-oe-br
Jun 16, 2026
Merged

Implement New Landing Page Layout from Figma Design#355
danielmarv merged 15 commits into
mainfrom
354-oe-br

Conversation

@danielmarv

Copy link
Copy Markdown
Member

Description

This pull request introduces a new, comprehensive landing page for the home route and significantly expands both the German and English localization files to support the new content and footer structure.

Landing Page Redesign:

  • Replaces the previous composition of multiple home sections (HeroSection, OpenKnowledgeSection, etc.) in src/app/[locale]/page.tsx with a single LandingPage component, streamlining the home page rendering and paving the way for a unified, richer landing experience. (src/app/[locale]/page.tsxL1-R4)

Localization Enhancements:

  • Adds extensive new entries under homeLanding in both locales/de.json and locales/en.json, providing all text, labels, and content needed for the new landing page, including hero section, business areas, metrics, distinguishing features, values, and contact sections. [1] [2]
  • Updates and expands footer-related translations in both German and English, adding navigation, company, contact, tagline, and other footer elements to support a more informative and accessible footer. [1] [2]
    Brief description of changes made in this PR.

Type of Change

  • 🐛 Bug fix
  • ✨ New feature
  • 📝 Documentation update
  • 🎨 Style/formatting
  • ♻️ Refactor
  • 🔧 Configuration
  • ⚡ Performance
  • 🧪 Tests
  • 🔐 Security

Related Issue(s)

Closes #354

Changes Made

  • Change 1
  • Change 2
  • Change 3

How to Test

  1. Step 1
  2. Step 2
  3. Verify the expected behavior

Checklist

  • Code follows project style guidelines
  • Self-review conducted
  • Comments added for complex logic
  • Documentation updated (if needed)
  • No new warnings generated
  • Tests added/updated (if applicable)
  • All tests passing locally

…ctions

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
…ctions

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
…ctions

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
…ctions

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
…ctions

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@netlify

netlify Bot commented Jun 5, 2026

Copy link
Copy Markdown

Deploy Preview for open-elements ready!

Name Link
🔨 Latest commit 377de04
🔍 Latest deploy log https://app.netlify.com/projects/open-elements/deploys/6a30f3ab2e7a250008b0320e
😎 Deploy Preview https://deploy-preview-355--open-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 69
Accessibility: 98
Best Practices: 92
SEO: 100
PWA: 60
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@hendrikebbers hendrikebbers marked this pull request as draft June 6, 2026 11:48
@danielmarv danielmarv requested a review from Jexsie June 6, 2026 12:23
@Jexsie Jexsie requested a review from Copilot June 7, 2026 05:19

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR implements the new Figma landing page by replacing the previous multi-section home composition with a single LandingPage component, updating navbar/footer styling to match the new layout, and expanding EN/DE localization to support the new content structure.

Changes:

  • Replace the home route’s legacy section stack with a unified LandingPage component.
  • Redesign the footer structure (including mobile accordions) and adjust navbar visuals for the new landing layout.
  • Add/expand homeLanding and footer translation keys in locales/en.json and locales/de.json.

Reviewed changes

Copilot reviewed 12 out of 15 changed files in this pull request and generated 9 comments.

Show a summary per file
File Description
src/app/[locale]/page.tsx Switches the home route to render the new unified landing page component.
src/components/home/LandingPage.tsx Adds the new landing page layout and content structure driven by homeLanding translations.
src/components/Navbar.tsx Updates navbar styling and mobile header controls to fit the new design.
src/components/Footer.tsx Rebuilds footer into new column layout with mobile collapsible sections and new translation keys.
locales/en.json Adds homeLanding content and new footer keys for the redesigned footer.
locales/de.json Adds homeLanding content and new footer keys for the redesigned footer.
src/components/home/HeroSection.tsx Removes legacy home hero section (superseded by LandingPage).
src/components/home/OpenKnowledgeSection.tsx Removes legacy section (superseded by LandingPage).
src/components/home/OpenEventsSection.tsx Removes legacy section (superseded by LandingPage).
src/components/home/OpenSourceSection.tsx Removes legacy section (superseded by LandingPage).
src/components/home/OpenDoorsSection.tsx Removes legacy section (superseded by LandingPage).
src/components/home/OpenOfficeSection.tsx Removes legacy section (superseded by LandingPage).

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/Navbar.tsx
Comment thread src/components/Footer.tsx Outdated
Comment thread src/components/Footer.tsx Outdated
Comment thread src/components/Footer.tsx Outdated
Comment thread src/components/home/LandingPage.tsx Outdated
Comment thread locales/en.json Outdated
Comment thread locales/de.json Outdated
Comment thread locales/en.json
Comment thread locales/de.json
Jexsie
Jexsie previously requested changes Jun 7, 2026

@Jexsie Jexsie left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @danielmarv. The UI looks good to me. I just have a few suggestions.

  • Have different section as components under the home.
  • Have the dynamic content as a separate component
  • Separate reusable components like buttons, Icons, that are not specific for the Landing page
  • There is an issue with the layout of the hero-image /illustrations/home-bg-2.svg on ultra wide screens. It has been there already, not related to these changes

Comment thread src/components/home/LandingPage.tsx Outdated
Comment thread src/components/home/LandingPage.tsx Outdated
Comment thread src/components/home/LandingPage.tsx Outdated
Comment thread src/components/home/LandingPage.tsx Outdated
Comment thread src/components/home/LandingPage.tsx Outdated
…, and values

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@hendrikebbers

Copy link
Copy Markdown
Member

Some problems in the layout / ui:

Bildschirmfoto 2026-06-08 um 19 34 49 Bildschirmfoto 2026-06-08 um 19 35 43 Bildschirmfoto 2026-06-08 um 19 36 48 Bildschirmfoto 2026-06-08 um 19 37 24 Bildschirmfoto 2026-06-08 um 19 38 12 Bildschirmfoto 2026-06-08 um 19 39 35

@hendrikebbers

Copy link
Copy Markdown
Member

Final text for the page will be provided later the week

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@hendrikebbers

Copy link
Copy Markdown
Member
Bildschirmfoto 2026-06-15 um 16 38 20

On large screens parts of the hero section is "hidden"

@hendrikebbers

Copy link
Copy Markdown
Member

Text for the "numbers section":

500K+ — Daily downloads of Eclipse Temurin we co-maintain
3 — Foundations where we hold governance seats
4— Java Champions in our team
2027 — CRA in force — we're ready today

German:

500K+ — Tägliche Downloads von Eclipse Temurin, das wir mitbetreuen
3 — Stiftungen, in denen wir Governance-Sitze halten
4 — Java Champions in unserem Team
2027 — CRA tritt in Kraft — wir sind heute schon bereit

Shorter German alternatives:

500K+ — Tägliche Temurin-Downloads (von uns mitbetreut)
3 — Stiftungen mit Governance-Sitz
4 — Java Champions im Team
2027 — CRA-Stichtag — wir sind bereit

@hendrikebbers

Copy link
Copy Markdown
Member

Text for Foundation section:

Logo Eyebrow Text
Eclipse Foundation Board of Directors We help govern Europe's largest open-source foundation — home to Jakarta EE, Adoptium/Temurin and the Eclipse IDE.
Linux Foundation Member We contribute across the world's most influential open-source foundation, from decentralized trust to standards for AI agents.
Hiero TSC Chair We lead the technical direction of this open-source distributed-ledger project under LFDT.
LFDT — Decentralized Trust TAB Vice Chair We co-set the technical roadmap for digital trust, identity and secure supply chains.
Open Regulatory Compliance (ORC WG) Founding member We turn the Cyber Resilience Act into practical, workable rules for open source.
Apache Software Foundation Maintainers We maintain and govern projects you depend on — Maven, Log4j, Commons.

German:

Logo Eyebrow Text
Eclipse Foundation Board of Directors Wir helfen, Europas größte Open-Source-Stiftung zu lenken — die Heimat von Jakarta EE, Adoptium/Temurin und der Eclipse-IDE.
Linux Foundation Mitglied Wir engagieren uns in der einflussreichsten Open-Source-Stiftung der Welt — von Decentralized Trust bis zu Standards für KI-Agenten.
Hiero TSC Chair Wir leiten die technische Ausrichtung dieses quelloffenen Distributed-Ledger-Projekts unter dem Dach der LFDT.
LFDT — Decentralized Trust TAB Vice Chair Wir gestalten den technischen Fahrplan für digitales Vertrauen, Identität und sichere Lieferketten mit.
Open Regulatory Compliance (ORC WG) Gründungsmitglied Wir übersetzen den Cyber Resilience Act in praxistaugliche Regeln für Open Source.
Apache Software Foundation Maintainer Wir pflegen und verantworten Projekte, auf die ihr baut — Maven, Log4j, Commons.

…age asset

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@hendrikebbers

Copy link
Copy Markdown
Member

Some images should be changed to SVG version (attached)

05-software-launch 19-helper Asset 6- SVG transparent lfdt-stacked-color Logo-01 Support   Care-01

@hendrikebbers

Copy link
Copy Markdown
Member

Text for Support&Care

Left Section:

Element English Deutsch
Heading We maintain the open source your stack runs on. Wir pflegen die Open Source, auf der euer Stack läuft.
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. 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.

Right Section:

Element English Deutsch
Eyebrow Java base components Java-Basiskomponenten
Bullet 1 Security updates & LTS Sicherheits-Updates & LTS
Bullet 2 CRA compliance CRA-Konformität
Bullet 3 Direct line to the maintainers Direkt von den Maintainern

@hendrikebbers

Copy link
Copy Markdown
Member

Text for Digital Trust

Left Section:

Element English Deutsch
Heading Trust you can verify. Vertrauen, das sich überprüfen lässt.
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. 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.

Right Section:

Element English Deutsch
Eyebrow Digital trust Digitales Vertrauen
Bullet 1 Verifiable credentials Verifizierbare Nachweise
Bullet 2 Hiero distributed ledger Distributed Ledger Hiero
Bullet 3 Open infrastructure Offene Infrastruktur

@hendrikebbers

Copy link
Copy Markdown
Member
Bildschirmfoto 2026-06-15 um 21 38 43

Button should be removed for now since we don not have a page for the topic

@hendrikebbers

Copy link
Copy Markdown
Member
Bildschirmfoto 2026-06-15 um 21 39 51

This section should be removed for now

@hendrikebbers

Copy link
Copy Markdown
Member
Bildschirmfoto 2026-06-15 um 21 40 49

We still wait to get approval for that quality marks. Until than we should remove them

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@github-actions github-actions Bot added the tests label Jun 16, 2026
Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@danielmarv danielmarv marked this pull request as ready for review June 16, 2026 05:25
@hendrikebbers

Copy link
Copy Markdown
Member

Update for the paragraph in the Hero section

Sprache Text
Deutsch 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.
English 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.

@hendrikebbers

Copy link
Copy Markdown
Member

"Success stories" in hero should be removed since we have no official story published.

Signed-off-by: Ntege Daniel <danientege785@gmail.com>
Signed-off-by: Ntege Daniel <danientege785@gmail.com>
@danielmarv danielmarv merged commit 5dae149 into main Jun 16, 2026
11 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New Layout for Landing Page

4 participants