From 1baea40484140217b1f246e9111d084800e09987 Mon Sep 17 00:00:00 2001
From: Marcel Menk <marcel.menk@forepath.io>
Date: Sat, 25 Apr 2026 10:25:50 +0200
Subject: [PATCH] feat: made in germany badge

---
 .../lib/container/container.component.html    | 15 +++++++-
 .../lib/container/container.component.scss    | 37 +++++++++++++++++++
 .../src/lib/home/home.component.html          | 16 ++------
 3 files changed, 53 insertions(+), 15 deletions(-)

diff --git a/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.html b/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.html
index 751abac6..64247357 100644
--- a/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.html
+++ b/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.html
@@ -1,8 +1,8 @@
 <header class="header sticky-top bg-dark text-white" [class.shadow]="isScrolled()">
   <nav class="navbar navbar-expand-md navbar-dark p-0">
     <div class="container d-flex align-items-center justify-content-between gap-2 navbar-content">
-      <div class="d-flex align-items-center gap-3">
-        <a routerLink="/" class="brand-icon-container me-2 fs-3 bg-primary p-3">
+      <div class="d-flex align-items-center">
+        <a routerLink="/" class="brand-icon-container fs-3 bg-primary p-3">
           <img
             src="assets/images/icon_light.svg"
             i18n-alt="@@featurePortal-brandAlt"
@@ -10,6 +10,17 @@
             class="brand-icon"
           />
         </a>
+        <div class="d-flex align-items-center gap-2 bg-body-tertiary p-3 overflow-hidden made-in-container">
+          <div class="flag d-flex flex-column overflow-hidden">
+            <span class="flag-color"></span>
+            <span class="flag-color"></span>
+            <span class="flag-color"></span>
+          </div>
+          <div class="text-white text-uppercase lh-1 small made-in">
+            <span class="d-block text-dark">Made in</span>
+            <span class="d-block fw-bold text-dark">Germany</span>
+          </div>
+        </div>
       </div>
       <div class="d-flex align-items-center gap-2 flex-grow-1 justify-content-end">
         <button
diff --git a/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.scss b/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.scss
index a8a14895..54231039 100644
--- a/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.scss
+++ b/libs/domains/framework/frontend/feature-portal/src/lib/container/container.component.scss
@@ -162,3 +162,40 @@
 .text-white {
   color: rgba(245, 245, 245, 0.85) !important;
 }
+
+.flag {
+  height: 35px;
+  width: calc(35px / 3);
+  position: relative;
+  border-radius: 0.25rem;
+
+  > .flag-color {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    aspect-ratio: 1 / 1;
+
+    &:nth-child(1) {
+      background-color: black;
+      top: 0;
+    }
+
+    &:nth-child(2) {
+      background-color: red;
+      top: calc(100% / 3);
+    }
+
+    &:nth-child(3) {
+      background-color: yellow;
+      top: calc(100% / 3 * 2);
+    }
+  }
+}
+
+.made-in-container {
+  height: 72px;
+}
+
+.made-in {
+  padding-top: 0.125rem;
+}
diff --git a/libs/domains/framework/frontend/feature-portal/src/lib/home/home.component.html b/libs/domains/framework/frontend/feature-portal/src/lib/home/home.component.html
index de267988..b580253f 100644
--- a/libs/domains/framework/frontend/feature-portal/src/lib/home/home.component.html
+++ b/libs/domains/framework/frontend/feature-portal/src/lib/home/home.component.html
@@ -607,21 +607,11 @@ <h2 class="h2 fw-semibold mb-4 text-dark" i18n="@@featurePortalHome-securityTitl
           </li>
         </ul>
         <div class="d-flex flex-wrap gap-3 mt-4">
-          <span
-            class="badge rounded-pill px-4 py-2 home-security-badge home-security-badge-teal"
-            i18n="@@featurePortalHome-securityBadge1"
-            >Policies</span
-          >
-          <span
-            class="badge rounded-pill px-4 py-2 home-security-badge home-security-badge-primary"
-            i18n="@@featurePortalHome-securityBadge2"
+          <span class="badge bg-success info-badge px-4 py-2" i18n="@@featurePortalHome-securityBadge1">Policies</span>
+          <span class="badge bg-primary info-badge px-4 py-2" i18n="@@featurePortalHome-securityBadge2"
             >Audit logs</span
           >
-          <span
-            class="badge rounded-pill px-4 py-2 home-security-badge home-security-badge-warning"
-            i18n="@@featurePortalHome-securityBadge3"
-            >Testing</span
-          >
+          <span class="badge bg-warning info-badge px-4 py-2" i18n="@@featurePortalHome-securityBadge3">Testing</span>
         </div>
         <p class="mt-4 text-muted" i18n="@@featurePortalHome-securityClosing">
           You can adopt agentic AI without losing your ability to explain and prove what happened.