KilianBrd/BookNest
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

- Ajout de l'entity User.

Browse Source 
- Ajout du contneue dans l'home page.
This commit is contained in:
Fabienmcll
2025-01-29 09:13:04 +01:00
parent a0b773af7d
commit 6cc6f1aaf9
3 changed files with 42 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/base.html.twig
View File

@ -19,7 +19,7 @@
<body class="w-full">
<div class="w-full">
{% block navbar %}
{% include "navbar.html.twig" %}
{% include "components/navbar.html.twig" %}
{% endblock %}
{% block body %}{% endblock %}
</div>

8
templates/navbar.html.twig → templates/components/navbar.html.twig
View File

@ -41,6 +41,13 @@
<div
class="relative flex items-center">
<!-- Cart Icon -->
<div class="relative">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-500">
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
</svg>
<input type="search" class="pl-10 pr-4 py-1 mr-6 rounded-xl border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Recherche...">
</div>
<a class="me-4 text-neutral-600 transition duration-200 hover:text-neutral-700 hover:ease-in-out focus:text-neutral-700 disabled:text-black/30 motion-reduce:transition-none dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 [&.active]:text-black/90 dark:[&.active]:text-neutral-400" href="#">
<span class="[&>svg]:w-5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="h-5 w-5">
@ -55,7 +62,6 @@
class="relative flex items-center">
<!-- Cart Icon -->
<a class="me-4 text-neutral-600 transition duration-200 hover:text-neutral-700 hover:ease-in-out focus:text-neutral-700 disabled:text-black/30 motion-reduce:transition-none dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 [&.active]:text-black/90 dark:[&.active]:text-neutral-400" href="#">
<span class="[&>svg]:w-5">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>

38
templates/home/index.html.twig
View File

@ -1,11 +1,41 @@
{% extends 'base.html.twig' %}
{% block title %}BookNest{% endblock %}
{% block title %}BookNest
{% endblock %}
{% block body %}
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-50 px-4">
<!-- Titre principal -->
<h1 class="text-4xl font-extrabold text-[#263B46] text-center">Bienvenue sur BookNest 📚</h1>
<div class="w-full">
<h1 class="border text-center font-bold text-3xl text-red-700 w-full">Bienvenue sur BookNest 📚</h1>
<!-- Sous-titre -->
<p class="mt-4 text-lg text-gray-600 text-center">
Découvrez, notez et partagez vos livres préférés avec la communauté !
</p>
<!-- Bouton CTA -->
<a href="" class="mt-6 px-6 py-3 dark:bg-[#263B46] text-white rounded-xl shadow-md hover:bg-red-800 transition">
Explorer les livres
</a>
<!-- Section de mise en avant -->
<div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl">
<!-- Carte 1 -->
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<h2 class="text-xl font-semibold text-gray-800">📖 Catalogue</h2>
<p class="mt-2 text-gray-600">Parcourez des milliers de livres classés par genres et auteurs.</p>
</div>
<!-- Carte 2 -->
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<h2 class="text-xl font-semibold text-gray-800">⭐ Avis & Notes</h2>
<p class="mt-2 text-gray-600">Lisez et partagez des avis sur vos lectures préférées.</p>
</div>
<!-- Carte 3 -->
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<h2 class="text-xl font-semibold text-gray-800">👥 Communauté</h2>
<p class="mt-2 text-gray-600">Échangez avec d'autres passionnés de lecture.</p>
</div>
</div>
</div>
{% endblock %}