Add call to action card component

components/public-page-components.html

@@ -30,5 +30,25 @@
     </div>
   </section>
 
+  <section id="component-call-to-action-card">
+    <p class="sg-preview-label">Component: Call to action Card</p>
+
+    <div class="sg-preview-area">
+      <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-card--call-to-action-card" data-component="call-to-action-card" aria-label="Call to action Card">
+        <div class="sg-card-segment sg-card-segment--body sg-call-to-action-card__body" data-component-part="card-body">
+          <p class="sg-body sg-call-to-action-card__text">
+            Jetzt passende Inhalte entdecken und direkt mit dem nächsten Schritt starten.
+          </p>
+
+          <div class="sg-call-to-action-card__action">
+            <button class="sg-interaction-element sg-button sg-button--cta" type="button" data-component="button" data-component-variant="cta">
+              Call-to-action-Button
+            </button>
+          </div>
+        </div>
+      </article>
+    </div>
+  </section>
+
 </body>
 </html>