openpanel integration und entwurf blog

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" (click)="onFeaturesClick('lustiges Zeug')"><span>Hurler</span> Webdesign</p>
+      <p class="logo-container__company"><span>Hurler</span> Webdesign</p>
     </div>
     <div class="header__nav-section centered">
       <div class="theme-toggle-container">
@@ -14,5 +14,4 @@
       </div>
     </div>
   </section>
-
-</div>
+</div>

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

@@ -29,6 +29,7 @@
 .logo-container {
     display: flex;
     align-items: center;
+    justify-items: center;
     gap: var(--space-2);
     padding-left: var(--space-4);
 
@@ -48,6 +49,7 @@
         font-size: var(--font-size-base);
         font-weight: 700;
         color: var(--text-main);
+        margin: auto;
 
         span {
             color: var(--accent);

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

@@ -3,20 +3,13 @@ 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, OpenPanelTrackDirective],
+  imports: [NgIcon, ToogleThemeComponent, NavMenuComponent],
   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 })
-  }
 }