Added WP-Theme

as-coaching-theme/patterns/contact.php

@@ -0,0 +1,74 @@
+<?php
+/**
+ * Title: Kontaktsektion
+ * Slug: as-coaching/contact
+ * Categories: as-coaching-sections
+ * Keywords: kontakt, formular, anfrage
+ * Description: Kontaktbereich mit Hinweistext und Platzhalter für Formular-Block.
+ * Viewport Width: 1380
+ * Post Types: page
+ */
+?>
+<!-- wp:group {"tagName":"section","align":"full","className":"as-section as-section--tinted","anchor":"kontakt"} -->
+<section class="wp-block-group alignfull as-section as-section--tinted" id="kontakt">
+	<!-- wp:group {"align":"wide","className":"as-section-heading"} -->
+	<div class="wp-block-group alignwide as-section-heading">
+		<!-- wp:paragraph {"className":"as-label"} -->
+		<p class="as-label">Kontakt</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:heading {"level":2} -->
+		<h2 class="wp-block-heading">Anfrage und nächster Schritt</h2>
+		<!-- /wp:heading -->
+
+		<!-- wp:paragraph -->
+		<p>Diese Sektion ist für Gutenberg gedacht: Text links, rechts Platz für einen Formular-Block oder Terminlink.</p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:columns {"align":"wide","className":"as-contact-grid"} -->
+	<div class="wp-block-columns alignwide as-contact-grid">
+		<!-- wp:column {"className":"as-contact-card"} -->
+		<div class="wp-block-column as-contact-card">
+			<!-- wp:paragraph {"className":"as-pill"} -->
+			<p class="as-pill">Antwort in der Regel innerhalb von 1–2 Werktagen</p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:heading {"level":3} -->
+			<h3 class="wp-block-heading">Worum soll es gehen?</h3>
+			<!-- /wp:heading -->
+
+			<!-- wp:list -->
+			<ul>
+				<li>Bewerbung, Interview oder Profil-Schärfung</li>
+				<li>Selbstpräsentation für Meetings oder Kundenkontakt</li>
+				<li>Workshop-Anfrage für Teams oder KMU</li>
+			</ul>
+			<!-- /wp:list -->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"className":"as-contact-card"} -->
+		<div class="wp-block-column as-contact-card">
+			<!-- wp:heading {"level":3} -->
+			<h3 class="wp-block-heading">Formular oder Buchungsblock einsetzen</h3>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph -->
+			<p>Hier kann direkt im Gutenberg-Editor ein Formular-Block, ein HTML-Einbettungsblock oder ein Terminbuchungs-Widget ergänzt werden.</p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:group {"className":"as-note"} -->
+			<div class="wp-block-group as-note">
+				<!-- wp:paragraph -->
+				<p><strong>Hinweis:</strong> Durch die gemeinsamen Theme-Styles passen auch spätere Formular-Plugins farblich und typografisch sauber ins Design.</p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+</section>
+<!-- /wp:group -->