openpanel integration und entwurf blog

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

@@ -1,23 +1,31 @@
 <section class="hero-section" id="hero">
   <div class="hero-section__video-container">
-    <video autoplay muted loop>
+    <video autoplay muted loop playsinline>
       <source src="/video/white_mit_black_stripes.webm" type="video/webm">
     </video>
   </div>
   <div class="hero-section__wrapper">
     <h1 class="hero-section__header">
-      Digitales Handwerk <br />
+      Digitales Handwerk<br />
       statt Standard-Baukasten
     </h1>
     <p class="hero-section__claim">
-      Wir programmieren Blitzschnelle, sichere und maßgeschneiderte Webseiten für kleine,
-      mittelständische Unternehmen und Vereine. Ohne CMS-Ballast, dafür mit maximaler Performance.
+      Wir programmieren blitzschnelle, sichere und maßgeschneiderte Webseiten
+      für kleine Unternehmen und Vereine – ohne CMS-Ballast, dafür mit maximaler Performance.
     </p>
     <div class="hero-section__links">
-      <app-button [item]="{ label: 'Über uns', type: 'anchor', target: '#about' }" variant="primary"></app-button>
-      <app-button (click)="onFeaturesClick()" [item]="{ label: 'Warum kein Wordpress', type: 'anchor', target: 'about'}"
-        variant="primary"></app-button>
+      <app-button
+        opTrack="hero_cta_features"
+        [opTrackProps]="{ location: 'hero' }"
+        [item]="{ label: 'Unsere Vorteile', type: 'anchor', target: '#features-section' }"
+        variant="primary">
+      </app-button>
+      <app-button
+        opTrack="hero_cta_pricing"
+        [opTrackProps]="{ location: 'hero' }"
+        [item]="{ label: 'Preise & Pakete', type: 'anchor', target: '#pricing' }"
+        variant="outline">
+      </app-button>
     </div>
-
   </div>
-</section>
+</section>