From 5ffbb242a2bcddb9c54b326b94313aeea8f18f6f Mon Sep 17 00:00:00 2001
From: Jessie Ssebuliba <jessiessebuliba@gmail.com>
Date: Thu, 9 Apr 2026 10:51:22 +0300
Subject: [PATCH 1/3] update support and care url

Signed-off-by: Jessie Ssebuliba <jessiessebuliba@gmail.com>
---
 .../component-logos/apache-commons.svg        |   0
 .../component-logos/apache-log4j.png          | Bin
 .../component-logos/apache-maven.svg          |   0
 .../component-logos/eclipse-temurin.svg       |   0
 .../component-logos/junit.svg                 |   0
 .../foundation-logos/afs.svg                  |   0
 .../foundation-logos/eclipse.png              | Bin
 .../foundation-logos/lf.svg                   |   0
 .../networking.png                            | Bin
 .../oe-delivers-container.png                 | Bin
 .../os-benefits-de.png                        | Bin
 .../os-benefits.png                           | Bin
 .../pyramid.png                               | Bin
 .../roundtable.png                            | Bin
 .../services-pictograms/custom-containers.svg |   0
 .../services-pictograms/documentation.svg     |   0
 .../services-pictograms/long-term-support.svg |   0
 .../services-pictograms/security.svg          |   0
 .../services-pictograms/workshops.svg         |   0
 .../support-and-care-logo.svg                 |   0
 .../support-care-logo.svg                     |   0
 .../tree.png                                  | Bin
 src/app/[locale]/newsletter/page.tsx          |  11 +-
 src/app/[locale]/support-care-maven/page.tsx  | 763 +-----------------
 .../layout.tsx                                |   0
 src/app/[locale]/support-care/page.tsx        | 757 +++++++++++++++++
 src/data-temp/mainMenu.json                   |   4 +-
 src/data/mainMenu.json                        |   4 +-
 28 files changed, 773 insertions(+), 766 deletions(-)
 rename public/{support-care-maven => support-care}/component-logos/apache-commons.svg (100%)
 rename public/{support-care-maven => support-care}/component-logos/apache-log4j.png (100%)
 rename public/{support-care-maven => support-care}/component-logos/apache-maven.svg (100%)
 rename public/{support-care-maven => support-care}/component-logos/eclipse-temurin.svg (100%)
 rename public/{support-care-maven => support-care}/component-logos/junit.svg (100%)
 rename public/{support-care-maven => support-care}/foundation-logos/afs.svg (100%)
 rename public/{support-care-maven => support-care}/foundation-logos/eclipse.png (100%)
 rename public/{support-care-maven => support-care}/foundation-logos/lf.svg (100%)
 rename public/{support-care-maven => support-care}/networking.png (100%)
 rename public/{support-care-maven => support-care}/oe-delivers-container.png (100%)
 rename public/{support-care-maven => support-care}/os-benefits-de.png (100%)
 rename public/{support-care-maven => support-care}/os-benefits.png (100%)
 rename public/{support-care-maven => support-care}/pyramid.png (100%)
 rename public/{support-care-maven => support-care}/roundtable.png (100%)
 rename public/{support-care-maven => support-care}/services-pictograms/custom-containers.svg (100%)
 rename public/{support-care-maven => support-care}/services-pictograms/documentation.svg (100%)
 rename public/{support-care-maven => support-care}/services-pictograms/long-term-support.svg (100%)
 rename public/{support-care-maven => support-care}/services-pictograms/security.svg (100%)
 rename public/{support-care-maven => support-care}/services-pictograms/workshops.svg (100%)
 rename public/{support-care-maven => support-care}/support-and-care-logo.svg (100%)
 rename public/{support-care-maven => support-care}/support-care-logo.svg (100%)
 rename public/{support-care-maven => support-care}/tree.png (100%)
 rename src/app/[locale]/{support-care-maven => support-care}/layout.tsx (100%)
 create mode 100644 src/app/[locale]/support-care/page.tsx

diff --git a/public/support-care-maven/component-logos/apache-commons.svg b/public/support-care/component-logos/apache-commons.svg
similarity index 100%
rename from public/support-care-maven/component-logos/apache-commons.svg
rename to public/support-care/component-logos/apache-commons.svg
diff --git a/public/support-care-maven/component-logos/apache-log4j.png b/public/support-care/component-logos/apache-log4j.png
similarity index 100%
rename from public/support-care-maven/component-logos/apache-log4j.png
rename to public/support-care/component-logos/apache-log4j.png
diff --git a/public/support-care-maven/component-logos/apache-maven.svg b/public/support-care/component-logos/apache-maven.svg
similarity index 100%
rename from public/support-care-maven/component-logos/apache-maven.svg
rename to public/support-care/component-logos/apache-maven.svg
diff --git a/public/support-care-maven/component-logos/eclipse-temurin.svg b/public/support-care/component-logos/eclipse-temurin.svg
similarity index 100%
rename from public/support-care-maven/component-logos/eclipse-temurin.svg
rename to public/support-care/component-logos/eclipse-temurin.svg
diff --git a/public/support-care-maven/component-logos/junit.svg b/public/support-care/component-logos/junit.svg
similarity index 100%
rename from public/support-care-maven/component-logos/junit.svg
rename to public/support-care/component-logos/junit.svg
diff --git a/public/support-care-maven/foundation-logos/afs.svg b/public/support-care/foundation-logos/afs.svg
similarity index 100%
rename from public/support-care-maven/foundation-logos/afs.svg
rename to public/support-care/foundation-logos/afs.svg
diff --git a/public/support-care-maven/foundation-logos/eclipse.png b/public/support-care/foundation-logos/eclipse.png
similarity index 100%
rename from public/support-care-maven/foundation-logos/eclipse.png
rename to public/support-care/foundation-logos/eclipse.png
diff --git a/public/support-care-maven/foundation-logos/lf.svg b/public/support-care/foundation-logos/lf.svg
similarity index 100%
rename from public/support-care-maven/foundation-logos/lf.svg
rename to public/support-care/foundation-logos/lf.svg
diff --git a/public/support-care-maven/networking.png b/public/support-care/networking.png
similarity index 100%
rename from public/support-care-maven/networking.png
rename to public/support-care/networking.png
diff --git a/public/support-care-maven/oe-delivers-container.png b/public/support-care/oe-delivers-container.png
similarity index 100%
rename from public/support-care-maven/oe-delivers-container.png
rename to public/support-care/oe-delivers-container.png
diff --git a/public/support-care-maven/os-benefits-de.png b/public/support-care/os-benefits-de.png
similarity index 100%
rename from public/support-care-maven/os-benefits-de.png
rename to public/support-care/os-benefits-de.png
diff --git a/public/support-care-maven/os-benefits.png b/public/support-care/os-benefits.png
similarity index 100%
rename from public/support-care-maven/os-benefits.png
rename to public/support-care/os-benefits.png
diff --git a/public/support-care-maven/pyramid.png b/public/support-care/pyramid.png
similarity index 100%
rename from public/support-care-maven/pyramid.png
rename to public/support-care/pyramid.png
diff --git a/public/support-care-maven/roundtable.png b/public/support-care/roundtable.png
similarity index 100%
rename from public/support-care-maven/roundtable.png
rename to public/support-care/roundtable.png
diff --git a/public/support-care-maven/services-pictograms/custom-containers.svg b/public/support-care/services-pictograms/custom-containers.svg
similarity index 100%
rename from public/support-care-maven/services-pictograms/custom-containers.svg
rename to public/support-care/services-pictograms/custom-containers.svg
diff --git a/public/support-care-maven/services-pictograms/documentation.svg b/public/support-care/services-pictograms/documentation.svg
similarity index 100%
rename from public/support-care-maven/services-pictograms/documentation.svg
rename to public/support-care/services-pictograms/documentation.svg
diff --git a/public/support-care-maven/services-pictograms/long-term-support.svg b/public/support-care/services-pictograms/long-term-support.svg
similarity index 100%
rename from public/support-care-maven/services-pictograms/long-term-support.svg
rename to public/support-care/services-pictograms/long-term-support.svg
diff --git a/public/support-care-maven/services-pictograms/security.svg b/public/support-care/services-pictograms/security.svg
similarity index 100%
rename from public/support-care-maven/services-pictograms/security.svg
rename to public/support-care/services-pictograms/security.svg
diff --git a/public/support-care-maven/services-pictograms/workshops.svg b/public/support-care/services-pictograms/workshops.svg
similarity index 100%
rename from public/support-care-maven/services-pictograms/workshops.svg
rename to public/support-care/services-pictograms/workshops.svg
diff --git a/public/support-care-maven/support-and-care-logo.svg b/public/support-care/support-and-care-logo.svg
similarity index 100%
rename from public/support-care-maven/support-and-care-logo.svg
rename to public/support-care/support-and-care-logo.svg
diff --git a/public/support-care-maven/support-care-logo.svg b/public/support-care/support-care-logo.svg
similarity index 100%
rename from public/support-care-maven/support-care-logo.svg
rename to public/support-care/support-care-logo.svg
diff --git a/public/support-care-maven/tree.png b/public/support-care/tree.png
similarity index 100%
rename from public/support-care-maven/tree.png
rename to public/support-care/tree.png
diff --git a/src/app/[locale]/newsletter/page.tsx b/src/app/[locale]/newsletter/page.tsx
index be8461f6..8702d990 100644
--- a/src/app/[locale]/newsletter/page.tsx
+++ b/src/app/[locale]/newsletter/page.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
-import { notFound } from 'next/navigation';
 import Image from 'next/image';
+import { redirect } from '@/i18n/routing';
 import NewsletterForm from '@/components/newsletter/NewsletterForm';
 
 interface NewsletterPageProps {
@@ -14,13 +14,6 @@ export async function generateMetadata({
 }: NewsletterPageProps): Promise<Metadata> {
   const { locale } = await params;
 
-  if (locale !== 'de') {
-    return {
-      title: 'Page Not Available - Open Elements',
-      description: 'This page is not available in this language',
-    };
-  }
-
   const title = 'Newsletter - Open Elements';
   const description =
     'Melde dich zu unserem Newsletter an, um auf dem Laufenden zu bleiben.';
@@ -51,7 +44,7 @@ export default async function NewsletterPage({ params }: NewsletterPageProps) {
   const { locale } = await params;
 
   if (locale !== 'de') {
-    notFound();
+    redirect({ href: '/newsletter', locale: 'de' });
   }
 
   return (
diff --git a/src/app/[locale]/support-care-maven/page.tsx b/src/app/[locale]/support-care-maven/page.tsx
index f8cb8949..c3caa316 100644
--- a/src/app/[locale]/support-care-maven/page.tsx
+++ b/src/app/[locale]/support-care-maven/page.tsx
@@ -1,757 +1,14 @@
-'use client';
+import { redirect } from '@/i18n/routing';
 
-import { useTranslations } from 'next-intl';
-import Image from 'next/image';
-import Link from 'next/link';
-
-export default function SupportCareMavenPage() {
-  const t = useTranslations('support_care.landingpage');
-  const tm = useTranslations('support_care.maven');
-
-  return (
-    <div className="relative">
-      <div className="container pb-40">
-        <div className="max-w-5xl mx-auto prose prose-p:text-blue prose-headings:text-blue text-blue relative z-10">
-          {/* Hero Section */}
-          <div className="flex items-center justify-center pt-16 sm:pt-24">
-            <Image
-              src="/support-care-maven/support-and-care-logo.svg"
-              alt={t('logoAlt')}
-              className="w-4/5"
-              width={768}
-              height={200}
-            />
-          </div>
-          <div className="text-center mb-6">
-            <p
-              className="text-[1.2rem] max-w-[900px] mx-auto mb-4 leading-relaxed"
-              style={{ color: '#5CBA9E', fontWeight: 400 }}>
-              {t('heroParagraph')}
-            </p>
-            {/* Component logos row */}
-            <div className="flex flex-wrap justify-center items-center gap-5 mx-auto mb-5">
-              <Image
-                src="/support-care-maven/component-logos/eclipse-temurin.svg"
-                alt="Eclipse Temurin"
-                width={225}
-                height={48}
-                className="h-7 w-auto opacity-70 my-0"
-              />
-              <Image
-                src="/support-care-maven/component-logos/apache-maven.svg"
-                alt="Apache Maven"
-                width={190}
-                height={48}
-                className="h-7 w-auto opacity-70 my-0"
-              />
-              <Image
-                src="/support-care-maven/component-logos/junit.svg"
-                alt="JUnit"
-                width={169}
-                height={48}
-                className="h-7 w-auto opacity-70 my-0"
-              />
-              <Image
-                src="/support-care-maven/component-logos/apache-log4j.png"
-                alt="Apache Log4j"
-                width={116}
-                height={48}
-                className="h-7 w-auto opacity-70 my-0"
-              />
-              <Image
-                src="/support-care-maven/component-logos/apache-commons.svg"
-                alt="Apache Commons"
-                width={110}
-                height={48}
-                className="h-7 w-auto opacity-70 my-0"
-              />
-            </div>
-            <p className="text-base mx-auto mb-6 leading-relaxed">
-              {t('heroBody')}
-            </p>
-            <div className="flex flex-wrap justify-center gap-4 mb-6">
-              <Link
-                href="/contact"
-                className="inline-flex shrink-0 items-center justify-center gap-3 px-6 py-3.5 text-lg font-bold text-white text-center bg-sky rounded-full transition-all duration-150 ease-in-out hover:bg-sky-200 hover:shadow-lg no-underline"
-                style={{ color: 'white' }}>
-                {t('heroContact')}
-              </Link>
-              <Link
-                href="#our-services"
-                className="inline-flex shrink-0 items-center justify-center gap-3 px-6 py-3.5 text-lg font-bold text-white text-center bg-sky rounded-full transition-all duration-150 ease-in-out hover:bg-sky-200 hover:shadow-lg no-underline"
-                style={{ color: 'white' }}>
-                {t('heroDiscover')}
-              </Link>
-            </div>
-          </div>
-
-          <hr className="border-t-2 border-gray-200 w-2/5 mx-auto my-10" />
-
-          {/* The Problem Section */}
-          <h2 id="the-problem" className="scroll-mt-48">
-            {t('problemTitle')}
-          </h2>
-          <p>{t('problemP1')}</p>
-          <div
-            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
-            style={{
-              backgroundColor: '#DFF1FD',
-              borderColor: '#5DB9F5',
-              color: '#020144',
-              fontWeight: 600,
-            }}>
-            {t('problemHighlight')}
-          </div>
-          <p>{t('problemP2')}</p>
-          <p>
-            <strong>{t('problemBulletTitle')}</strong>
-          </p>
-          <ul>
-            <li>{t('problemBullet1')}</li>
-            <li>
-              {t('problemBullet2').split('Log4Shell')[0]}
-              <a
-                href="https://www.bsi.bund.de/DE/Themen/Verbraucherinnen-und-Verbraucher/Cyber-Sicherheitslage/Schwachstelle-log4Shell-Java-Bibliothek/log4j_node.html"
-                target="_blank"
-                rel="noopener"
-                className="text-purple-700 hover:underline">
-                {t('problemBullet2Link')}
-              </a>
-              {t('problemBullet2').split('Log4Shell')[1]}
-            </li>
-            <li>{t('problemBullet3')}</li>
-          </ul>
-
-          {/* Supported Components Section */}
-          <h2 id="supported-components" className="scroll-mt-48">
-            {t('componentsTitle')}
-          </h2>
-          <p>{t('componentsIntro')}</p>
-
-          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
-            {[
-              {
-                img: '/support-care-maven/component-logos/eclipse-temurin.svg',
-                name: t('temurin.name'),
-                desc: t('temurin.desc'),
-                alt: 'Eclipse Temurin',
-                width: 225,
-              },
-              {
-                img: '/support-care-maven/component-logos/apache-maven.svg',
-                name: t('maven.name'),
-                desc: t('maven.desc'),
-                alt: 'Apache Maven',
-                width: 190,
-              },
-              {
-                img: '/support-care-maven/component-logos/junit.svg',
-                name: t('junit.name'),
-                desc: t('junit.desc'),
-                alt: 'JUnit',
-                width: 169,
-              },
-              {
-                img: '/support-care-maven/component-logos/apache-log4j.png',
-                name: t('log4j.name'),
-                desc: t('log4j.desc'),
-                alt: 'Apache Log4j',
-                width: 116,
-              },
-              {
-                img: '/support-care-maven/component-logos/apache-commons.svg',
-                name: t('commons.name'),
-                desc: t('commons.desc'),
-                alt: 'Apache Commons',
-                width: 110,
-              },
-            ].map(comp => (
-              <div
-                key={comp.alt}
-                className="text-center p-6 border border-gray-200 rounded-2xl w-80 flex-shrink-0">
-                <Image
-                  src={comp.img}
-                  alt={comp.alt}
-                  width={comp.width}
-                  height={48}
-                  className="h-12 w-auto mx-auto mb-4 object-contain"
-                />
-                <strong className="block text-[0.95rem] text-blue">
-                  {comp.name}
-                </strong>
-                <p
-                  className="mt-3 text-[0.9rem] leading-relaxed text-blue"
-                  dangerouslySetInnerHTML={{ __html: comp.desc }}
-                />
-              </div>
-            ))}
-          </div>
-
-          <div
-            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
-            style={{
-              backgroundColor: '#DFF1FD',
-              borderColor: '#5DB9F5',
-              color: '#020144',
-              fontWeight: 600,
-            }}>
-            {t('componentsHighlight')}
-          </div>
-
-          {/* Where Support & Care Steps In */}
-          <h2 id="where-support-care-steps-in" className="scroll-mt-48">
-            {t('layersTitle')}
-          </h2>
-          <p>{t('layersIntro')}</p>
-
-          <div className="flex items-center justify-center my-6">
-            <Image
-              src="/support-care-maven/pyramid.png"
-              alt={t('pyramidAlt')}
-              className="w-3/5"
-              width={1902}
-              height={1496}
-            />
-          </div>
-
-          <ol>
-            <li>
-              <strong>{t('layer1')}</strong>
-              <br />
-              {t('layer1Desc')}
-            </li>
-            <li>
-              <strong>{t('layer2')}</strong>
-              <br />
-              {t('layer2Desc')}
-            </li>
-            <li>
-              <strong>{t('layer3')}</strong>
-              <br />
-              {t('layer3Desc')}
-            </li>
-          </ol>
-
-          <div
-            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
-            style={{
-              backgroundColor: '#DFF1FD',
-              borderColor: '#5DB9F5',
-              color: '#020144',
-              fontWeight: 600,
-            }}>
-            {t('layersHighlight').split('Log4Shell')[0]}
-            <a
-              href="https://www.bsi.bund.de/DE/Themen/Verbraucherinnen-und-Verbraucher/Cyber-Sicherheitslage/Schwachstelle-log4Shell-Java-Bibliothek/log4j_node.html"
-              target="_blank"
-              rel="noopener"
-              className="text-purple-700 hover:underline">
-              Log4Shell
-            </a>
-            {t('layersHighlight').split('Log4Shell')[1]}
-          </div>
-
-          {/* Our Services Section */}
-          <h2 id="our-services" className="scroll-mt-48">
-            {t('servicesTitle')}
-          </h2>
-          <p>{t('servicesIntro')}</p>
-
-          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
-            {[
-              {
-                img: '/support-care-maven/services-pictograms/long-term-support.svg',
-                name: t('lts.name'),
-                desc: t('lts.desc'),
-              },
-              {
-                img: '/support-care-maven/services-pictograms/security.svg',
-                name: t('security.name'),
-                desc: t('security.desc'),
-              },
-              {
-                img: '/support-care-maven/services-pictograms/documentation.svg',
-                name: t('documentation.name'),
-                desc: t('documentation.desc'),
-              },
-              {
-                img: '/support-care-maven/services-pictograms/workshops.svg',
-                name: t('workshops.name'),
-                desc: t('workshops.desc'),
-              },
-              {
-                img: '/support-care-maven/services-pictograms/workshops.svg',
-                name: t('webinars.name'),
-                desc: t('webinars.desc'),
-              },
-              {
-                img: '/support-care-maven/services-pictograms/custom-containers.svg',
-                name: t('customBuilds.name'),
-                desc: t('customBuilds.desc'),
-              },
-            ].map(svc => (
-              <div
-                key={svc.name}
-                className="text-center p-6 border border-gray-200 rounded-2xl w-80 flex-shrink-0">
-                <Image
-                  src={svc.img}
-                  alt={svc.name}
-                  width={96}
-                  height={96}
-                  className="h-24 mx-auto mb-4 object-contain"
-                />
-                <strong className="block text-[0.95rem] text-blue">
-                  {svc.name}
-                </strong>
-                <p className="mt-3 text-[0.9rem] leading-relaxed text-blue">
-                  {svc.desc}
-                </p>
-              </div>
-            ))}
-          </div>
-
-          {/* CRA Section */}
-          <h3 id="cra" className="scroll-mt-48">
-            {t('craTitle')}
-          </h3>
-          <p>{t('craP1')}</p>
-          <p>
-            <strong>{t('craBulletTitle')}</strong>
-          </p>
-          <ul>
-            <li>{t('craBullet1')}</li>
-            <li>{t('craBullet2')}</li>
-            <li>{t('craBullet3')}</li>
-            <li>{t('craBullet4')}</li>
-            <li>{t('craBullet5')}</li>
-            <li>{t('craBullet6')}</li>
-          </ul>
-          <div
-            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
-            style={{
-              backgroundColor: '#DFF1FD',
-              borderColor: '#5DB9F5',
-              color: '#020144',
-              fontWeight: 600,
-            }}>
-            {t('craHighlight')}
-          </div>
-
-          {/* Hardened Containers Section */}
-          <h3 id="hardened-containers" className="scroll-mt-48">
-            {t('containersTitle')}
-          </h3>
-          <p>{t('containersP1')}</p>
-          <p>{t('containersP2')}</p>
-          <p>
-            <strong>{t('containersBulletTitle')}</strong>
-          </p>
-          <ul>
-            <li>{t('containersBullet1')}</li>
-            <li>{t('containersBullet2')}</li>
-            <li>{t('containersBullet3')}</li>
-            <li>{t('containersBullet4')}</li>
-            <li>{t('containersBullet5')}</li>
-          </ul>
-
-          <div className="flex items-center justify-center my-6">
-            <Image
-              src="/support-care-maven/oe-delivers-container.png"
-              alt={t('containersImgAlt')}
-              className="w-3/5"
-              width={3330}
-              height={1218}
-            />
-          </div>
-          <p className="text-center text-sm text-gray-500 -mt-4">
-            {t('containersImgAlt')}
-          </p>
-
-          {/* Our Model Section */}
-          <h2 id="our-model" className="scroll-mt-48">
-            {t('modelTitle')}
-          </h2>
-          <p>{t('modelP1')}</p>
-          <p>{t('modelSubtitle')}</p>
-          <ul>
-            <li>
-              <strong>1.</strong> {t('modelPrinciple1')}
-            </li>
-            <li>
-              <strong>2.</strong> {t('modelPrinciple2')}
-            </li>
-            <li>
-              <strong>3.</strong> {t('modelPrinciple3')}
-              <ul>
-                <li>{t('modelBullet1')}</li>
-                <li>{t('modelBullet2')}</li>
-                <li>{t('modelBullet3')}</li>
-                <li>{t('modelBullet4')}</li>
-              </ul>
-            </li>
-          </ul>
-
-          <div
-            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
-            style={{
-              backgroundColor: '#DFF1FD',
-              borderColor: '#5DB9F5',
-              color: '#020144',
-              fontWeight: 600,
-            }}>
-            {t('modelHighlight')}
-          </div>
-
-          <p>{t('modelP2')}</p>
-
-          {/* Subscription Packages */}
-          <div className="grid lg:grid-cols-3 lg:max-w-full max-w-sm mx-auto lg:gap-6 gap-9 lg:mt-12 sm:mt-6 mt-4 not-prose">
-            {/* Basic Subscription */}
-            <div className="flex flex-col items-center gap-8 justify-between border border-yellow-200/45 rounded-[30px] pb-5 pt-7 px-6 shadow-2xl shadow-yellow-200/20">
-              <div className="flex flex-col gap-3 items-center">
-                <div className="bg-yellow-50 inline-block rounded-full px-5 py-2 text-yellow-200 text-center xl:text-lg lg:text-base text-lg font-bold">
-                  {tm('basic.name')}
-                </div>
-                <Image
-                  src="/illustrations/support-care-subscription/basic.svg"
-                  className="size-48 object-contain mt-2 mb-0"
-                  alt=""
-                  width={800}
-                  height={800}
-                />
-                <ul className="mt-2 text-sm list-none pl-0 flex flex-col gap-1">
-                  {[
-                    'bullet1',
-                    'bullet2',
-                    'bullet3',
-                    'bullet4',
-                    'bullet5',
-                    'bullet6',
-                  ].map(b => (
-                    <li key={b}>
-                      <div className="flex items-start gap-2">
-                        <Image
-                          src="/illustrations/general/yellow-checkmark.svg"
-                          className="size-4 shrink-0 mt-0.5 mb-0"
-                          alt=""
-                          width={16}
-                          height={16}
-                        />
-                        <span
-                          dangerouslySetInnerHTML={{
-                            __html: tm.raw(`basic.${b}`),
-                          }}
-                        />
-                      </div>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <Link
-                href="/contact"
-                className="text-lg w-full font-bold no-underline text-white text-center bg-yellow-300 rounded-full px-4 py-2 hover:bg-yellow-400 transition-all ease-in-out duration-150 active:shadow-none hover:shadow-md">
-                {tm('contactUs')}
-              </Link>
-            </div>
-            {/* Standard Subscription */}
-            <div className="flex flex-col items-center gap-8 justify-between border border-green/45 rounded-[30px] pb-5 pt-7 px-6 shadow-2xl shadow-green/20">
-              <div className="flex flex-col gap-3 items-center">
-                <div className="bg-green-50 inline-block rounded-full px-5 py-2 text-green text-center xl:text-lg lg:text-base text-lg font-bold">
-                  {tm('standard.name')}
-                </div>
-                <Image
-                  src="/illustrations/support-care-subscription/standard.svg"
-                  className="size-48 object-contain mt-2 mb-0"
-                  alt=""
-                  width={800}
-                  height={800}
-                />
-                <ul className="mt-2 text-sm list-none pl-0 flex flex-col gap-1">
-                  {[
-                    'bullet1',
-                    'bullet2',
-                    'bullet3',
-                    'bullet4',
-                    'bullet5',
-                    'bullet6',
-                    'bullet7',
-                    'bullet8',
-                  ].map(b => (
-                    <li key={b}>
-                      <div className="flex items-start gap-2">
-                        <Image
-                          src="/illustrations/general/green-checkmark.svg"
-                          className="size-4 shrink-0 mt-0.5 mb-0"
-                          alt=""
-                          width={16}
-                          height={16}
-                        />
-                        <span
-                          dangerouslySetInnerHTML={{
-                            __html: tm.raw(`standard.${b}`),
-                          }}
-                        />
-                      </div>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <Link
-                href="/contact"
-                className="text-lg w-full no-underline font-bold text-white text-center bg-green rounded-full px-4 py-2 hover:bg-green-300 transition-all ease-in-out duration-150 hover:shadow-md active:shadow-none">
-                {tm('contactUs')}
-              </Link>
-            </div>
-            {/* Premium Subscription */}
-            <div className="flex flex-col items-center gap-8 justify-between border border-sky/45 rounded-[30px] pb-5 pt-7 px-6 shadow-2xl shadow-sky/20">
-              <div className="flex flex-col gap-3 items-center">
-                <div className="bg-sky-100 inline-block rounded-full px-5 py-2 text-sky text-center xl:text-lg lg:text-base text-lg font-bold">
-                  {tm('premium.name')}
-                </div>
-                <Image
-                  src="/illustrations/support-care-subscription/premium.svg"
-                  className="size-48 object-contain mt-2 mb-0"
-                  alt=""
-                  width={800}
-                  height={800}
-                />
-                <ul className="mt-2 text-sm list-none pl-0 flex flex-col gap-1">
-                  {[
-                    'bullet1',
-                    'bullet2',
-                    'bullet3',
-                    'bullet4',
-                    'bullet5',
-                    'bullet6',
-                    'bullet7',
-                    'bullet8',
-                  ].map(b => (
-                    <li key={b}>
-                      <div className="flex items-start gap-2">
-                        <Image
-                          src="/illustrations/general/blue-checkmark.svg"
-                          className="size-4 shrink-0 mt-0.5 mb-0"
-                          alt=""
-                          width={16}
-                          height={16}
-                        />
-                        <span
-                          dangerouslySetInnerHTML={{
-                            __html: tm.raw(`premium.${b}`),
-                          }}
-                        />
-                      </div>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <Link
-                href="/contact"
-                className="text-lg w-full no-underline font-bold text-white text-center bg-sky rounded-full px-4 py-2 hover:bg-sky-200 transition-all ease-in-out duration-150 hover:shadow-md active:shadow-none">
-                {tm('contactUs')}
-              </Link>
-            </div>
-          </div>
-
-          {/* Why Open Elements */}
-          <h2 id="why-open-elements" className="scroll-mt-48 mt-16">
-            {t('whyTitle')}
-          </h2>
-          <p>{t('whyP1')}</p>
-
-          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
-            <Link
-              href="/about-hendrik/"
-              className="text-center w-44 no-underline"
-              style={{ color: 'inherit' }}>
-              <Image
-                src="/team/hendrik.jpg"
-                alt="Hendrik Ebbers"
-                width={120}
-                height={120}
-                className="w-[120px] h-[120px] rounded-full object-cover mx-auto mb-3 border-[3px] border-[#5DB9F5]"
-              />
-              <strong className="block text-[0.95rem] text-blue">
-                Hendrik Ebbers
-              </strong>
-              <span className="text-[0.8rem]" style={{ color: '#5CBA9E' }}>
-                {t('hendrikRole')}
-              </span>
-            </Link>
-            <Link
-              href="/employees/sandra"
-              className="text-center w-44 no-underline"
-              style={{ color: 'inherit' }}>
-              <Image
-                src="/team/sandra.jpg"
-                alt="Sandra Parsick"
-                width={120}
-                height={120}
-                className="w-[120px] h-[120px] rounded-full object-cover mx-auto mb-3 border-[3px] border-[#5DB9F5]"
-              />
-              <strong className="block text-[0.95rem] text-blue">
-                Sandra Parsick
-              </strong>
-              <span className="text-[0.8rem]" style={{ color: '#5CBA9E' }}>
-                {t('sandraRole')}
-              </span>
-            </Link>
-            <Link
-              href="/employees/sebastian"
-              className="text-center w-44 no-underline"
-              style={{ color: 'inherit' }}>
-              <Image
-                src="/team/sebastian.jpg"
-                alt="Sebastian Tiemann"
-                width={120}
-                height={120}
-                className="w-[120px] h-[120px] rounded-full object-cover mx-auto mb-3 border-[3px] border-[#5DB9F5]"
-              />
-              <strong className="block text-[0.95rem] text-blue">
-                Sebastian Tiemann
-              </strong>
-              <span className="text-[0.8rem]" style={{ color: '#5CBA9E' }}>
-                {t('sebastianRole')}
-              </span>
-            </Link>
-          </div>
-
-          <p>{t('whyP2')}</p>
-
-          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
-            {[
-              {
-                img: '/support-care-maven/foundation-logos/eclipse.png',
-                name: 'Eclipse Foundation',
-                desc: t('eclipseDesc'),
-                imgWidth: 180,
-                imgHeight: 64,
-              },
-              {
-                img: '/support-care-maven/foundation-logos/lf.svg',
-                name: 'Linux Foundation',
-                desc: t('lfDesc'),
-                imgWidth: 120,
-                imgHeight: 64,
-              },
-              {
-                img: '/support-care-maven/foundation-logos/afs.svg',
-                name: 'Apache Software Foundation',
-                desc: t('asfDesc'),
-                imgWidth: 120,
-                imgHeight: 64,
-              },
-            ].map(f => (
-              <div
-                key={f.name}
-                className="text-center p-6 border border-gray-200 rounded-2xl w-80 flex-shrink-0">
-                <Image
-                  src={f.img}
-                  alt={f.name}
-                  width={f.imgWidth}
-                  height={f.imgHeight}
-                  className="h-16 mx-auto mb-4 object-contain"
-                />
-                <strong className="block text-[0.95rem] text-blue">
-                  {f.name}
-                </strong>
-                <p className="mt-3 text-[0.9rem] leading-relaxed text-blue">
-                  {f.desc}
-                </p>
-              </div>
-            ))}
-          </div>
-
-          <div
-            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
-            style={{
-              backgroundColor: '#DFF1FD',
-              borderColor: '#5DB9F5',
-              color: '#020144',
-              fontWeight: 600,
-            }}>
-            {t('whyHighlight')}
-          </div>
-
-          {/* FAQ Section */}
-          <h2 id="faq" className="scroll-mt-48">
-            {t('faqTitle')}
-          </h2>
-
-          <div className="flex flex-col gap-4 my-8 not-prose">
-            {[
-              { q: t('faq1Q'), a: t('faq1A') },
-              { q: t('faq2Q'), a: t('faq2A') },
-              { q: t('faq3Q'), a: t('faq3A') },
-              { q: t('faq4Q'), a: t('faq4A') },
-              { q: t('faq5Q'), a: t('faq5A') },
-              { q: t('faq6Q'), a: t('faq6A') },
-              { q: t('faq7Q'), a: t('faq7A') },
-            ].map((faq, i) => (
-              <details
-                key={i}
-                className="border border-gray-200 rounded-xl px-6 py-5 cursor-pointer">
-                <summary
-                  style={{
-                    color: '#020144',
-                    fontSize: '1.05rem',
-                    fontWeight: 700,
-                  }}>
-                  {faq.q}
-                </summary>
-                <p className="mt-3 leading-relaxed text-blue">{faq.a}</p>
-              </details>
-            ))}
-          </div>
-
-          {/* CTA Section */}
-          <h2 id="get-in-touch" className="scroll-mt-48">
-            {t('ctaTitle')}
-          </h2>
-          <p>{t('ctaP1')}</p>
-
-          <div className="flex justify-center my-6">
-            <Link
-              href="/contact"
-              className="inline-flex shrink-0 items-center justify-center gap-3 px-6 py-3.5 text-lg font-bold text-white text-center bg-sky rounded-full transition-all duration-150 ease-in-out hover:bg-sky-200 hover:shadow-lg no-underline"
-              style={{ color: 'white' }}>
-              {t('ctaContact')}
-            </Link>
-          </div>
+interface RedirectPageProps {
+  params: Promise<{
+    locale: string;
+  }>;
+}
 
-          {/* Footnotes */}
-          <hr className="border-t border-gray-200 mt-12 mb-6" />
-          <div className="text-xs text-gray-500 leading-8 not-prose">
-            <sup>1</sup> {t('footnote1')}
-            <br />
-            <sup>2</sup> {t('footnote2')}
-            <br />
-            <sup>3</sup> {t('footnote3')}
-            <br />
-            <sup>4</sup> {t('footnote4')}
-            <br />
-            <sup>5</sup> {t('footnote5')}
-          </div>
-        </div>
+export default async function RedirectPage({ params }: RedirectPageProps) {
+  const { locale } = await params;
 
-        {/* Decorative Circles at Bottom */}
-        <div className="absolute sm:block hidden bottom-0 left-0 w-full overflow-hidden pointer-events-none opacity-70">
-          <Image
-            className="w-96 h-96"
-            src="/illustrations/round-1.svg"
-            alt=""
-            width={384}
-            height={384}
-          />
-          <Image
-            className="w-64 h-64"
-            src="/illustrations/round-1.svg"
-            alt=""
-            width={256}
-            height={256}
-          />
-        </div>
-      </div>
-    </div>
-  );
+  // Forward legacy URL natively to the correct new domain.
+  redirect({ href: '/support-care', locale });
 }
diff --git a/src/app/[locale]/support-care-maven/layout.tsx b/src/app/[locale]/support-care/layout.tsx
similarity index 100%
rename from src/app/[locale]/support-care-maven/layout.tsx
rename to src/app/[locale]/support-care/layout.tsx
diff --git a/src/app/[locale]/support-care/page.tsx b/src/app/[locale]/support-care/page.tsx
new file mode 100644
index 00000000..a527aa86
--- /dev/null
+++ b/src/app/[locale]/support-care/page.tsx
@@ -0,0 +1,757 @@
+'use client';
+
+import { useTranslations } from 'next-intl';
+import Image from 'next/image';
+import Link from 'next/link';
+
+export default function SupportCareMavenPage() {
+  const t = useTranslations('support_care.landingpage');
+  const tm = useTranslations('support_care.maven');
+
+  return (
+    <div className="relative">
+      <div className="container pb-40">
+        <div className="max-w-5xl mx-auto prose prose-p:text-blue prose-headings:text-blue text-blue relative z-10">
+          {/* Hero Section */}
+          <div className="flex items-center justify-center pt-16 sm:pt-24">
+            <Image
+              src="/support-care/support-and-care-logo.svg"
+              alt={t('logoAlt')}
+              className="w-4/5"
+              width={768}
+              height={200}
+            />
+          </div>
+          <div className="text-center mb-6">
+            <p
+              className="text-[1.2rem] max-w-[900px] mx-auto mb-4 leading-relaxed"
+              style={{ color: '#5CBA9E', fontWeight: 400 }}>
+              {t('heroParagraph')}
+            </p>
+            {/* Component logos row */}
+            <div className="flex flex-wrap justify-center items-center gap-5 mx-auto mb-5">
+              <Image
+                src="/support-care/component-logos/eclipse-temurin.svg"
+                alt="Eclipse Temurin"
+                width={225}
+                height={48}
+                className="h-7 w-auto opacity-70 my-0"
+              />
+              <Image
+                src="/support-care/component-logos/apache-maven.svg"
+                alt="Apache Maven"
+                width={190}
+                height={48}
+                className="h-7 w-auto opacity-70 my-0"
+              />
+              <Image
+                src="/support-care/component-logos/junit.svg"
+                alt="JUnit"
+                width={169}
+                height={48}
+                className="h-7 w-auto opacity-70 my-0"
+              />
+              <Image
+                src="/support-care/component-logos/apache-log4j.png"
+                alt="Apache Log4j"
+                width={116}
+                height={48}
+                className="h-7 w-auto opacity-70 my-0"
+              />
+              <Image
+                src="/support-care/component-logos/apache-commons.svg"
+                alt="Apache Commons"
+                width={110}
+                height={48}
+                className="h-7 w-auto opacity-70 my-0"
+              />
+            </div>
+            <p className="text-base mx-auto mb-6 leading-relaxed">
+              {t('heroBody')}
+            </p>
+            <div className="flex flex-wrap justify-center gap-4 mb-6">
+              <Link
+                href="/contact"
+                className="inline-flex shrink-0 items-center justify-center gap-3 px-6 py-3.5 text-lg font-bold text-white text-center bg-sky rounded-full transition-all duration-150 ease-in-out hover:bg-sky-200 hover:shadow-lg no-underline"
+                style={{ color: 'white' }}>
+                {t('heroContact')}
+              </Link>
+              <Link
+                href="#our-services"
+                className="inline-flex shrink-0 items-center justify-center gap-3 px-6 py-3.5 text-lg font-bold text-white text-center bg-sky rounded-full transition-all duration-150 ease-in-out hover:bg-sky-200 hover:shadow-lg no-underline"
+                style={{ color: 'white' }}>
+                {t('heroDiscover')}
+              </Link>
+            </div>
+          </div>
+
+          <hr className="border-t-2 border-gray-200 w-2/5 mx-auto my-10" />
+
+          {/* The Problem Section */}
+          <h2 id="the-problem" className="scroll-mt-48">
+            {t('problemTitle')}
+          </h2>
+          <p>{t('problemP1')}</p>
+          <div
+            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
+            style={{
+              backgroundColor: '#DFF1FD',
+              borderColor: '#5DB9F5',
+              color: '#020144',
+              fontWeight: 600,
+            }}>
+            {t('problemHighlight')}
+          </div>
+          <p>{t('problemP2')}</p>
+          <p>
+            <strong>{t('problemBulletTitle')}</strong>
+          </p>
+          <ul>
+            <li>{t('problemBullet1')}</li>
+            <li>
+              {t('problemBullet2').split('Log4Shell')[0]}
+              <a
+                href="https://www.bsi.bund.de/DE/Themen/Verbraucherinnen-und-Verbraucher/Cyber-Sicherheitslage/Schwachstelle-log4Shell-Java-Bibliothek/log4j_node.html"
+                target="_blank"
+                rel="noopener"
+                className="text-purple-700 hover:underline">
+                {t('problemBullet2Link')}
+              </a>
+              {t('problemBullet2').split('Log4Shell')[1]}
+            </li>
+            <li>{t('problemBullet3')}</li>
+          </ul>
+
+          {/* Supported Components Section */}
+          <h2 id="supported-components" className="scroll-mt-48">
+            {t('componentsTitle')}
+          </h2>
+          <p>{t('componentsIntro')}</p>
+
+          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
+            {[
+              {
+                img: '/support-care/component-logos/eclipse-temurin.svg',
+                name: t('temurin.name'),
+                desc: t('temurin.desc'),
+                alt: 'Eclipse Temurin',
+                width: 225,
+              },
+              {
+                img: '/support-care/component-logos/apache-maven.svg',
+                name: t('maven.name'),
+                desc: t('maven.desc'),
+                alt: 'Apache Maven',
+                width: 190,
+              },
+              {
+                img: '/support-care/component-logos/junit.svg',
+                name: t('junit.name'),
+                desc: t('junit.desc'),
+                alt: 'JUnit',
+                width: 169,
+              },
+              {
+                img: '/support-care/component-logos/apache-log4j.png',
+                name: t('log4j.name'),
+                desc: t('log4j.desc'),
+                alt: 'Apache Log4j',
+                width: 116,
+              },
+              {
+                img: '/support-care/component-logos/apache-commons.svg',
+                name: t('commons.name'),
+                desc: t('commons.desc'),
+                alt: 'Apache Commons',
+                width: 110,
+              },
+            ].map(comp => (
+              <div
+                key={comp.alt}
+                className="text-center p-6 border border-gray-200 rounded-2xl w-80 flex-shrink-0">
+                <Image
+                  src={comp.img}
+                  alt={comp.alt}
+                  width={comp.width}
+                  height={48}
+                  className="h-12 w-auto mx-auto mb-4 object-contain"
+                />
+                <strong className="block text-[0.95rem] text-blue">
+                  {comp.name}
+                </strong>
+                <p
+                  className="mt-3 text-[0.9rem] leading-relaxed text-blue"
+                  dangerouslySetInnerHTML={{ __html: comp.desc }}
+                />
+              </div>
+            ))}
+          </div>
+
+          <div
+            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
+            style={{
+              backgroundColor: '#DFF1FD',
+              borderColor: '#5DB9F5',
+              color: '#020144',
+              fontWeight: 600,
+            }}>
+            {t('componentsHighlight')}
+          </div>
+
+          {/* Where Support & Care Steps In */}
+          <h2 id="where-support-care-steps-in" className="scroll-mt-48">
+            {t('layersTitle')}
+          </h2>
+          <p>{t('layersIntro')}</p>
+
+          <div className="flex items-center justify-center my-6">
+            <Image
+              src="/support-care/pyramid.png"
+              alt={t('pyramidAlt')}
+              className="w-3/5"
+              width={1902}
+              height={1496}
+            />
+          </div>
+
+          <ol>
+            <li>
+              <strong>{t('layer1')}</strong>
+              <br />
+              {t('layer1Desc')}
+            </li>
+            <li>
+              <strong>{t('layer2')}</strong>
+              <br />
+              {t('layer2Desc')}
+            </li>
+            <li>
+              <strong>{t('layer3')}</strong>
+              <br />
+              {t('layer3Desc')}
+            </li>
+          </ol>
+
+          <div
+            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
+            style={{
+              backgroundColor: '#DFF1FD',
+              borderColor: '#5DB9F5',
+              color: '#020144',
+              fontWeight: 600,
+            }}>
+            {t('layersHighlight').split('Log4Shell')[0]}
+            <a
+              href="https://www.bsi.bund.de/DE/Themen/Verbraucherinnen-und-Verbraucher/Cyber-Sicherheitslage/Schwachstelle-log4Shell-Java-Bibliothek/log4j_node.html"
+              target="_blank"
+              rel="noopener"
+              className="text-purple-700 hover:underline">
+              Log4Shell
+            </a>
+            {t('layersHighlight').split('Log4Shell')[1]}
+          </div>
+
+          {/* Our Services Section */}
+          <h2 id="our-services" className="scroll-mt-48">
+            {t('servicesTitle')}
+          </h2>
+          <p>{t('servicesIntro')}</p>
+
+          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
+            {[
+              {
+                img: '/support-care/services-pictograms/long-term-support.svg',
+                name: t('lts.name'),
+                desc: t('lts.desc'),
+              },
+              {
+                img: '/support-care/services-pictograms/security.svg',
+                name: t('security.name'),
+                desc: t('security.desc'),
+              },
+              {
+                img: '/support-care/services-pictograms/documentation.svg',
+                name: t('documentation.name'),
+                desc: t('documentation.desc'),
+              },
+              {
+                img: '/support-care/services-pictograms/workshops.svg',
+                name: t('workshops.name'),
+                desc: t('workshops.desc'),
+              },
+              {
+                img: '/support-care/services-pictograms/workshops.svg',
+                name: t('webinars.name'),
+                desc: t('webinars.desc'),
+              },
+              {
+                img: '/support-care/services-pictograms/custom-containers.svg',
+                name: t('customBuilds.name'),
+                desc: t('customBuilds.desc'),
+              },
+            ].map(svc => (
+              <div
+                key={svc.name}
+                className="text-center p-6 border border-gray-200 rounded-2xl w-80 flex-shrink-0">
+                <Image
+                  src={svc.img}
+                  alt={svc.name}
+                  width={96}
+                  height={96}
+                  className="h-24 mx-auto mb-4 object-contain"
+                />
+                <strong className="block text-[0.95rem] text-blue">
+                  {svc.name}
+                </strong>
+                <p className="mt-3 text-[0.9rem] leading-relaxed text-blue">
+                  {svc.desc}
+                </p>
+              </div>
+            ))}
+          </div>
+
+          {/* CRA Section */}
+          <h3 id="cra" className="scroll-mt-48">
+            {t('craTitle')}
+          </h3>
+          <p>{t('craP1')}</p>
+          <p>
+            <strong>{t('craBulletTitle')}</strong>
+          </p>
+          <ul>
+            <li>{t('craBullet1')}</li>
+            <li>{t('craBullet2')}</li>
+            <li>{t('craBullet3')}</li>
+            <li>{t('craBullet4')}</li>
+            <li>{t('craBullet5')}</li>
+            <li>{t('craBullet6')}</li>
+          </ul>
+          <div
+            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
+            style={{
+              backgroundColor: '#DFF1FD',
+              borderColor: '#5DB9F5',
+              color: '#020144',
+              fontWeight: 600,
+            }}>
+            {t('craHighlight')}
+          </div>
+
+          {/* Hardened Containers Section */}
+          <h3 id="hardened-containers" className="scroll-mt-48">
+            {t('containersTitle')}
+          </h3>
+          <p>{t('containersP1')}</p>
+          <p>{t('containersP2')}</p>
+          <p>
+            <strong>{t('containersBulletTitle')}</strong>
+          </p>
+          <ul>
+            <li>{t('containersBullet1')}</li>
+            <li>{t('containersBullet2')}</li>
+            <li>{t('containersBullet3')}</li>
+            <li>{t('containersBullet4')}</li>
+            <li>{t('containersBullet5')}</li>
+          </ul>
+
+          <div className="flex items-center justify-center my-6">
+            <Image
+              src="/support-care/oe-delivers-container.png"
+              alt={t('containersImgAlt')}
+              className="w-3/5"
+              width={3330}
+              height={1218}
+            />
+          </div>
+          <p className="text-center text-sm text-gray-500 -mt-4">
+            {t('containersImgAlt')}
+          </p>
+
+          {/* Our Model Section */}
+          <h2 id="our-model" className="scroll-mt-48">
+            {t('modelTitle')}
+          </h2>
+          <p>{t('modelP1')}</p>
+          <p>{t('modelSubtitle')}</p>
+          <ul>
+            <li>
+              <strong>1.</strong> {t('modelPrinciple1')}
+            </li>
+            <li>
+              <strong>2.</strong> {t('modelPrinciple2')}
+            </li>
+            <li>
+              <strong>3.</strong> {t('modelPrinciple3')}
+              <ul>
+                <li>{t('modelBullet1')}</li>
+                <li>{t('modelBullet2')}</li>
+                <li>{t('modelBullet3')}</li>
+                <li>{t('modelBullet4')}</li>
+              </ul>
+            </li>
+          </ul>
+
+          <div
+            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
+            style={{
+              backgroundColor: '#DFF1FD',
+              borderColor: '#5DB9F5',
+              color: '#020144',
+              fontWeight: 600,
+            }}>
+            {t('modelHighlight')}
+          </div>
+
+          <p>{t('modelP2')}</p>
+
+          {/* Subscription Packages */}
+          <div className="grid lg:grid-cols-3 lg:max-w-full max-w-sm mx-auto lg:gap-6 gap-9 lg:mt-12 sm:mt-6 mt-4 not-prose">
+            {/* Basic Subscription */}
+            <div className="flex flex-col items-center gap-8 justify-between border border-yellow-200/45 rounded-[30px] pb-5 pt-7 px-6 shadow-2xl shadow-yellow-200/20">
+              <div className="flex flex-col gap-3 items-center">
+                <div className="bg-yellow-50 inline-block rounded-full px-5 py-2 text-yellow-200 text-center xl:text-lg lg:text-base text-lg font-bold">
+                  {tm('basic.name')}
+                </div>
+                <Image
+                  src="/illustrations/support-care-subscription/basic.svg"
+                  className="size-48 object-contain mt-2 mb-0"
+                  alt=""
+                  width={800}
+                  height={800}
+                />
+                <ul className="mt-2 text-sm list-none pl-0 flex flex-col gap-1">
+                  {[
+                    'bullet1',
+                    'bullet2',
+                    'bullet3',
+                    'bullet4',
+                    'bullet5',
+                    'bullet6',
+                  ].map(b => (
+                    <li key={b}>
+                      <div className="flex items-start gap-2">
+                        <Image
+                          src="/illustrations/general/yellow-checkmark.svg"
+                          className="size-4 shrink-0 mt-0.5 mb-0"
+                          alt=""
+                          width={16}
+                          height={16}
+                        />
+                        <span
+                          dangerouslySetInnerHTML={{
+                            __html: tm.raw(`basic.${b}`),
+                          }}
+                        />
+                      </div>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <Link
+                href="/contact"
+                className="text-lg w-full font-bold no-underline text-white text-center bg-yellow-300 rounded-full px-4 py-2 hover:bg-yellow-400 transition-all ease-in-out duration-150 active:shadow-none hover:shadow-md">
+                {tm('contactUs')}
+              </Link>
+            </div>
+            {/* Standard Subscription */}
+            <div className="flex flex-col items-center gap-8 justify-between border border-green/45 rounded-[30px] pb-5 pt-7 px-6 shadow-2xl shadow-green/20">
+              <div className="flex flex-col gap-3 items-center">
+                <div className="bg-green-50 inline-block rounded-full px-5 py-2 text-green text-center xl:text-lg lg:text-base text-lg font-bold">
+                  {tm('standard.name')}
+                </div>
+                <Image
+                  src="/illustrations/support-care-subscription/standard.svg"
+                  className="size-48 object-contain mt-2 mb-0"
+                  alt=""
+                  width={800}
+                  height={800}
+                />
+                <ul className="mt-2 text-sm list-none pl-0 flex flex-col gap-1">
+                  {[
+                    'bullet1',
+                    'bullet2',
+                    'bullet3',
+                    'bullet4',
+                    'bullet5',
+                    'bullet6',
+                    'bullet7',
+                    'bullet8',
+                  ].map(b => (
+                    <li key={b}>
+                      <div className="flex items-start gap-2">
+                        <Image
+                          src="/illustrations/general/green-checkmark.svg"
+                          className="size-4 shrink-0 mt-0.5 mb-0"
+                          alt=""
+                          width={16}
+                          height={16}
+                        />
+                        <span
+                          dangerouslySetInnerHTML={{
+                            __html: tm.raw(`standard.${b}`),
+                          }}
+                        />
+                      </div>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <Link
+                href="/contact"
+                className="text-lg w-full no-underline font-bold text-white text-center bg-green rounded-full px-4 py-2 hover:bg-green-300 transition-all ease-in-out duration-150 hover:shadow-md active:shadow-none">
+                {tm('contactUs')}
+              </Link>
+            </div>
+            {/* Premium Subscription */}
+            <div className="flex flex-col items-center gap-8 justify-between border border-sky/45 rounded-[30px] pb-5 pt-7 px-6 shadow-2xl shadow-sky/20">
+              <div className="flex flex-col gap-3 items-center">
+                <div className="bg-sky-100 inline-block rounded-full px-5 py-2 text-sky text-center xl:text-lg lg:text-base text-lg font-bold">
+                  {tm('premium.name')}
+                </div>
+                <Image
+                  src="/illustrations/support-care-subscription/premium.svg"
+                  className="size-48 object-contain mt-2 mb-0"
+                  alt=""
+                  width={800}
+                  height={800}
+                />
+                <ul className="mt-2 text-sm list-none pl-0 flex flex-col gap-1">
+                  {[
+                    'bullet1',
+                    'bullet2',
+                    'bullet3',
+                    'bullet4',
+                    'bullet5',
+                    'bullet6',
+                    'bullet7',
+                    'bullet8',
+                  ].map(b => (
+                    <li key={b}>
+                      <div className="flex items-start gap-2">
+                        <Image
+                          src="/illustrations/general/blue-checkmark.svg"
+                          className="size-4 shrink-0 mt-0.5 mb-0"
+                          alt=""
+                          width={16}
+                          height={16}
+                        />
+                        <span
+                          dangerouslySetInnerHTML={{
+                            __html: tm.raw(`premium.${b}`),
+                          }}
+                        />
+                      </div>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <Link
+                href="/contact"
+                className="text-lg w-full no-underline font-bold text-white text-center bg-sky rounded-full px-4 py-2 hover:bg-sky-200 transition-all ease-in-out duration-150 hover:shadow-md active:shadow-none">
+                {tm('contactUs')}
+              </Link>
+            </div>
+          </div>
+
+          {/* Why Open Elements */}
+          <h2 id="why-open-elements" className="scroll-mt-48 mt-16">
+            {t('whyTitle')}
+          </h2>
+          <p>{t('whyP1')}</p>
+
+          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
+            <Link
+              href="/about-hendrik/"
+              className="text-center w-44 no-underline"
+              style={{ color: 'inherit' }}>
+              <Image
+                src="/team/hendrik.jpg"
+                alt="Hendrik Ebbers"
+                width={120}
+                height={120}
+                className="w-[120px] h-[120px] rounded-full object-cover mx-auto mb-3 border-[3px] border-[#5DB9F5]"
+              />
+              <strong className="block text-[0.95rem] text-blue">
+                Hendrik Ebbers
+              </strong>
+              <span className="text-[0.8rem]" style={{ color: '#5CBA9E' }}>
+                {t('hendrikRole')}
+              </span>
+            </Link>
+            <Link
+              href="/employees/sandra"
+              className="text-center w-44 no-underline"
+              style={{ color: 'inherit' }}>
+              <Image
+                src="/team/sandra.jpg"
+                alt="Sandra Parsick"
+                width={120}
+                height={120}
+                className="w-[120px] h-[120px] rounded-full object-cover mx-auto mb-3 border-[3px] border-[#5DB9F5]"
+              />
+              <strong className="block text-[0.95rem] text-blue">
+                Sandra Parsick
+              </strong>
+              <span className="text-[0.8rem]" style={{ color: '#5CBA9E' }}>
+                {t('sandraRole')}
+              </span>
+            </Link>
+            <Link
+              href="/employees/sebastian"
+              className="text-center w-44 no-underline"
+              style={{ color: 'inherit' }}>
+              <Image
+                src="/team/sebastian.jpg"
+                alt="Sebastian Tiemann"
+                width={120}
+                height={120}
+                className="w-[120px] h-[120px] rounded-full object-cover mx-auto mb-3 border-[3px] border-[#5DB9F5]"
+              />
+              <strong className="block text-[0.95rem] text-blue">
+                Sebastian Tiemann
+              </strong>
+              <span className="text-[0.8rem]" style={{ color: '#5CBA9E' }}>
+                {t('sebastianRole')}
+              </span>
+            </Link>
+          </div>
+
+          <p>{t('whyP2')}</p>
+
+          <div className="flex flex-wrap justify-center gap-8 my-8 not-prose">
+            {[
+              {
+                img: '/support-care/foundation-logos/eclipse.png',
+                name: 'Eclipse Foundation',
+                desc: t('eclipseDesc'),
+                imgWidth: 180,
+                imgHeight: 64,
+              },
+              {
+                img: '/support-care/foundation-logos/lf.svg',
+                name: 'Linux Foundation',
+                desc: t('lfDesc'),
+                imgWidth: 120,
+                imgHeight: 64,
+              },
+              {
+                img: '/support-care/foundation-logos/afs.svg',
+                name: 'Apache Software Foundation',
+                desc: t('asfDesc'),
+                imgWidth: 120,
+                imgHeight: 64,
+              },
+            ].map(f => (
+              <div
+                key={f.name}
+                className="text-center p-6 border border-gray-200 rounded-2xl w-80 flex-shrink-0">
+                <Image
+                  src={f.img}
+                  alt={f.name}
+                  width={f.imgWidth}
+                  height={f.imgHeight}
+                  className="h-16 mx-auto mb-4 object-contain"
+                />
+                <strong className="block text-[0.95rem] text-blue">
+                  {f.name}
+                </strong>
+                <p className="mt-3 text-[0.9rem] leading-relaxed text-blue">
+                  {f.desc}
+                </p>
+              </div>
+            ))}
+          </div>
+
+          <div
+            className="bg-blue-50 border-l-4 border-sky-300 rounded-lg px-6 py-5 my-6 text-[1.1rem]"
+            style={{
+              backgroundColor: '#DFF1FD',
+              borderColor: '#5DB9F5',
+              color: '#020144',
+              fontWeight: 600,
+            }}>
+            {t('whyHighlight')}
+          </div>
+
+          {/* FAQ Section */}
+          <h2 id="faq" className="scroll-mt-48">
+            {t('faqTitle')}
+          </h2>
+
+          <div className="flex flex-col gap-4 my-8 not-prose">
+            {[
+              { q: t('faq1Q'), a: t('faq1A') },
+              { q: t('faq2Q'), a: t('faq2A') },
+              { q: t('faq3Q'), a: t('faq3A') },
+              { q: t('faq4Q'), a: t('faq4A') },
+              { q: t('faq5Q'), a: t('faq5A') },
+              { q: t('faq6Q'), a: t('faq6A') },
+              { q: t('faq7Q'), a: t('faq7A') },
+            ].map((faq, i) => (
+              <details
+                key={i}
+                className="border border-gray-200 rounded-xl px-6 py-5 cursor-pointer">
+                <summary
+                  style={{
+                    color: '#020144',
+                    fontSize: '1.05rem',
+                    fontWeight: 700,
+                  }}>
+                  {faq.q}
+                </summary>
+                <p className="mt-3 leading-relaxed text-blue">{faq.a}</p>
+              </details>
+            ))}
+          </div>
+
+          {/* CTA Section */}
+          <h2 id="get-in-touch" className="scroll-mt-48">
+            {t('ctaTitle')}
+          </h2>
+          <p>{t('ctaP1')}</p>
+
+          <div className="flex justify-center my-6">
+            <Link
+              href="/contact"
+              className="inline-flex shrink-0 items-center justify-center gap-3 px-6 py-3.5 text-lg font-bold text-white text-center bg-sky rounded-full transition-all duration-150 ease-in-out hover:bg-sky-200 hover:shadow-lg no-underline"
+              style={{ color: 'white' }}>
+              {t('ctaContact')}
+            </Link>
+          </div>
+
+          {/* Footnotes */}
+          <hr className="border-t border-gray-200 mt-12 mb-6" />
+          <div className="text-xs text-gray-500 leading-8 not-prose">
+            <sup>1</sup> {t('footnote1')}
+            <br />
+            <sup>2</sup> {t('footnote2')}
+            <br />
+            <sup>3</sup> {t('footnote3')}
+            <br />
+            <sup>4</sup> {t('footnote4')}
+            <br />
+            <sup>5</sup> {t('footnote5')}
+          </div>
+        </div>
+
+        {/* Decorative Circles at Bottom */}
+        <div className="absolute sm:block hidden bottom-0 left-0 w-full overflow-hidden pointer-events-none opacity-70">
+          <Image
+            className="w-96 h-96"
+            src="/illustrations/round-1.svg"
+            alt=""
+            width={384}
+            height={384}
+          />
+          <Image
+            className="w-64 h-64"
+            src="/illustrations/round-1.svg"
+            alt=""
+            width={256}
+            height={256}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/data-temp/mainMenu.json b/src/data-temp/mainMenu.json
index 0f52ca10..f531eb07 100644
--- a/src/data-temp/mainMenu.json
+++ b/src/data-temp/mainMenu.json
@@ -27,7 +27,7 @@
     "name": "Support & Care",
     "i18nKey": "supportAndCare",
     "altI18nKey": "supportAndCareDescription",
-    "link": "/support-care-maven/",
+    "link": "/support-care/",
     "visibleInNavigation": true,
     "visibleInFooter": true
   },
@@ -51,7 +51,7 @@
         "name": "Support & Care for Maven",
         "i18nKey": "mavenSupport",
         "altI18nKey": "mavenSupportDescription",
-        "link": "/support-care-maven/",
+        "link": "/support-care/",
         "visibleInNavigation": false,
         "visibleInFooter": false
       },
diff --git a/src/data/mainMenu.json b/src/data/mainMenu.json
index 91f4f791..30bd0057 100644
--- a/src/data/mainMenu.json
+++ b/src/data/mainMenu.json
@@ -27,7 +27,7 @@
     "name": "Support & Care",
     "i18nKey": "supportAndCare",
     "altI18nKey": "supportAndCareDescription",
-    "link": "/support-care-maven/",
+    "link": "/support-care/",
     "visibleInNavigation": true,
     "visibleInFooter": true
   },
@@ -51,7 +51,7 @@
         "name": "Support & Care for Maven",
         "i18nKey": "mavenSupport",
         "altI18nKey": "mavenSupportDescription",
-        "link": "/support-care-maven/",
+        "link": "/support-care/",
         "visibleInNavigation": false,
         "visibleInFooter": false
       },

From 5c199ec1cea42a07bb56ce40d71c943b5b244142 Mon Sep 17 00:00:00 2001
From: Jessie Ssebuliba <jessiessebuliba@gmail.com>
Date: Thu, 9 Apr 2026 10:59:20 +0300
Subject: [PATCH 2/3] add support care redirection

Signed-off-by: Jessie Ssebuliba <jessiessebuliba@gmail.com>
---
 next.config.js                               | 19 +++++++++++++++++++
 src/app/[locale]/support-care-maven/page.tsx | 14 --------------
 2 files changed, 19 insertions(+), 14 deletions(-)
 delete mode 100644 src/app/[locale]/support-care-maven/page.tsx

diff --git a/next.config.js b/next.config.js
index 567b1fcd..e66876ac 100644
--- a/next.config.js
+++ b/next.config.js
@@ -14,6 +14,25 @@ const nextConfig = {
       },
     ],
   },
+  async redirects() {
+    return [
+      {
+        source: '/support-care-maven',
+        destination: '/support-care',
+        permanent: true,
+      },
+      {
+        source: '/en/support-care-maven',
+        destination: '/en/support-care',
+        permanent: true,
+      },
+      {
+        source: '/de/support-care-maven',
+        destination: '/de/support-care',
+        permanent: true,
+      },
+    ];
+  },
 };
 
 export default withNextIntl(nextConfig);
diff --git a/src/app/[locale]/support-care-maven/page.tsx b/src/app/[locale]/support-care-maven/page.tsx
deleted file mode 100644
index c3caa316..00000000
--- a/src/app/[locale]/support-care-maven/page.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { redirect } from '@/i18n/routing';
-
-interface RedirectPageProps {
-  params: Promise<{
-    locale: string;
-  }>;
-}
-
-export default async function RedirectPage({ params }: RedirectPageProps) {
-  const { locale } = await params;
-
-  // Forward legacy URL natively to the correct new domain.
-  redirect({ href: '/support-care', locale });
-}

From 68375aa371216994a9287dec63bd3c14a727c49c Mon Sep 17 00:00:00 2001
From: Jessie Ssebuliba <jessiessebuliba@gmail.com>
Date: Mon, 13 Apr 2026 10:03:31 +0300
Subject: [PATCH 3/3] fix up

Signed-off-by: Jessie Ssebuliba <jessiessebuliba@gmail.com>
---
 src/app/[locale]/newsletter/page.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/[locale]/newsletter/page.tsx b/src/app/[locale]/newsletter/page.tsx
index 8702d990..be8461f6 100644
--- a/src/app/[locale]/newsletter/page.tsx
+++ b/src/app/[locale]/newsletter/page.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
+import { notFound } from 'next/navigation';
 import Image from 'next/image';
-import { redirect } from '@/i18n/routing';
 import NewsletterForm from '@/components/newsletter/NewsletterForm';
 
 interface NewsletterPageProps {
@@ -14,6 +14,13 @@ export async function generateMetadata({
 }: NewsletterPageProps): Promise<Metadata> {
   const { locale } = await params;
 
+  if (locale !== 'de') {
+    return {
+      title: 'Page Not Available - Open Elements',
+      description: 'This page is not available in this language',
+    };
+  }
+
   const title = 'Newsletter - Open Elements';
   const description =
     'Melde dich zu unserem Newsletter an, um auf dem Laufenden zu bleiben.';
@@ -44,7 +51,7 @@ export default async function NewsletterPage({ params }: NewsletterPageProps) {
   const { locale } = await params;
 
   if (locale !== 'de') {
-    redirect({ href: '/newsletter', locale: 'de' });
+    notFound();
   }
 
   return (