openpanel service hinzugefügt

src/app/features/landing/components/navigation/navigation.component.html

@@ -2,7 +2,7 @@
   <section class="header">
     <div class="logo-container">
       <span class="logo-container__logo centered">H</span>
-      <p class="logo-container__company"><span>Hurler</span> Webdesign</p>
+      <p class="logo-container__company" (click)="onFeaturesClick('lustiges Zeug')"><span>Hurler</span> Webdesign</p>
     </div>
     <div class="header__nav-section centered">
       <div class="theme-toggle-container">

src/app/features/landing/components/navigation/navigation.component.ts

@@ -3,13 +3,20 @@ import { NgIcon } from '@ng-icons/core';
 import { ToogleThemeComponent } from '@shared/utils/toogle-theme/toogle-theme.component';
 import { NavMenuComponent } from '@shared/ui/nav-menu/nav-menu.component';
 import { NavigationService } from '@core/services/navigation.service';
+import { OpenPanelService } from '@core/services/openpanel.service';
+import { OpenPanelTrackDirective } from '@core/directives/openpanel.directive';
 
 @Component({
   selector: 'app-navigation',
-  imports: [NgIcon, ToogleThemeComponent, NavMenuComponent],
+  imports: [NgIcon, ToogleThemeComponent, NavMenuComponent, OpenPanelTrackDirective],
   templateUrl: './navigation.component.html',
   styleUrl: './navigation.component.scss',
 })
 export class NavigationComponent {
   protected readonly navigationService = inject(NavigationService);
+  private op = inject(OpenPanelService)
+
+  onFeaturesClick(blindplan: string): void {
+    this.op.track('features_clicked', { blindplan })
+  }
 }