From d36d6ffa9893089db632a35e6813a508f8ef8b68 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 22 Apr 2024 12:23:35 +0200
Subject: [PATCH] introducing component

---
 template-components/heading-box--parcours.css | 21 +++++++++++++++++++
 template-components/heading-box--parcours.php | 18 ++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 template-components/heading-box--parcours.css
 create mode 100644 template-components/heading-box--parcours.php

diff --git a/template-components/heading-box--parcours.css b/template-components/heading-box--parcours.css
new file mode 100644
index 0000000..0256f0c
--- /dev/null
+++ b/template-components/heading-box--parcours.css
@@ -0,0 +1,21 @@
+.heading-box--parcours {
+  @apply heading-box;
+  @apply text-center;
+
+  &__title {
+    @apply text-3xl;
+    @apply text-6xl;
+  }
+
+  &__description {
+    @apply font-bold text-4xl mx-auto pt-4 max-w-lg mx-auto;
+    line-height: 1.2;
+  }
+  &__page-icon {
+    @apply mx-auto w-28 absolute top-0 left-1/2;
+    transform: translate(-50%, -50%);
+  }
+  .cta--secondary {
+    @apply mt-8;
+  }
+}
diff --git a/template-components/heading-box--parcours.php b/template-components/heading-box--parcours.php
new file mode 100644
index 0000000..d7b9923
--- /dev/null
+++ b/template-components/heading-box--parcours.php
@@ -0,0 +1,18 @@
+<?php
+$title = $args['title'];
+$subtitle = $args['subtitle'];
+$pageIcon = $args['pageIcon'] ?? null;
+$ctaSecondary = $args['ctaSecondary'] ?? false;
+
+?>
+
+<div class="heading-box heading-box--parcours">
+	<?php if ($pageIcon) : ?>
+		<img class="heading-box--parcours__page-icon" src="<?php echo $pageIcon['url']  ?>" alt="" />
+	<?php endif; ?>
+	<p class="heading-box__subtitle heading-box--parcours__subtitle"><?php echo $subtitle  ?></p>
+	<h1 class="heading-box__description heading-box--parcours__title"> <?php echo $title ?></h1>
+	<?php if ($ctaSecondary) : ?>
+		<a class="cta cta--secondary cta--button cta--centered <?php echo $ctaSecondary['custom-class'] ?>" href="<?php echo $ctaSecondary['url'] ?>" target="<?php echo $ctaSecondary['target'] ?>"><?php echo $ctaSecondary['title'] ?></a>
+	<?php endif; ?>
+</div>
\ No newline at end of file