feat(banner): add KubeCon Europe 2026 banner component

Add reusable KubeconBannerComponent with configurable text, CTA, and URL.
Integrate banner into app component for KubeCon + CloudNativeCon Europe 2026.

Resolves: linuxfoundation/easycla#4888
Assisted by [Cursor](https://cursor.com/)

Signed-off-by: ahmedomosanya <[email protected]>

Author: ahmedomosanya

src/app/app.component.html

@@ -2,6 +2,13 @@
  SPDX-License-Identifier: MIT -->
 <app-loader></app-loader>
 
+<!-- KubeCon Banner -->
+<app-kubecon-banner
+  [text]="kubeconBanner.text"
+  [ctaText]="kubeconBanner.ctaText"
+  [url]="kubeconBanner.url">
+</app-kubecon-banner>
+
 <div class="fix-header-margin">
   <app-alert></app-alert>
   <router-outlet></router-outlet>

src/app/app.component.ts

@@ -16,6 +16,12 @@ export class AppComponent {
   hasExpanded: boolean;
   links: any[];
 
+  kubeconBanner = {
+    text: 'Meet us in Amsterdam for KubeCon + CloudNativeCon Europe 2026 • Mar 23–26 •',
+    ctaText: 'Register now',
+    url: 'https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/register/?utm_source=cla-contributor-console&utm_medium=homepage&utm_campaign=18269725-KubeCon-EU-2026&utm_content=hero'
+  };
+
   constructor(private auth:AuthService, private route: ActivatedRoute){}
 
   onToggled() {

src/app/shared/components/kubecon-banner/kubecon-banner.component.html

@@ -0,0 +1,10 @@
+<!-- Copyright The Linux Foundation and each contributor to CommunityBridge.
+ SPDX-License-Identifier: MIT
+ Assisted with Cursor, assisted with Claude AI -->
+
+<div class="kubecon-banner" *ngIf="text">
+  {{ text }}
+  <a *ngIf="ctaText && url" [href]="url" target="_blank" rel="noopener">
+    {{ ctaText }}
+  </a>
+</div>

src/app/shared/components/kubecon-banner/kubecon-banner.component.ts

@@ -0,0 +1,16 @@
+// Copyright The Linux Foundation and each contributor to CommunityBridge.
+// SPDX-License-Identifier: MIT
+// Assisted with Cursor, assisted with Claude AI
+
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-kubecon-banner',
+  templateUrl: './kubecon-banner.component.html',
+  styleUrls: ['./kubecon-banner.component.scss']
+})
+export class KubeconBannerComponent {
+  @Input() text?: string;
+  @Input() ctaText?: string;
+  @Input() url?: string;
+}