From d27b867e78f170aea67811054ea96e6839027d27 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 29 Nov 2023 17:52:35 +0100
Subject: [PATCH] introducing page-card component

---
 template-components/cards/page-card.css | 10 ++++++++++
 template-components/cards/page-card.php | 18 ++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 template-components/cards/page-card.css
 create mode 100644 template-components/cards/page-card.php

diff --git a/template-components/cards/page-card.css b/template-components/cards/page-card.css
new file mode 100644
index 0000000..d21f0e6
--- /dev/null
+++ b/template-components/cards/page-card.css
@@ -0,0 +1,10 @@
+.page-card {
+  @apply p-6 shadowed my-4 bg-white rounded-2xl;
+
+  &__title {
+    @apply !text-2xl font-bold text-secondary;
+  }
+  &__cta {
+    @apply hidden;
+  }
+}
diff --git a/template-components/cards/page-card.php b/template-components/cards/page-card.php
new file mode 100644
index 0000000..5507905
--- /dev/null
+++ b/template-components/cards/page-card.php
@@ -0,0 +1,18 @@
+<?php
+
+echo '<pre>';
+print_r($args);
+echo '</pre>';
+?>
+
+
+<div class="page-card">
+	<h2 class="page-card__title"><?php echo $args['title'] ?></h2>
+	<p class="page-card__excerpt"><?php echo $args['excerpt'] ?></p>
+	<a href=" <?php echo $args['permalink'] ?>" class="page-card__cta cta cta--read-more cta--with-arrow-button cta--streched  ">
+		<!-- cta-read-more -->
+		<span><?php echo __("Lire l'article", 'homegrade-theme__texte-fonctionnel') ?></span>
+		<span class="sr-only"><?php echo $args['title'] ?></span>
+		<img class="cta_arrow_button" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/arrow-right-circle.svg' alt=''>
+	</a>
+</div>
\ No newline at end of file