refining front page

front-page.php

@@ -1,17 +1,7 @@
-<?php get_header(); ?>
+<?php get_header('minimal'); ?>
 
+<div class="back-end__front-page">
+	<img class="cover" src="<?php echo get_template_directory_uri() . '/resources/img/lhoist-OG-image-personnage.png' ?>" alt="">
+</div>
 
-	<?php if ( have_posts() ) : ?>
+<?php wp_footer(); ?>
-		<?php
-		while ( have_posts() ) :
-			the_post();
-			the_content();
-			?>
-
-
-		<?php endwhile; ?>
-
-	<?php endif; ?>
-
-<?php
-get_footer();

resources/css/app.css

@@ -16,6 +16,9 @@
 @import './layout/section.css';
 @import './layout/gutenberg.css';
 
+/* ########### PAGE ############ */
+@import './pages/front-page.css';
+
 /* ########### BLOCKS ############ */
 @import './blocks/search-and-find.css';
 

resources/css/pages/front-page.css

@@ -0,0 +1,8 @@
+.back-end__front-page {
+  @apply bg-lhoist min-h-full w-full;
+  min-height: 100vh;
+  @apply flex justify-center items-center;
+  .cover {
+    @apply px-8 w-full max-w-6xl;
+  }
+}