From 394c438adcd4f7ad238b537b936190c7be113cd9 Mon Sep 17 00:00:00 2001
From: lobroda <lou.broda@etu.uca.fr>
Date: Tue, 5 Sep 2023 10:06:50 +0100
Subject: [PATCH] ADD : icons & Content View for HomePage :zap:

---
 LivreLand/AppShell.xaml                       |  24 +-
 LivreLand/LivreLand.csproj                    |  28 +-
 LivreLand/MainPage.xaml                       |  41 ---
 LivreLand/MainPage.xaml.cs                    |  24 --
 LivreLand/Resources/Images/arrow_forward.svg  |   3 +
 LivreLand/Resources/Images/binoculars.svg     |  10 +
 .../Resources/Images/binoculars_fill.svg      |  10 +
 LivreLand/Resources/Images/book_closed.svg    |  10 +
 .../Resources/Images/book_closed_fill.svg     |  10 +
 LivreLand/Resources/Images/book_fill.svg      |  10 +
 LivreLand/Resources/Images/bookmark.svg       |  10 +
 LivreLand/Resources/Images/bookmark_fill.svg  |  10 +
 LivreLand/Resources/Images/books_vertical.svg |  10 +
 .../Resources/Images/books_vertical_fill.svg  |  10 +
 LivreLand/Resources/Images/calendar.svg       |  20 ++
 .../Resources/Images/calendar_badge_clock.svg |  14 +
 LivreLand/Resources/Images/chevron_right.svg  |   3 +
 LivreLand/Resources/Images/eyeglasses.svg     |  10 +
 LivreLand/Resources/Images/gear.svg           |  10 +
 LivreLand/Resources/Images/heart.svg          |  10 +
 LivreLand/Resources/Images/heart_fill.svg     |  10 +
 LivreLand/Resources/Images/list_bullet.svg    |   8 +
 .../Resources/Images/magnifying_glass.svg     |  10 +
 LivreLand/Resources/Images/person.svg         |  10 +
 LivreLand/Resources/Images/person_2.svg       |  12 +
 LivreLand/Resources/Images/person_2_fill.svg  |  12 +
 LivreLand/Resources/Images/person_3.svg       |  13 +
 LivreLand/Resources/Images/person_3_fill.svg  |  13 +
 .../Resources/Images/person_badge_clock.svg   |  13 +
 .../Images/person_badge_clock_fill.svg        |  13 +
 LivreLand/Resources/Images/person_fill.svg    |  10 +
 LivreLand/Resources/Images/plus.svg           |   3 +
 LivreLand/Resources/Images/sparkles.svg       |  12 +
 LivreLand/Resources/Images/sunglasses.svg     |  11 +
 LivreLand/Resources/Images/tag.svg            |  10 +
 LivreLand/Resources/Images/tag_fill.svg       |  10 +
 .../Resources/Images/text_book_closed.svg     |  10 +
 .../Images/text_book_closed_fill.svg          |  10 +
 LivreLand/Resources/Images/tray_2.svg         |  12 +
 LivreLand/Resources/Images/tray_2_fill.svg    |  12 +
 LivreLand/Resources/Styles/Colors.xaml        |   3 +
 LivreLand/View/BibliothequeView.xaml          | 281 ++++++++++++++++++
 LivreLand/View/BibliothequeView.xaml.cs       |   9 +
 .../View/ContentViews/HomeButtonView.xaml     |  35 +++
 .../View/ContentViews/HomeButtonView.xaml.cs  |  30 ++
 LivreLand/View/DetailsLivreView.xaml          |  32 ++
 LivreLand/View/DetailsLivreView.xaml.cs       |   9 +
 LivreLand/View/FiltrageAuteurView.xaml        |  12 +
 LivreLand/View/FiltrageAuteurView.xaml.cs     |   9 +
 LivreLand/View/FiltrageDateView.xaml          |  12 +
 LivreLand/View/FiltrageDateView.xaml.cs       |   9 +
 LivreLand/View/HeaderHome.xaml                |  27 ++
 LivreLand/View/HeaderHome.xaml.cs             |   9 +
 LivreLand/View/HeaderPage.xaml                |  11 +
 LivreLand/View/HeaderPage.xaml.cs             |   9 +
 LivreLand/View/TousView.xaml                  |  46 +++
 LivreLand/View/TousView.xaml.cs               |   9 +
 57 files changed, 972 insertions(+), 71 deletions(-)
 delete mode 100644 LivreLand/MainPage.xaml
 delete mode 100644 LivreLand/MainPage.xaml.cs
 create mode 100644 LivreLand/Resources/Images/arrow_forward.svg
 create mode 100644 LivreLand/Resources/Images/binoculars.svg
 create mode 100644 LivreLand/Resources/Images/binoculars_fill.svg
 create mode 100644 LivreLand/Resources/Images/book_closed.svg
 create mode 100644 LivreLand/Resources/Images/book_closed_fill.svg
 create mode 100644 LivreLand/Resources/Images/book_fill.svg
 create mode 100644 LivreLand/Resources/Images/bookmark.svg
 create mode 100644 LivreLand/Resources/Images/bookmark_fill.svg
 create mode 100644 LivreLand/Resources/Images/books_vertical.svg
 create mode 100644 LivreLand/Resources/Images/books_vertical_fill.svg
 create mode 100644 LivreLand/Resources/Images/calendar.svg
 create mode 100644 LivreLand/Resources/Images/calendar_badge_clock.svg
 create mode 100644 LivreLand/Resources/Images/chevron_right.svg
 create mode 100644 LivreLand/Resources/Images/eyeglasses.svg
 create mode 100644 LivreLand/Resources/Images/gear.svg
 create mode 100644 LivreLand/Resources/Images/heart.svg
 create mode 100644 LivreLand/Resources/Images/heart_fill.svg
 create mode 100644 LivreLand/Resources/Images/list_bullet.svg
 create mode 100644 LivreLand/Resources/Images/magnifying_glass.svg
 create mode 100644 LivreLand/Resources/Images/person.svg
 create mode 100644 LivreLand/Resources/Images/person_2.svg
 create mode 100644 LivreLand/Resources/Images/person_2_fill.svg
 create mode 100644 LivreLand/Resources/Images/person_3.svg
 create mode 100644 LivreLand/Resources/Images/person_3_fill.svg
 create mode 100644 LivreLand/Resources/Images/person_badge_clock.svg
 create mode 100644 LivreLand/Resources/Images/person_badge_clock_fill.svg
 create mode 100644 LivreLand/Resources/Images/person_fill.svg
 create mode 100644 LivreLand/Resources/Images/plus.svg
 create mode 100644 LivreLand/Resources/Images/sparkles.svg
 create mode 100644 LivreLand/Resources/Images/sunglasses.svg
 create mode 100644 LivreLand/Resources/Images/tag.svg
 create mode 100644 LivreLand/Resources/Images/tag_fill.svg
 create mode 100644 LivreLand/Resources/Images/text_book_closed.svg
 create mode 100644 LivreLand/Resources/Images/text_book_closed_fill.svg
 create mode 100644 LivreLand/Resources/Images/tray_2.svg
 create mode 100644 LivreLand/Resources/Images/tray_2_fill.svg
 create mode 100644 LivreLand/View/BibliothequeView.xaml
 create mode 100644 LivreLand/View/BibliothequeView.xaml.cs
 create mode 100644 LivreLand/View/ContentViews/HomeButtonView.xaml
 create mode 100644 LivreLand/View/ContentViews/HomeButtonView.xaml.cs
 create mode 100644 LivreLand/View/DetailsLivreView.xaml
 create mode 100644 LivreLand/View/DetailsLivreView.xaml.cs
 create mode 100644 LivreLand/View/FiltrageAuteurView.xaml
 create mode 100644 LivreLand/View/FiltrageAuteurView.xaml.cs
 create mode 100644 LivreLand/View/FiltrageDateView.xaml
 create mode 100644 LivreLand/View/FiltrageDateView.xaml.cs
 create mode 100644 LivreLand/View/HeaderHome.xaml
 create mode 100644 LivreLand/View/HeaderHome.xaml.cs
 create mode 100644 LivreLand/View/HeaderPage.xaml
 create mode 100644 LivreLand/View/HeaderPage.xaml.cs
 create mode 100644 LivreLand/View/TousView.xaml
 create mode 100644 LivreLand/View/TousView.xaml.cs

diff --git a/LivreLand/AppShell.xaml b/LivreLand/AppShell.xaml
index b72100d..5929e08 100644
--- a/LivreLand/AppShell.xaml
+++ b/LivreLand/AppShell.xaml
@@ -4,11 +4,25 @@
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:local="clr-namespace:LivreLand"
-    Shell.FlyoutBehavior="Disabled">
+    xmlns:view="clr-namespace:LivreLand.View"
+    Shell.FlyoutBehavior="Disabled"
+    Shell.NavBarIsVisible="False"
+    Shell.TabBarTitleColor="Red">
+
+    <TabBar>
+        <ShellContent Title="My Library"
+                      ContentTemplate="{DataTemplate view:BibliothequeView}"
+                      Icon="books_vertical_fill.png"/>
+        <ShellContent Title="My Lists"
+                      ContentTemplate="{DataTemplate view:TousView}"
+                      Icon="list_bullet.svg"/>
+        <ShellContent Title="My Readings"
+                      ContentTemplate="{DataTemplate view:BibliothequeView}"
+                      Icon="bookmark_fill"/>
+        <ShellContent Title="Search"
+                      ContentTemplate="{DataTemplate view:BibliothequeView}"
+                      Icon="magnifying_glass.png"/>
+    </TabBar>
 
-    <ShellContent
-        Title="Home"
-        ContentTemplate="{DataTemplate local:MainPage}"
-        Route="MainPage" />
 
 </Shell>
diff --git a/LivreLand/LivreLand.csproj b/LivreLand/LivreLand.csproj
index e0e0eed..94253f8 100644
--- a/LivreLand/LivreLand.csproj
+++ b/LivreLand/LivreLand.csproj
@@ -55,7 +55,33 @@
 	<ItemGroup>
 	  <Folder Include="Model\" />
 	  <Folder Include="ViewModel\" />
-	  <Folder Include="View\" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiXaml Update="View\BibliothequeView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\ContentViews\HomeButtonView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\DetailsLivreView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\FiltrageAuteurView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\FiltrageDateView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\HeaderHome.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\HeaderPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\TousView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>
diff --git a/LivreLand/MainPage.xaml b/LivreLand/MainPage.xaml
deleted file mode 100644
index 15e39db..0000000
--- a/LivreLand/MainPage.xaml
+++ /dev/null
@@ -1,41 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             x:Class="LivreLand.MainPage">
-
-    <ScrollView>
-        <VerticalStackLayout
-            Spacing="25"
-            Padding="30,0"
-            VerticalOptions="Center">
-
-            <Image
-                Source="dotnet_bot.png"
-                SemanticProperties.Description="Cute dot net bot waving hi to you!"
-                HeightRequest="200"
-                HorizontalOptions="Center" />
-
-            <Label
-                Text="Hello, World!"
-                SemanticProperties.HeadingLevel="Level1"
-                FontSize="32"
-                HorizontalOptions="Center" />
-
-            <Label
-                Text="Welcome to .NET Multi-platform App UI"
-                SemanticProperties.HeadingLevel="Level2"
-                SemanticProperties.Description="Welcome to dot net Multi platform App U I"
-                FontSize="18"
-                HorizontalOptions="Center" />
-
-            <Button
-                x:Name="CounterBtn"
-                Text="Click me"
-                SemanticProperties.Hint="Counts the number of times you click"
-                Clicked="OnCounterClicked"
-                HorizontalOptions="Center" />
-
-        </VerticalStackLayout>
-    </ScrollView>
-
-</ContentPage>
diff --git a/LivreLand/MainPage.xaml.cs b/LivreLand/MainPage.xaml.cs
deleted file mode 100644
index b1daa1a..0000000
--- a/LivreLand/MainPage.xaml.cs
+++ /dev/null
@@ -1,24 +0,0 @@
-namespace LivreLand;
-
-public partial class MainPage : ContentPage
-{
-	int count = 0;
-
-	public MainPage()
-	{
-		InitializeComponent();
-	}
-
-	private void OnCounterClicked(object sender, EventArgs e)
-	{
-		count++;
-
-		if (count == 1)
-			CounterBtn.Text = $"Clicked {count} time";
-		else
-			CounterBtn.Text = $"Clicked {count} times";
-
-		SemanticScreenReader.Announce(CounterBtn.Text);
-	}
-}
-
diff --git a/LivreLand/Resources/Images/arrow_forward.svg b/LivreLand/Resources/Images/arrow_forward.svg
new file mode 100644
index 0000000..c8bee21
--- /dev/null
+++ b/LivreLand/Resources/Images/arrow_forward.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.7617 13.8828C24.7617 13.5898 24.6445 13.3203 24.4102 13.0977L16.6406 5.35156C16.3828 5.09375 16.1367 5 15.8555 5C15.2812 5 14.8359 5.42188 14.8359 6.00781C14.8359 6.28906 14.9297 6.55859 15.1172 6.74609L17.7422 9.41797L22.3945 13.6602L22.6289 13.0742L18.8555 12.8398H4.03125C3.42188 12.8398 3 13.2734 3 13.8828C3 14.4922 3.42188 14.9258 4.03125 14.9258H18.8555L22.6289 14.6914L22.3945 14.1172L17.7422 18.3477L15.1172 21.0195C14.9297 21.1953 14.8359 21.4766 14.8359 21.7578C14.8359 22.3438 15.2812 22.7656 15.8555 22.7656C16.1367 22.7656 16.3828 22.6602 16.6172 22.4375L24.4102 14.668C24.6445 14.4453 24.7617 14.1758 24.7617 13.8828Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/LivreLand/Resources/Images/binoculars.svg b/LivreLand/Resources/Images/binoculars.svg
new file mode 100644
index 0000000..f9e53c2
--- /dev/null
+++ b/LivreLand/Resources/Images/binoculars.svg
@@ -0,0 +1,10 @@
+<svg width="30" height="28" viewBox="0 0 30 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_89400)">
+<path d="M0 19.4961C0 22.7656 2.92969 25.2148 6.51562 25.2148C10.0898 25.2148 13.0078 22.7656 13.0078 19.4961V6.54688C13.0078 4.40234 11.543 2.97266 9.29297 2.97266C7.53516 2.97266 6.12891 3.86328 5.47266 5.38672L0.597656 16.7305C0.117188 17.8438 0 18.6406 0 19.4961ZM3.49219 14.4805L7.06641 6.17188C7.46484 5.23438 8.26172 4.68359 9.22266 4.68359C10.4648 4.68359 11.2617 5.50391 11.2617 6.73438V15.6406C10.0898 14.4805 8.35547 13.7773 6.51562 13.7773C5.47266 13.7773 4.40625 14.0352 3.49219 14.4805ZM1.83984 19.4961C1.83984 17.1406 3.86719 15.5352 6.51562 15.5352C9.15234 15.5352 11.25 17.1406 11.25 19.4961C11.25 21.8516 9.15234 23.457 6.51562 23.457C3.86719 23.457 1.83984 21.8516 1.83984 19.4961ZM29.918 19.4961C29.918 18.6406 29.7891 17.8438 29.3086 16.7305L24.4453 5.38672C23.7773 3.86328 22.3828 2.97266 20.625 2.97266C18.375 2.97266 16.9102 4.40234 16.9102 6.54688V19.4961C16.9102 22.7656 19.8281 25.2148 23.4023 25.2148C26.9766 25.2148 29.918 22.7656 29.918 19.4961ZM26.4258 14.4805C25.5117 14.0352 24.4453 13.7773 23.4023 13.7773C21.5625 13.7773 19.8164 14.4805 18.6445 15.6406V6.73438C18.6445 5.50391 19.4531 4.68359 20.6953 4.68359C21.6445 4.68359 22.4414 5.23438 22.8398 6.17188L26.4258 14.4805ZM28.0664 19.4961C28.0664 21.8516 26.0391 23.457 23.4023 23.457C20.7539 23.457 18.668 21.8516 18.668 19.4961C18.668 17.1406 20.7539 15.5352 23.4023 15.5352C26.0391 15.5352 28.0664 17.1406 28.0664 19.4961ZM12.2227 16.8594C12.9023 16.4258 13.9102 16.1445 14.9648 16.1445C16.2656 16.1445 17.1094 16.3438 17.7773 16.8359V15.0898C17.0039 14.7617 16.0781 14.6094 14.9648 14.6094C13.9922 14.6094 13.043 14.8086 12.2227 15.1484V16.8594ZM12.2227 13.2852C12.9023 12.8398 13.9102 12.5703 14.9648 12.5703C16.2656 12.5703 17.1094 12.7578 17.7773 13.2617V11.5156C17.0039 11.1875 16.0781 11.0352 14.9648 11.0352C13.9922 11.0352 13.043 11.2344 12.2227 11.5742V13.2852ZM12.2227 9.69922C12.9023 9.26562 13.9102 8.98438 14.9648 8.98438C16.2656 8.98438 17.1094 9.18359 17.7773 9.67578V7.94141C17.0039 7.61328 16.0781 7.44922 14.9648 7.44922C13.9922 7.44922 13.043 7.66016 12.2227 8V9.69922Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_89400">
+<rect width="29.918" height="23.2148" fill="white" transform="translate(0 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/binoculars_fill.svg b/LivreLand/Resources/Images/binoculars_fill.svg
new file mode 100644
index 0000000..8117a78
--- /dev/null
+++ b/LivreLand/Resources/Images/binoculars_fill.svg
@@ -0,0 +1,10 @@
+<svg width="30" height="28" viewBox="0 0 30 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_89401)">
+<path d="M0 19.4961C0 22.7656 2.92969 25.2148 6.51562 25.2148C10.0898 25.2148 13.0078 22.7656 13.0078 19.4961V16.4961C13.582 16.2734 14.2734 16.1445 14.9648 16.1445C15.7266 16.1445 16.3828 16.2266 16.9102 16.4141V19.4961C16.9102 22.7656 19.8281 25.2148 23.4023 25.2148C26.9766 25.2148 29.918 22.7656 29.918 19.4961C29.918 18.6406 29.7891 17.8438 29.3086 16.7305L24.4453 5.38672C23.7773 3.86328 22.3828 2.97266 20.625 2.97266C18.375 2.97266 16.9102 4.40234 16.9102 6.54688V7.68359C16.3242 7.53125 15.6797 7.44922 14.9648 7.44922C14.2852 7.44922 13.6289 7.55469 13.0078 7.75391V6.54688C13.0078 4.40234 11.543 2.97266 9.29297 2.97266C7.53516 2.97266 6.12891 3.86328 5.47266 5.38672L0.597656 16.7305C0.117188 17.8438 0 18.6406 0 19.4961ZM1.83984 19.4961C1.83984 17.1406 3.86719 15.5352 6.51562 15.5352C9.15234 15.5352 11.25 17.1406 11.25 19.4961C11.25 21.8516 9.15234 23.457 6.51562 23.457C3.86719 23.457 1.83984 21.8516 1.83984 19.4961ZM18.668 19.4961C18.668 17.1406 20.7539 15.5352 23.4023 15.5352C26.0391 15.5352 28.0664 17.1406 28.0664 19.4961C28.0664 21.8516 26.0391 23.457 23.4023 23.457C20.7539 23.457 18.668 21.8516 18.668 19.4961ZM13.0078 12.9219V11.3281C13.6289 11.1289 14.2852 11.0352 14.9648 11.0352C15.6797 11.0352 16.3242 11.1055 16.9102 11.2578V12.8281C16.3828 12.6523 15.7383 12.5703 14.9648 12.5703C14.2734 12.5703 13.582 12.6992 13.0078 12.9219Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_89401">
+<rect width="29.918" height="23.2148" fill="white" transform="translate(0 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/book_closed.svg b/LivreLand/Resources/Images/book_closed.svg
new file mode 100644
index 0000000..75cdb22
--- /dev/null
+++ b/LivreLand/Resources/Images/book_closed.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88476)">
+<path d="M7.59766 26.1133H22.7734C23.2891 26.1133 23.7109 25.7031 23.7109 25.1758C23.7109 24.7656 23.4297 24.4023 23.0547 24.2734C21.5781 23.6875 21.2734 21.7773 22.7266 20.3125C23.1719 19.8672 23.7109 19.293 23.7109 18.1211V4.67969C23.7109 2.24219 22.5039 1 20.0781 1H7.63281C5.20703 1 4 2.23047 4 4.67969V22.4922C4 24.9062 5.21875 26.1133 7.59766 26.1133ZM5.88672 19.3398V4.71484C5.88672 3.54297 6.50781 2.88672 7.71484 2.88672H19.9844C21.2031 2.88672 21.8242 3.54297 21.8242 4.71484V17.8633C21.8242 18.4961 21.4609 18.8594 20.8047 18.8594H7.79688C7.03516 18.8594 6.40234 19.0234 5.88672 19.3398ZM7.70312 24.2266C6.51953 24.2266 5.88672 23.5938 5.88672 22.4805C5.88672 21.4258 6.63672 20.7461 7.80859 20.7461H19.832C19.9844 20.7461 20.125 20.7344 20.2422 20.7109C19.6914 21.9297 19.7852 23.2188 20.4062 24.2266H7.70312ZM7.26953 19.8672H8.80469V2.42969H7.26953V19.8672Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88476">
+<rect width="19.7109" height="25.1133" fill="white" transform="translate(4 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/book_closed_fill.svg b/LivreLand/Resources/Images/book_closed_fill.svg
new file mode 100644
index 0000000..f52aaef
--- /dev/null
+++ b/LivreLand/Resources/Images/book_closed_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88477)">
+<path d="M7.59766 26.1133H22.7734C23.2891 26.1133 23.7109 25.7031 23.7109 25.1758C23.7109 24.7656 23.4297 24.4023 23.0547 24.2734C21.5781 23.6875 21.2734 21.7773 22.7266 20.3125C23.1719 19.8672 23.7109 19.293 23.7109 18.1211V4.67969C23.7109 2.24219 22.5039 1 20.0781 1H7.63281C5.20703 1 4 2.23047 4 4.67969V22.4922C4 24.9062 5.21875 26.1133 7.59766 26.1133ZM7.70312 24.2266C6.51953 24.2266 5.88672 23.5938 5.88672 22.4805C5.88672 21.4258 6.63672 20.7461 7.80859 20.7461H19.832C19.9844 20.7461 20.125 20.7344 20.2422 20.7109C19.6914 21.9297 19.7852 23.2188 20.4062 24.2266H7.70312ZM7.35156 18.9648C6.98828 18.9648 6.68359 18.6602 6.68359 18.2852V3.48438C6.68359 3.10938 6.98828 2.81641 7.35156 2.81641C7.71484 2.81641 8.03125 3.10938 8.03125 3.48438V18.2852C8.03125 18.6602 7.71484 18.9648 7.35156 18.9648Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88477">
+<rect width="19.7109" height="25.1133" fill="white" transform="translate(4 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/book_fill.svg b/LivreLand/Resources/Images/book_fill.svg
new file mode 100644
index 0000000..6e796fb
--- /dev/null
+++ b/LivreLand/Resources/Images/book_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88469)">
+<path d="M7.60938 3C5.03125 3 2.34766 4.19531 1.14062 6.26953C1.01172 6.50391 1 6.65625 1 7.08984V23.625C1 24.1641 1.33984 24.4922 1.92578 24.4922C2.20703 24.4922 2.47656 24.4102 2.6875 24.2109C4.16406 22.9453 6.12109 22.2891 8.07812 22.2891C9.90625 22.2891 11.6055 22.9336 12.8477 24C12.9766 24.1055 13.1289 24.1641 13.2578 24.1641C13.5156 24.1641 13.7266 23.9766 13.7266 23.6719V6.33984C13.7266 6.03516 13.7031 5.96484 13.4805 5.64844C12.332 3.99609 10.082 3 7.60938 3ZM21.3789 3C18.9062 3 16.6562 3.99609 15.5078 5.64844C15.2852 5.96484 15.2617 6.03516 15.2617 6.33984V23.6719C15.2617 23.9766 15.4727 24.1641 15.7305 24.1641C15.8594 24.1641 16.0234 24.1055 16.1406 24C17.3828 22.9336 19.082 22.2891 20.9102 22.2891C22.8672 22.2891 24.8242 22.9453 26.3008 24.2109C26.5117 24.4102 26.7812 24.4922 27.0625 24.4922C27.6484 24.4922 27.9883 24.1641 27.9883 23.625V7.08984C27.9883 6.65625 27.9766 6.49219 27.8477 6.26953C26.6406 4.19531 23.957 3 21.3789 3Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88469">
+<rect width="26.9883" height="21.5273" fill="white" transform="translate(1 3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/bookmark.svg b/LivreLand/Resources/Images/bookmark.svg
new file mode 100644
index 0000000..25c75b6
--- /dev/null
+++ b/LivreLand/Resources/Images/bookmark.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88494)">
+<path d="M7.24219 26.1367C7.81641 26.1367 8.15625 25.8086 9.21094 24.7891L13.793 20.2773C13.8516 20.2188 13.957 20.2188 14.0039 20.2773L18.5859 24.7891C19.6406 25.8086 19.9805 26.1367 20.5547 26.1367C21.3398 26.1367 21.7969 25.6211 21.7969 24.707V4.36328C21.7969 2.13672 20.6836 1 18.4805 1H9.31641C7.11328 1 6 2.13672 6 4.36328V24.707C6 25.6211 6.45703 26.1367 7.24219 26.1367ZM8.20312 22.9727C8.03906 23.1367 7.85156 23.0898 7.85156 22.8555V4.38672C7.85156 3.37891 8.37891 2.85156 9.41016 2.85156H18.3984C19.418 2.85156 19.9453 3.37891 19.9453 4.38672V22.8555C19.9453 23.0898 19.7695 23.1367 19.5938 22.9727L14.5195 18.0508C14.1445 17.6875 13.6523 17.6875 13.2773 18.0508L8.20312 22.9727Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88494">
+<rect width="15.7969" height="25.1836" fill="white" transform="translate(6 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/bookmark_fill.svg b/LivreLand/Resources/Images/bookmark_fill.svg
new file mode 100644
index 0000000..49644ff
--- /dev/null
+++ b/LivreLand/Resources/Images/bookmark_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88495)">
+<path d="M7.24219 26.1367C7.81641 26.1367 8.15625 25.8086 9.21094 24.7891L13.793 20.2773C13.8516 20.2188 13.957 20.2188 14.0039 20.2773L18.5859 24.7891C19.6406 25.8086 19.9805 26.1367 20.5547 26.1367C21.3398 26.1367 21.7969 25.6211 21.7969 24.707V4.36328C21.7969 2.13672 20.6836 1 18.4805 1H9.31641C7.11328 1 6 2.13672 6 4.36328V24.707C6 25.6211 6.45703 26.1367 7.24219 26.1367Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88495">
+<rect width="15.7969" height="25.1836" fill="white" transform="translate(6 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/books_vertical.svg b/LivreLand/Resources/Images/books_vertical.svg
new file mode 100644
index 0000000..1f2b0c5
--- /dev/null
+++ b/LivreLand/Resources/Images/books_vertical.svg
@@ -0,0 +1,10 @@
+<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88472)">
+<path d="M0 24.2383C0 26.043 0.867188 26.9336 2.67188 26.9336H18.6797C20.4727 26.9336 21.3516 26.043 21.3516 24.2383V3.70703C21.3516 1.90234 20.4727 1 18.6797 1H16.3828C14.5898 1 13.7109 1.90234 13.7109 3.70703V8.35938C13.4531 8.30078 13.1484 8.25391 12.8203 8.25391H7.71094C7.37109 8.25391 7.07812 8.30078 6.80859 8.35938V6.95312C6.80859 5.14844 5.94141 4.24609 4.14844 4.24609H2.67188C0.867188 4.24609 0 5.14844 0 6.95312V24.2383ZM1.76953 24.0977V7.08203C1.76953 6.39062 2.13281 6.01562 2.85938 6.01562H3.96094C4.6875 6.01562 5.03906 6.39062 5.03906 7.08203V25.1641H2.85938C2.13281 25.1641 1.76953 24.7891 1.76953 24.0977ZM6.80859 25.1641V11.0898C6.80859 10.3984 7.17188 10.0234 7.89844 10.0234H12.6328C13.3594 10.0234 13.7109 10.3984 13.7109 11.0898V25.1641H6.80859ZM15.4805 25.1641V3.83594C15.4805 3.14453 15.8438 2.76953 16.5703 2.76953H18.4922C19.2305 2.76953 19.582 3.14453 19.582 3.83594V24.0977C19.582 24.7891 19.2305 25.1641 18.4922 25.1641H15.4805ZM7.875 12.2969C7.875 12.707 8.17969 13.0234 8.61328 13.0234H11.9414C12.3516 13.0234 12.668 12.707 12.668 12.2969C12.668 11.8984 12.3516 11.582 11.9414 11.582H8.61328C8.17969 11.582 7.875 11.8984 7.875 12.2969ZM7.875 22.8906C7.875 23.3008 8.17969 23.6172 8.61328 23.6172H11.9414C12.3516 23.6172 12.668 23.3008 12.668 22.8906C12.668 22.4922 12.3516 22.1758 11.9414 22.1758H8.61328C8.17969 22.1758 7.875 22.4922 7.875 22.8906ZM22.4062 24.5664C22.6289 26.3477 23.5781 27.1797 25.3711 26.9336L26.5898 26.7695C28.3828 26.5234 29.1211 25.5742 28.9219 23.793L26.9062 6.27344C26.6953 4.49219 25.7344 3.64844 23.9414 3.90625L22.7227 4.07031C20.918 4.32812 20.168 5.26562 20.3789 7.04688L22.4062 24.5664ZM24.1406 24.2148L22.1602 6.97656C22.0781 6.28516 22.3945 5.89844 23.1211 5.79297L23.9648 5.6875C24.6914 5.58203 25.0898 5.93359 25.1719 6.61328L27.1523 23.8516C27.2344 24.5547 26.918 24.9297 26.2031 25.0352L25.3359 25.1523C24.6211 25.2578 24.2227 24.918 24.1406 24.2148Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88472">
+<rect width="28.9535" height="26.7539" fill="white" transform="translate(0 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/books_vertical_fill.svg b/LivreLand/Resources/Images/books_vertical_fill.svg
new file mode 100644
index 0000000..77b3ca7
--- /dev/null
+++ b/LivreLand/Resources/Images/books_vertical_fill.svg
@@ -0,0 +1,10 @@
+<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88473)">
+<path d="M1.44141 26.9336H3.65625C4.58203 26.9336 5.09766 26.4062 5.09766 25.4922V5.69922C5.09766 4.77344 4.58203 4.24609 3.65625 4.24609H1.44141C0.503906 4.24609 0 4.77344 0 5.69922V25.4922C0 26.4062 0.503906 26.9336 1.44141 26.9336ZM7.91016 26.9336H12.6562C13.5938 26.9336 14.0977 26.4062 14.0977 25.4922V9.69531C14.0977 8.78125 13.5938 8.25391 12.6562 8.25391H7.91016C6.97266 8.25391 6.45703 8.78125 6.45703 9.69531V25.4922C6.45703 26.4062 6.97266 26.9336 7.91016 26.9336ZM9.02344 12.4375C8.60156 12.4375 8.28516 12.1211 8.28516 11.7109C8.28516 11.3125 8.60156 10.9961 9.02344 10.9961H11.5664C11.9766 10.9961 12.2812 11.3125 12.2812 11.7109C12.2812 12.1211 11.9766 12.4375 11.5664 12.4375H9.02344ZM9.02344 24.2031C8.60156 24.2031 8.28516 23.8867 8.28516 23.4766C8.28516 23.0781 8.60156 22.7617 9.02344 22.7617H11.5664C11.9766 22.7617 12.2812 23.0781 12.2812 23.4766C12.2812 23.8867 11.9766 24.2031 11.5664 24.2031H9.02344ZM16.9102 26.9336H19.8047C20.7422 26.9336 21.2461 26.4062 21.2461 25.4922V2.45312C21.2461 1.52734 20.7422 1 19.8047 1H16.9102C15.9727 1 15.4688 1.52734 15.4688 2.45312V25.4922C15.4688 26.4062 15.9727 26.9336 16.9102 26.9336ZM24.8789 26.9922L26.7656 26.7227C27.6797 26.6055 28.125 26.043 28.0195 25.1172L25.7812 5.67578C25.6758 4.76172 25.125 4.28125 24.1875 4.41016L22.3125 4.67969C21.3867 4.79688 20.9414 5.35938 21.0469 6.27344L23.2969 25.7148C23.4023 26.6289 23.9531 27.1094 24.8789 26.9922Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88473">
+<rect width="28.0348" height="26.7539" fill="white" transform="translate(0 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/calendar.svg b/LivreLand/Resources/Images/calendar.svg
new file mode 100644
index 0000000..fcc591e
--- /dev/null
+++ b/LivreLand/Resources/Images/calendar.svg
@@ -0,0 +1,20 @@
+<svg width="32" height="30" viewBox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_82363)" filter="url(#filter0_d_2124_82363)">
+<path d="M7.67969 21.5977H23.6875C26.1367 21.5977 27.3555 20.3789 27.3555 17.9648V3.65625C27.3555 1.24219 26.1367 0.0234375 23.6875 0.0234375H7.67969C5.23047 0.0234375 4 1.23047 4 3.65625V17.9648C4 20.3906 5.23047 21.5977 7.67969 21.5977ZM7.50391 19.7109C6.46094 19.7109 5.88672 19.1602 5.88672 18.0703V7.01953C5.88672 5.94141 6.46094 5.37891 7.50391 5.37891H23.8398C24.8828 5.37891 25.4688 5.94141 25.4688 7.01953V18.0703C25.4688 19.1602 24.8828 19.7109 23.8398 19.7109H7.50391ZM13.3984 9.58594H14.0898C14.5 9.58594 14.6289 9.46875 14.6289 9.05859V8.36719C14.6289 7.95703 14.5 7.82812 14.0898 7.82812H13.3984C12.9883 7.82812 12.8477 7.95703 12.8477 8.36719V9.05859C12.8477 9.46875 12.9883 9.58594 13.3984 9.58594ZM17.2891 9.58594H17.9805C18.3906 9.58594 18.5312 9.46875 18.5312 9.05859V8.36719C18.5312 7.95703 18.3906 7.82812 17.9805 7.82812H17.2891C16.8789 7.82812 16.7383 7.95703 16.7383 8.36719V9.05859C16.7383 9.46875 16.8789 9.58594 17.2891 9.58594ZM21.1797 9.58594H21.8711C22.2812 9.58594 22.4219 9.46875 22.4219 9.05859V8.36719C22.4219 7.95703 22.2812 7.82812 21.8711 7.82812H21.1797C20.7695 7.82812 20.6406 7.95703 20.6406 8.36719V9.05859C20.6406 9.46875 20.7695 9.58594 21.1797 9.58594ZM9.50781 13.418H10.1875C10.6094 13.418 10.7383 13.3008 10.7383 12.8906V12.1992C10.7383 11.7891 10.6094 11.6719 10.1875 11.6719H9.50781C9.08594 11.6719 8.95703 11.7891 8.95703 12.1992V12.8906C8.95703 13.3008 9.08594 13.418 9.50781 13.418ZM13.3984 13.418H14.0898C14.5 13.418 14.6289 13.3008 14.6289 12.8906V12.1992C14.6289 11.7891 14.5 11.6719 14.0898 11.6719H13.3984C12.9883 11.6719 12.8477 11.7891 12.8477 12.1992V12.8906C12.8477 13.3008 12.9883 13.418 13.3984 13.418ZM17.2891 13.418H17.9805C18.3906 13.418 18.5312 13.3008 18.5312 12.8906V12.1992C18.5312 11.7891 18.3906 11.6719 17.9805 11.6719H17.2891C16.8789 11.6719 16.7383 11.7891 16.7383 12.1992V12.8906C16.7383 13.3008 16.8789 13.418 17.2891 13.418ZM21.1797 13.418H21.8711C22.2812 13.418 22.4219 13.3008 22.4219 12.8906V12.1992C22.4219 11.7891 22.2812 11.6719 21.8711 11.6719H21.1797C20.7695 11.6719 20.6406 11.7891 20.6406 12.1992V12.8906C20.6406 13.3008 20.7695 13.418 21.1797 13.418ZM9.50781 17.2617H10.1875C10.6094 17.2617 10.7383 17.1328 10.7383 16.7227V16.0312C10.7383 15.6211 10.6094 15.5039 10.1875 15.5039H9.50781C9.08594 15.5039 8.95703 15.6211 8.95703 16.0312V16.7227C8.95703 17.1328 9.08594 17.2617 9.50781 17.2617ZM13.3984 17.2617H14.0898C14.5 17.2617 14.6289 17.1328 14.6289 16.7227V16.0312C14.6289 15.6211 14.5 15.5039 14.0898 15.5039H13.3984C12.9883 15.5039 12.8477 15.6211 12.8477 16.0312V16.7227C12.8477 17.1328 12.9883 17.2617 13.3984 17.2617ZM17.2891 17.2617H17.9805C18.3906 17.2617 18.5312 17.1328 18.5312 16.7227V16.0312C18.5312 15.6211 18.3906 15.5039 17.9805 15.5039H17.2891C16.8789 15.5039 16.7383 15.6211 16.7383 16.0312V16.7227C16.7383 17.1328 16.8789 17.2617 17.2891 17.2617Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<filter id="filter0_d_2124_82363" x="0" y="0" width="31.3555" height="29.5977" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2124_82363"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2124_82363" result="shape"/>
+</filter>
+<clipPath id="clip0_2124_82363">
+<rect width="23.3555" height="21.5977" fill="white" transform="translate(4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/calendar_badge_clock.svg b/LivreLand/Resources/Images/calendar_badge_clock.svg
new file mode 100644
index 0000000..f11056d
--- /dev/null
+++ b/LivreLand/Resources/Images/calendar_badge_clock.svg
@@ -0,0 +1,14 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88465)">
+<path d="M3.67969 25.4062H19.6875C22.1367 25.4062 23.3555 24.1875 23.3555 21.7734V7.46484C23.3555 5.05078 22.1367 3.83203 19.6875 3.83203H3.67969C1.23047 3.83203 0 5.03906 0 7.46484V21.7734C0 24.1992 1.23047 25.4062 3.67969 25.4062ZM3.50391 23.5195C2.46094 23.5195 1.88672 22.9688 1.88672 21.8789V10.8281C1.88672 9.75 2.46094 9.1875 3.50391 9.1875H19.8398C20.8828 9.1875 21.4688 9.75 21.4688 10.8281V21.8789C21.4688 22.9688 20.8828 23.5195 19.8398 23.5195H3.50391Z" fill="black" fill-opacity="0.85"/>
+<path d="M9.39844 13.3945H10.0898C10.5 13.3945 10.6289 13.2773 10.6289 12.8672V12.1758C10.6289 11.7656 10.5 11.6367 10.0898 11.6367H9.39844C8.98828 11.6367 8.84766 11.7656 8.84766 12.1758V12.8672C8.84766 13.2773 8.98828 13.3945 9.39844 13.3945ZM13.2891 13.3945H13.9805C14.3906 13.3945 14.5312 13.2773 14.5312 12.8672V12.1758C14.5312 11.7656 14.3906 11.6367 13.9805 11.6367H13.2891C12.8789 11.6367 12.7383 11.7656 12.7383 12.1758V12.8672C12.7383 13.2773 12.8789 13.3945 13.2891 13.3945ZM17.1797 13.3945H17.8711C18.2812 13.3945 18.4219 13.2773 18.4219 12.8672V12.1758C18.4219 11.7656 18.2812 11.6367 17.8711 11.6367H17.1797C16.7695 11.6367 16.6406 11.7656 16.6406 12.1758V12.8672C16.6406 13.2773 16.7695 13.3945 17.1797 13.3945ZM5.50781 17.2266H6.1875C6.60938 17.2266 6.73828 17.1094 6.73828 16.6992V16.0078C6.73828 15.5977 6.60938 15.4805 6.1875 15.4805H5.50781C5.08594 15.4805 4.95703 15.5977 4.95703 16.0078V16.6992C4.95703 17.1094 5.08594 17.2266 5.50781 17.2266ZM9.39844 17.2266H10.0898C10.5 17.2266 10.6289 17.1094 10.6289 16.6992V16.0078C10.6289 15.5977 10.5 15.4805 10.0898 15.4805H9.39844C8.98828 15.4805 8.84766 15.5977 8.84766 16.0078V16.6992C8.84766 17.1094 8.98828 17.2266 9.39844 17.2266ZM13.2891 17.2266H13.9805C14.3906 17.2266 14.5312 17.1094 14.5312 16.6992V16.0078C14.5312 15.5977 14.3906 15.4805 13.9805 15.4805H13.2891C12.8789 15.4805 12.7383 15.5977 12.7383 16.0078V16.6992C12.7383 17.1094 12.8789 17.2266 13.2891 17.2266ZM5.50781 21.0703H6.1875C6.60938 21.0703 6.73828 20.9414 6.73828 20.5312V19.8398C6.73828 19.4297 6.60938 19.3125 6.1875 19.3125H5.50781C5.08594 19.3125 4.95703 19.4297 4.95703 19.8398V20.5312C4.95703 20.9414 5.08594 21.0703 5.50781 21.0703ZM9.39844 21.0703H10.0898C10.5 21.0703 10.6289 20.9414 10.6289 20.5312V19.8398C10.6289 19.4297 10.5 19.3125 10.0898 19.3125H9.39844C8.98828 19.3125 8.84766 19.4297 8.84766 19.8398V20.5312C8.84766 20.9414 8.98828 21.0703 9.39844 21.0703ZM13.2891 21.0703H13.9805C14.3906 21.0703 14.5312 20.9414 14.5312 20.5312V19.8398C14.5312 19.4297 14.3906 19.3125 13.9805 19.3125H13.2891C12.8789 19.3125 12.7383 19.4297 12.7383 19.8398V20.5312C12.7383 20.9414 12.8789 21.0703 13.2891 21.0703Z" fill="black" fill-opacity="0.85"/>
+<path d="M22.4297 29.2148C26.543 29.2148 29.9766 25.7812 29.9766 21.6562C29.9766 17.5078 26.5781 14.0977 22.4297 14.0977C18.2812 14.0977 14.8711 17.5195 14.8711 21.6562C14.8711 25.8164 18.2695 29.2148 22.4297 29.2148Z" fill="white"/>
+<path d="M22.4297 27.6094C25.6523 27.6094 28.3828 24.9141 28.3828 21.6562C28.3828 18.3867 25.6875 15.7031 22.4297 15.7031C19.1602 15.7031 16.4766 18.3984 16.4766 21.6562C16.4766 24.9375 19.1602 27.6094 22.4297 27.6094Z" fill="black" fill-opacity="0.85"/>
+<path d="M19.6523 22.5703C19.2422 22.5703 18.9141 22.2422 18.9141 21.8438C18.9141 21.457 19.2539 21.1289 19.6523 21.1289H21.7617V18.1875C21.7617 17.8008 22.0898 17.4844 22.4883 17.4844C22.8867 17.4844 23.2148 17.8008 23.2148 18.1875V21.8438C23.2148 22.2539 22.8984 22.5703 22.4883 22.5703H19.6523Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88465">
+<rect width="29.9766" height="29.2148" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/chevron_right.svg b/LivreLand/Resources/Images/chevron_right.svg
new file mode 100644
index 0000000..27b277e
--- /dev/null
+++ b/LivreLand/Resources/Images/chevron_right.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4609 14.1719C19.4609 13.8789 19.3438 13.6094 19.1211 13.3984L9.83984 4.30469C9.62891 4.10547 9.37109 4 9.06641 4C8.46875 4 8 4.45703 8 5.06641C8 5.35938 8.11719 5.62891 8.30469 5.82812L16.8359 14.1719L8.30469 22.5156C8.11719 22.7148 8 22.9727 8 23.2773C8 23.8867 8.46875 24.3438 9.06641 24.3438C9.37109 24.3438 9.62891 24.2383 9.83984 24.0273L19.1211 14.9453C19.3438 14.7227 19.4609 14.4648 19.4609 14.1719Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/LivreLand/Resources/Images/eyeglasses.svg b/LivreLand/Resources/Images/eyeglasses.svg
new file mode 100644
index 0000000..26953a6
--- /dev/null
+++ b/LivreLand/Resources/Images/eyeglasses.svg
@@ -0,0 +1,10 @@
+<svg width="37" height="28" viewBox="0 0 37 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_89302)">
+<path d="M9.57422 21.625C13.6055 21.625 16.875 18.3555 16.875 14.3125C16.875 10.2812 13.6055 7 9.57422 7C5.53125 7 2.25 10.2812 2.25 14.3125C2.25 18.3555 5.53125 21.625 9.57422 21.625ZM9.57422 19.6445C6.62109 19.6445 4.23047 17.2656 4.23047 14.3125C4.23047 11.3711 6.62109 8.98047 9.57422 8.98047C12.5039 8.98047 14.8945 11.3828 14.8945 14.3125C14.8945 17.2539 12.5039 19.6445 9.57422 19.6445ZM27.4219 21.625C31.4531 21.625 34.7227 18.3555 34.7227 14.3125C34.7227 10.2812 31.4531 7 27.4219 7C23.3789 7 20.0977 10.2812 20.0977 14.3125C20.0977 18.3555 23.3789 21.625 27.4219 21.625ZM27.4219 19.6445C24.4805 19.6445 22.0781 17.2539 22.0781 14.3125C22.0781 11.3828 24.4805 8.98047 27.4219 8.98047C30.3633 8.98047 32.7422 11.3711 32.7422 14.3125C32.7422 17.2656 30.3633 19.6445 27.4219 19.6445ZM3.02344 12.8711H0.878906C0.304688 12.8711 0 13.1641 0 13.75V14.2305C0 14.8164 0.304688 15.1211 0.878906 15.1211H3.02344V12.8711ZM33.9492 15.1211H36.1055C36.6797 15.1211 36.9727 14.8164 36.9727 14.2305V13.75C36.9727 13.1641 36.6797 12.8711 36.1055 12.8711H33.9492V15.1211ZM16.3008 14.7344C16.8867 14.3711 17.707 14.1836 18.4922 14.1836C19.2656 14.1836 20.0859 14.3711 20.6836 14.7344V12.6133C20.0156 12.2969 19.1484 12.1797 18.4922 12.1797C17.8242 12.1797 16.957 12.2969 16.3008 12.6133V14.7344Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_89302">
+<rect width="36.9727" height="14.6367" fill="white" transform="translate(0 7)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/gear.svg b/LivreLand/Resources/Images/gear.svg
new file mode 100644
index 0000000..dd46511
--- /dev/null
+++ b/LivreLand/Resources/Images/gear.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88726)">
+<path d="M14.1953 25.4159C14.5 25.4159 14.793 25.3924 15.1094 25.369L15.7773 26.6463C15.918 26.9159 16.1641 27.0448 16.4922 27.0096C16.7852 26.951 16.9844 26.7284 17.0312 26.4237L17.2305 25.0057C17.8164 24.8416 18.3906 24.619 18.9414 24.3846L19.9961 25.3338C20.2188 25.5448 20.5 25.5799 20.793 25.4276C21.0508 25.2752 21.1562 25.0057 21.0977 24.6893L20.8047 23.2948C21.2969 22.9549 21.7773 22.5682 22.2109 22.1346L23.5117 22.6737C23.8047 22.8026 24.0859 22.7323 24.3086 22.4744C24.5078 22.2518 24.5195 21.9588 24.3555 21.6893L23.5938 20.4705C23.9453 19.9901 24.2266 19.451 24.4961 18.8885L25.9375 18.9588C26.2422 18.9823 26.4883 18.8065 26.5938 18.5252C26.6875 18.2323 26.6055 17.951 26.3594 17.7635L25.2344 16.8729C25.3867 16.2987 25.5039 15.701 25.5625 15.0682L26.9102 14.6346C27.2148 14.5409 27.3906 14.3182 27.3906 14.0018C27.3906 13.6854 27.2148 13.4627 26.9102 13.3573L25.5625 12.9354C25.5039 12.3026 25.3867 11.7166 25.2344 11.1307L26.3594 10.2401C26.5938 10.0526 26.6875 9.78304 26.5938 9.49007C26.4883 9.20882 26.2422 9.03304 25.9375 9.05648L24.4961 9.10335C24.2266 8.54085 23.9453 8.02523 23.5938 7.52132L24.3555 6.30257C24.5195 6.05648 24.4961 5.76351 24.3086 5.54085C24.0859 5.28304 23.8047 5.22444 23.5117 5.34163L22.2109 5.86898C21.7773 5.4471 21.2969 5.04866 20.8047 4.70882L21.0977 3.32601C21.168 2.99788 21.0508 2.72835 20.793 2.58773C20.5 2.42366 20.2188 2.45882 19.9961 2.68148L18.9414 3.61898C18.3906 3.37288 17.8164 3.17366 17.2305 2.99788L17.0312 1.59163C16.9844 1.28694 16.7734 1.06429 16.4805 1.00569C16.1641 0.970538 15.9062 1.09944 15.7773 1.35726L15.1094 2.6346C14.793 2.61116 14.5 2.59944 14.1953 2.59944C13.8789 2.59944 13.5977 2.61116 13.2812 2.6346L12.6016 1.35726C12.4727 1.09944 12.2148 0.970538 11.8984 1.00569C11.6055 1.06429 11.3945 1.28694 11.3594 1.59163L11.1484 2.99788C10.5625 3.17366 10 3.36116 9.4375 3.61898L8.38281 2.68148C8.16016 2.45882 7.87891 2.43538 7.58594 2.58773C7.32812 2.72835 7.21094 2.99788 7.28125 3.32601L7.57422 4.70882C7.09375 5.04866 6.60156 5.4471 6.16797 5.86898L4.86719 5.34163C4.57422 5.22444 4.30469 5.28304 4.08203 5.54085C3.88281 5.76351 3.85938 6.05648 4.02344 6.30257L4.78516 7.52132C4.44531 8.02523 4.15234 8.54085 3.88281 9.10335L2.45312 9.05648C2.14844 9.03304 1.89062 9.20882 1.78516 9.49007C1.69141 9.78304 1.78516 10.0526 2.01953 10.2401L3.14453 11.1307C2.99219 11.7166 2.875 12.3026 2.83984 12.9237L1.46875 13.3573C1.16406 13.4627 1 13.6854 1 14.0018C1 14.3182 1.16406 14.5409 1.46875 14.6346L2.83984 15.0682C2.875 15.701 2.99219 16.2987 3.14453 16.8729L2.01953 17.7635C1.78516 17.9393 1.70312 18.2205 1.78516 18.5252C1.89062 18.8065 2.14844 18.9823 2.45312 18.9588L3.88281 18.8885C4.15234 19.451 4.44531 19.9901 4.78516 20.4705L4.02344 21.6893C3.85938 21.9588 3.88281 22.2518 4.08203 22.4744C4.30469 22.7323 4.57422 22.8026 4.86719 22.6737L6.16797 22.1346C6.60156 22.5682 7.09375 22.9549 7.57422 23.2948L7.28125 24.6893C7.22266 25.0057 7.32812 25.2752 7.58594 25.4276C7.87891 25.5799 8.16016 25.5448 8.38281 25.3338L9.4375 24.3846C10 24.619 10.5625 24.8416 11.1484 25.0057L11.3594 26.4237C11.3945 26.7284 11.6055 26.951 11.8984 27.0096C12.2148 27.0448 12.4609 26.9159 12.6016 26.6463L13.2812 25.369C13.5859 25.3924 13.8789 25.4159 14.1953 25.4159ZM14.1953 23.6463C8.82812 23.6463 4.67969 19.3573 4.67969 14.0135C4.67969 8.65804 8.82812 4.36898 14.1953 4.36898C19.5625 4.36898 23.7109 8.65804 23.7109 14.0135C23.7109 19.3573 19.5625 23.6463 14.1953 23.6463ZM12.1445 12.0799L13.4453 11.2596L9.47266 4.46273L8.125 5.22444L12.1445 12.0799ZM16.9141 14.7518H24.8242L24.8125 13.2401H16.9141V14.7518ZM13.457 16.7791L12.168 15.9354L8.00781 22.744L9.34375 23.5291L13.457 16.7791ZM14.1719 17.0955C15.8594 17.0955 17.2305 15.7244 17.2305 14.0252C17.2305 12.326 15.8594 10.9549 14.1719 10.9549C12.4727 10.9549 11.1016 12.326 11.1016 14.0252C11.1016 15.7244 12.4727 17.0955 14.1719 17.0955ZM14.1719 15.4432C13.3633 15.4432 12.7539 14.8221 12.7539 14.0252C12.7539 13.2284 13.3633 12.6073 14.1719 12.6073C14.9688 12.6073 15.5781 13.2284 15.5781 14.0252C15.5781 14.8221 14.9688 15.4432 14.1719 15.4432Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88726">
+<rect width="26.3906" height="26.0153" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/heart.svg b/LivreLand/Resources/Images/heart.svg
new file mode 100644
index 0000000..d89020b
--- /dev/null
+++ b/LivreLand/Resources/Images/heart.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_67731)">
+<path d="M2 10.793C2 15.7852 6.18359 20.6953 12.793 24.9141C13.0391 25.0664 13.3906 25.2305 13.6367 25.2305C13.8828 25.2305 14.2344 25.0664 14.4922 24.9141C21.0898 20.6953 25.2734 15.7852 25.2734 10.793C25.2734 6.64453 22.4258 3.71484 18.6289 3.71484C16.4609 3.71484 14.7031 4.74609 13.6367 6.32812C12.5938 4.75781 10.8125 3.71484 8.64453 3.71484C4.84766 3.71484 2 6.64453 2 10.793ZM3.88672 10.793C3.88672 7.67578 5.90234 5.60156 8.62109 5.60156C10.8242 5.60156 12.0898 6.97266 12.8398 8.14453C13.1562 8.61328 13.3555 8.74219 13.6367 8.74219C13.918 8.74219 14.0938 8.60156 14.4336 8.14453C15.2422 6.99609 16.4609 5.60156 18.6523 5.60156C21.3711 5.60156 23.3867 7.67578 23.3867 10.793C23.3867 15.1523 18.7812 19.8516 13.8828 23.1094C13.7656 23.1914 13.6836 23.25 13.6367 23.25C13.5898 23.25 13.5078 23.1914 13.4023 23.1094C8.49219 19.8516 3.88672 15.1523 3.88672 10.793Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_67731">
+<rect width="23.2734" height="22.2305" fill="white" transform="translate(2 3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/heart_fill.svg b/LivreLand/Resources/Images/heart_fill.svg
new file mode 100644
index 0000000..4193d69
--- /dev/null
+++ b/LivreLand/Resources/Images/heart_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_67732)">
+<path d="M13.6367 25.2305C13.8828 25.2305 14.2344 25.0664 14.4922 24.9141C21.0898 20.6953 25.2734 15.7852 25.2734 10.793C25.2734 6.64453 22.4258 3.71484 18.7461 3.71484C16.4609 3.71484 14.7031 4.98047 13.6367 6.91406C12.5938 4.99219 10.8125 3.71484 8.52734 3.71484C4.84766 3.71484 2 6.64453 2 10.793C2 15.7852 6.18359 20.6953 12.793 24.9141C13.0391 25.0664 13.3906 25.2305 13.6367 25.2305Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_67732">
+<rect width="23.2734" height="22.2305" fill="white" transform="translate(2 3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/list_bullet.svg b/LivreLand/Resources/Images/list_bullet.svg
new file mode 100644
index 0000000..0db7f0d
--- /dev/null
+++ b/LivreLand/Resources/Images/list_bullet.svg
@@ -0,0 +1,8 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.65625 21.6054H24.6641C25.1914 21.6054 25.6133 21.1953 25.6133 20.668C25.6133 20.1289 25.1914 19.7188 24.6641 19.7188H8.65625C8.11719 19.7188 7.70703 20.1289 7.70703 20.668C7.70703 21.1953 8.11719 21.6054 8.65625 21.6054Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.47656 22.1445C4.29688 22.1445 4.95312 21.4766 4.95312 20.668C4.95312 19.8477 4.29688 19.1914 3.47656 19.1914C2.65625 19.1914 2 19.8477 2 20.668C2 21.4766 2.65625 22.1445 3.47656 22.1445Z" fill="black" fill-opacity="0.85"/>
+<path d="M8.65625 14.5273H24.6641C25.1914 14.5273 25.6133 14.1055 25.6133 13.5781C25.6133 13.0508 25.1914 12.6406 24.6641 12.6406H8.65625C8.11719 12.6406 7.70703 13.0508 7.70703 13.5781C7.70703 14.1055 8.11719 14.5273 8.65625 14.5273Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.47656 15.0547C4.29688 15.0547 4.95312 14.3984 4.95312 13.5781C4.95312 12.7578 4.29688 12.1016 3.47656 12.1016C2.65625 12.1016 2 12.7578 2 13.5781C2 14.3984 2.65625 15.0547 3.47656 15.0547Z" fill="black" fill-opacity="0.85"/>
+<path d="M8.65625 7.4375H24.6641C25.1914 7.4375 25.6133 7.02734 25.6133 6.5C25.6133 5.96094 25.1914 5.55078 24.6641 5.55078H8.65625C8.11719 5.55078 7.70703 5.96094 7.70703 6.5C7.70703 7.02734 8.11719 7.4375 8.65625 7.4375Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.47656 7.96484C4.29688 7.96484 4.95312 7.30859 4.95312 6.5C4.95312 5.67969 4.29688 5.02344 3.47656 5.02344C2.65625 5.02344 2 5.67969 2 6.5C2 7.30859 2.65625 7.96484 3.47656 7.96484Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/LivreLand/Resources/Images/magnifying_glass.svg b/LivreLand/Resources/Images/magnifying_glass.svg
new file mode 100644
index 0000000..1671ed1
--- /dev/null
+++ b/LivreLand/Resources/Images/magnifying_glass.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88631)">
+<path d="M3 11.3516C3 16.5078 7.19531 20.7031 12.3516 20.7031C14.3906 20.7031 16.2539 20.0469 17.7891 18.9453L23.5547 24.7227C23.8242 24.9922 24.1758 25.1211 24.5508 25.1211C25.3477 25.1211 25.8984 24.5234 25.8984 23.7383C25.8984 23.3633 25.7578 23.0234 25.5117 22.7773L19.7812 17.0117C20.9883 15.4414 21.7031 13.4844 21.7031 11.3516C21.7031 6.19531 17.5078 2 12.3516 2C7.19531 2 3 6.19531 3 11.3516ZM5.00391 11.3516C5.00391 7.29688 8.29688 4.00391 12.3516 4.00391C16.4062 4.00391 19.6992 7.29688 19.6992 11.3516C19.6992 15.4062 16.4062 18.6992 12.3516 18.6992C8.29688 18.6992 5.00391 15.4062 5.00391 11.3516Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88631">
+<rect width="22.8984" height="23.1211" fill="white" transform="translate(3 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person.svg b/LivreLand/Resources/Images/person.svg
new file mode 100644
index 0000000..60288d8
--- /dev/null
+++ b/LivreLand/Resources/Images/person.svg
@@ -0,0 +1,10 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45739)">
+<path d="M6.88867 24.7282H21.6192C23.5645 24.7282 24.4903 24.1423 24.4903 22.8532C24.4903 19.7829 20.6114 15.3415 14.2598 15.3415C7.89649 15.3415 4.01758 19.7829 4.01758 22.8532C4.01758 24.1423 4.94336 24.7282 6.88867 24.7282ZM6.33789 22.9587C6.0332 22.9587 5.9043 22.8767 5.9043 22.6306C5.9043 20.697 8.88086 17.111 14.2598 17.111C19.627 17.111 22.6035 20.697 22.6035 22.6306C22.6035 22.8767 22.4864 22.9587 22.1817 22.9587H6.33789ZM14.2598 13.8767C17.0488 13.8767 19.3223 11.4041 19.3223 8.38062C19.3223 5.38062 17.0606 3.02515 14.2598 3.02515C11.4824 3.02515 9.19727 5.42749 9.19727 8.40406C9.19727 11.4158 11.4707 13.8767 14.2598 13.8767ZM14.2598 12.1072C12.5488 12.1072 11.084 10.4783 11.084 8.40406C11.084 6.36499 12.5254 4.79468 14.2598 4.79468C16.0059 4.79468 17.4356 6.32984 17.4356 8.38062C17.4356 10.4548 15.9824 12.1072 14.2598 12.1072Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45739">
+<rect width="20.4727" height="21.7148" fill="white" transform="translate(4.01758 3.02515)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_2.svg b/LivreLand/Resources/Images/person_2.svg
new file mode 100644
index 0000000..d78e22b
--- /dev/null
+++ b/LivreLand/Resources/Images/person_2.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45768)">
+<path d="M8.92578 14.5642C11.3398 14.5642 13.3203 12.3962 13.3203 9.73608C13.3203 7.13452 11.3633 5.03687 8.92578 5.03687C6.51172 5.03687 4.53125 7.16968 4.53125 9.75953C4.53125 12.4079 6.51172 14.5642 8.92578 14.5642ZM8.92578 12.8181C7.49609 12.8181 6.27734 11.447 6.27734 9.75953C6.27734 8.10718 7.48437 6.78296 8.92578 6.78296C10.4023 6.78296 11.5859 8.08373 11.5859 9.73608C11.5859 11.447 10.3672 12.8181 8.92578 12.8181ZM2.41015 25.3103H15.4297C17.0234 25.3103 17.8086 24.6657 17.8086 23.3532C17.8086 19.4626 13.8359 15.9001 8.91406 15.9001C4.00391 15.9001 0.0195312 19.4626 0.0195312 23.3532C0.0195312 24.6657 0.816406 25.3103 2.41015 25.3103ZM2.11719 23.5759C1.88281 23.5759 1.76562 23.4821 1.76562 23.2478C1.76562 20.3415 5.08203 17.6345 8.91406 17.6345C12.7578 17.6345 16.0625 20.3415 16.0625 23.2478C16.0625 23.4821 15.957 23.5759 15.7226 23.5759H2.11719Z" fill="black" fill-opacity="0.85"/>
+<path d="M15.0664 26.904H29.7851C32.9023 26.904 34.2617 25.4274 34.2617 23.4353C34.2617 19.4509 29.6445 14.3181 22.4257 14.3181C15.1953 14.3181 10.5898 19.4509 10.5898 23.4353C10.5898 25.4274 11.9375 26.904 15.0664 26.904ZM22.4257 14.4587C25.2148 14.4587 27.4883 11.9861 27.4883 8.96265C27.4883 5.96265 25.2265 3.60718 22.4257 3.60718C19.6484 3.60718 17.3633 6.00953 17.3633 8.98609C17.3633 11.9978 19.6484 14.4587 22.4257 14.4587Z" fill="white"/>
+<path d="M22.4257 14.4587C25.2148 14.4587 27.4883 11.9861 27.4883 8.96265C27.4883 5.96265 25.2265 3.60718 22.4257 3.60718C19.6484 3.60718 17.3633 6.00953 17.3633 8.98609C17.3633 11.9978 19.6484 14.4587 22.4257 14.4587ZM22.4257 12.6892C20.7148 12.6892 19.25 11.0603 19.25 8.98609C19.25 6.94703 20.6914 5.37671 22.4257 5.37671C24.1718 5.37671 25.6015 6.91187 25.6015 8.96265C25.6015 11.0369 24.1601 12.6892 22.4257 12.6892ZM15.0664 25.3103H29.7851C31.7304 25.3103 32.6562 24.7243 32.6562 23.4353C32.6562 20.3649 28.7773 15.9235 22.4257 15.9235C16.0625 15.9235 12.1836 20.3649 12.1836 23.4353C12.1836 24.7243 13.1093 25.3103 15.0664 25.3103ZM14.5039 23.5407C14.1992 23.5407 14.0703 23.4587 14.0703 23.2126C14.0703 21.279 17.0468 17.6931 22.4257 17.6931C27.7929 17.6931 30.7695 21.279 30.7695 23.2126C30.7695 23.4587 30.6523 23.5407 30.3476 23.5407H14.5039Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45768">
+<rect width="34.2422" height="24.8789" fill="white" transform="translate(0.0195312 2.02515)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_2_fill.svg b/LivreLand/Resources/Images/person_2_fill.svg
new file mode 100644
index 0000000..845c893
--- /dev/null
+++ b/LivreLand/Resources/Images/person_2_fill.svg
@@ -0,0 +1,12 @@
+<svg width="34" height="29" viewBox="0 0 34 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45769)">
+<path d="M8.60937 14.0969C10.789 14.0969 12.6875 12.1282 12.6875 9.5852C12.6875 7.05395 10.7773 5.20239 8.60937 5.20239C6.42969 5.20239 4.51953 7.10083 4.51953 9.60864C4.51953 12.1282 6.41797 14.0969 8.60937 14.0969ZM2.07031 24.6789H15.125C16.6133 24.6789 17.1875 24.093 17.1875 23.0266C17.1875 19.7922 13.8828 15.8899 8.59765 15.8899C3.3125 15.8899 0.0078125 19.7922 0.0078125 23.0266C0.0078125 24.093 0.59375 24.6789 2.07031 24.6789Z" fill="black" fill-opacity="0.85"/>
+<path d="M14.7266 26.2727H29.457C32.539 26.2727 33.5469 24.7844 33.5469 23.1204C33.5469 19.1828 29.0351 14.3313 22.0859 14.3313C15.1484 14.3313 10.6367 19.1828 10.6367 23.1204C10.6367 24.7844 11.6445 26.2727 14.7266 26.2727Z" fill="white"/>
+<path d="M22.0976 13.8274C24.6172 13.8274 26.7851 11.5774 26.7851 8.6477C26.7851 5.75317 24.6055 3.60864 22.0976 3.60864C19.5898 3.60864 17.4101 5.80005 17.4101 8.67114C17.4101 11.5774 19.5781 13.8274 22.0976 13.8274ZM14.7266 24.6789H29.457C31.2969 24.6789 31.9531 24.1516 31.9531 23.1204C31.9531 20.0969 28.168 15.925 22.0859 15.925C16.0156 15.925 12.2305 20.0969 12.2305 23.1204C12.2305 24.1516 12.8867 24.6789 14.7266 24.6789Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45769">
+<rect width="33.5391" height="24.2461" fill="white" transform="translate(0.0078125 2.02661)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_3.svg b/LivreLand/Resources/Images/person_3.svg
new file mode 100644
index 0000000..b1e182d
--- /dev/null
+++ b/LivreLand/Resources/Images/person_3.svg
@@ -0,0 +1,13 @@
+<svg width="45" height="29" viewBox="0 0 45 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45783)">
+<path d="M35.9277 14.5657C38.3535 14.5657 40.3223 12.3977 40.3223 9.73755C40.3223 7.13599 38.3653 5.03833 35.9277 5.03833C33.5254 5.03833 31.5332 7.17114 31.5332 9.76099C31.5332 12.4094 33.5254 14.5657 35.9277 14.5657ZM35.9277 12.8196C34.4981 12.8196 33.2793 11.4485 33.2793 9.76099C33.2793 8.10864 34.4863 6.78442 35.9277 6.78442C37.4043 6.78442 38.5879 8.0852 38.5879 9.73755C38.5879 11.4485 37.3692 12.8196 35.9277 12.8196ZM29.4121 25.3118H42.4317C44.0254 25.3118 44.8223 24.6672 44.8223 23.3547C44.8223 19.4641 40.8379 15.9016 35.9277 15.9016C31.0059 15.9016 27.0332 19.4641 27.0332 23.3547C27.0332 24.6672 27.8301 25.3118 29.4121 25.3118ZM28.7793 23.2493C28.7793 20.343 32.0957 17.636 35.9277 17.636C39.7598 17.636 43.0762 20.343 43.0762 23.2493C43.0762 23.4836 42.9707 23.5774 42.7246 23.5774H29.1192C28.8848 23.5774 28.7793 23.4836 28.7793 23.2493Z" fill="black" fill-opacity="0.85"/>
+<path d="M8.92773 14.5657C11.3418 14.5657 13.3223 12.3977 13.3223 9.73755C13.3223 7.13599 11.3653 5.03833 8.92773 5.03833C6.51367 5.03833 4.5332 7.17114 4.5332 9.76099C4.5332 12.4094 6.51367 14.5657 8.92773 14.5657ZM8.92773 12.8196C7.48632 12.8196 6.27929 11.4485 6.27929 9.76099C6.27929 8.10864 7.4746 6.78442 8.92773 6.78442C10.4043 6.78442 11.5879 8.0852 11.5879 9.73755C11.5879 11.4485 10.3692 12.8196 8.92773 12.8196ZM2.40039 25.3118H15.4317C17.0137 25.3118 17.8106 24.6672 17.8106 23.3547C17.8106 19.4641 13.8262 15.9016 8.91601 15.9016C4.00586 15.9016 0.0214844 19.4641 0.0214844 23.3547C0.0214844 24.6672 0.818359 25.3118 2.40039 25.3118ZM1.76757 23.2493C1.76757 20.343 5.08398 17.636 8.91601 17.636C12.7481 17.636 16.0645 20.343 16.0645 23.2493C16.0645 23.4836 15.959 23.5774 15.7246 23.5774H2.11914C1.87304 23.5774 1.76757 23.4836 1.76757 23.2493Z" fill="black" fill-opacity="0.85"/>
+<path d="M15.0567 26.9055H29.7754C32.9043 26.9055 34.2637 25.4289 34.2637 23.4368C34.2637 19.4524 29.6465 14.3196 22.416 14.3196C15.1973 14.3196 10.5801 19.4524 10.5801 23.4368C10.5801 25.4289 11.9395 26.9055 15.0567 26.9055Z" fill="white"/>
+<path d="M22.4276 14.4602C25.2167 14.4602 27.4902 11.9876 27.4902 8.96411C27.4902 5.96411 25.2284 3.60864 22.4276 3.60864C19.6386 3.60864 17.3652 6.01099 17.3652 8.98755C17.3652 11.9993 19.6386 14.4602 22.4276 14.4602ZM22.4276 12.6907C20.7167 12.6907 19.2519 11.0618 19.2519 8.98755C19.2519 6.94849 20.6816 5.37817 22.4276 5.37817C24.1737 5.37817 25.6034 6.91333 25.6034 8.96411C25.6034 11.0383 24.1503 12.6907 22.4276 12.6907ZM15.0566 25.3118H29.7753C31.7323 25.3118 32.6581 24.7258 32.6581 23.4368C32.6581 20.3664 28.7792 15.925 22.4159 15.925C16.0644 15.925 12.1855 20.3664 12.1855 23.4368C12.1855 24.7258 13.1112 25.3118 15.0566 25.3118ZM14.4941 23.5422C14.1894 23.5422 14.0722 23.4602 14.0722 23.2141C14.0722 21.2805 17.0487 17.6946 22.4159 17.6946C27.7948 17.6946 30.7714 21.2805 30.7714 23.2141C30.7714 23.4602 30.6425 23.5422 30.3378 23.5422H14.4941Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45783">
+<rect width="44.8008" height="24.8789" fill="white" transform="translate(0.0214844 2.02661)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_3_fill.svg b/LivreLand/Resources/Images/person_3_fill.svg
new file mode 100644
index 0000000..147b413
--- /dev/null
+++ b/LivreLand/Resources/Images/person_3_fill.svg
@@ -0,0 +1,13 @@
+<svg width="45" height="29" viewBox="0 0 45 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45784)">
+<path d="M8.61328 14.1907C10.8046 14.1907 12.6914 12.2219 12.6914 9.67895C12.6914 7.15942 10.7929 5.29614 8.61328 5.29614C6.44532 5.29614 4.53516 7.2063 4.53516 9.70239C4.53516 12.2219 6.4336 14.1907 8.61328 14.1907ZM2.08594 24.7727H15.1406C16.6289 24.7727 17.2031 24.1868 17.2031 23.1321C17.2031 19.886 13.8984 15.9836 8.61328 15.9836C3.32813 15.9836 0.0234375 19.886 0.0234375 23.1321C0.0234375 24.1868 0.597656 24.7727 2.08594 24.7727Z" fill="black" fill-opacity="0.85"/>
+<path d="M35.6132 14.1907C37.8046 14.1907 39.6914 12.2219 39.6914 9.67895C39.6914 7.15942 37.7929 5.29614 35.6132 5.29614C33.4336 5.29614 31.5234 7.2063 31.5234 9.70239C31.5234 12.2219 33.4336 14.1907 35.6132 14.1907ZM29.0859 24.7727H42.1289C43.6172 24.7727 44.1914 24.1868 44.1914 23.1321C44.1914 19.886 40.8984 15.9836 35.6132 15.9836C30.3164 15.9836 27.0234 19.886 27.0234 23.1321C27.0234 24.1868 27.5976 24.7727 29.0859 24.7727Z" fill="black" fill-opacity="0.85"/>
+<path d="M14.25 26.3664H29.9765C32.25 26.3664 33.5742 24.9719 33.5742 23.2141C33.5742 19.2766 29.0625 14.425 22.1132 14.425C15.1757 14.425 10.6523 19.2766 10.6523 23.2141C10.6523 24.9719 11.9882 26.3664 14.25 26.3664Z" fill="white"/>
+<path d="M22.125 13.9211C24.6328 13.9211 26.8125 11.6711 26.8125 8.74145C26.8125 5.84692 24.6328 3.70239 22.125 3.70239C19.6172 3.70239 17.4375 5.8938 17.4375 8.76489C17.4375 11.6711 19.6054 13.9211 22.125 13.9211ZM14.25 24.7727H29.9765C31.2304 24.7727 31.9804 24.1868 31.9804 23.2141C31.9804 20.1907 28.1953 16.0188 22.1132 16.0188C16.0429 16.0188 12.2578 20.1907 12.2578 23.2141C12.2578 24.1868 13.0078 24.7727 14.25 24.7727Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45784">
+<rect width="44.168" height="24.3398" fill="white" transform="translate(0.0234375 2.02661)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_badge_clock.svg b/LivreLand/Resources/Images/person_badge_clock.svg
new file mode 100644
index 0000000..6e40337
--- /dev/null
+++ b/LivreLand/Resources/Images/person_badge_clock.svg
@@ -0,0 +1,13 @@
+<svg width="29" height="33" viewBox="0 0 29 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45754)">
+<path d="M2.88086 27.2156H17.6114C19.5567 27.2156 20.4825 26.6297 20.4825 25.3406C20.4825 22.2703 16.6036 17.8289 10.252 17.8289C3.88868 17.8289 0.00976562 22.2703 0.00976562 25.3406C0.00976562 26.6297 0.935547 27.2156 2.88086 27.2156ZM2.33008 25.4461C2.02539 25.4461 1.89649 25.364 1.89649 25.1179C1.89649 23.1843 4.87305 19.5984 10.252 19.5984C15.6192 19.5984 18.5957 23.1843 18.5957 25.1179C18.5957 25.364 18.4786 25.4461 18.1739 25.4461H2.33008ZM10.252 16.364C13.041 16.364 15.3145 13.8914 15.3145 10.8679C15.3145 7.86792 13.0528 5.51246 10.252 5.51246C7.47461 5.51246 5.18946 7.9148 5.18946 10.8914C5.18946 13.9031 7.46289 16.364 10.252 16.364ZM10.252 14.5945C8.54102 14.5945 7.07618 12.9656 7.07618 10.8914C7.07618 8.8523 8.51758 7.28199 10.252 7.28199C11.9981 7.28199 13.4278 8.81714 13.4278 10.8679C13.4278 12.9422 11.9746 14.5945 10.252 14.5945Z" fill="black" fill-opacity="0.85"/>
+<path d="M20.2598 32.7117C24.3731 32.7117 27.8067 29.2781 27.8067 25.1648C27.8067 21.0164 24.3965 17.6062 20.2598 17.6062C16.1114 17.6062 12.7012 21.0164 12.7012 25.1648C12.7012 29.3133 16.0996 32.7117 20.2598 32.7117Z" fill="white"/>
+<path d="M20.2597 31.1179C23.4824 31.1179 26.2128 28.4109 26.2128 25.1648C26.2128 21.8953 23.5175 19.2117 20.2597 19.2117C16.9902 19.2117 14.3066 21.8953 14.3066 25.1648C14.3066 28.4343 16.9902 31.1179 20.2597 31.1179Z" fill="black" fill-opacity="0.85"/>
+<path d="M17.4824 26.0672C17.0722 26.0672 16.7441 25.7508 16.7441 25.3523C16.7441 24.9539 17.0839 24.6375 17.4824 24.6375H19.5917V21.6961C19.5917 21.3093 19.9199 20.9929 20.3183 20.9929C20.7167 20.9929 21.0449 21.3093 21.0449 21.6961V25.3523C21.0449 25.7508 20.7285 26.0672 20.3183 26.0672H17.4824Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45754">
+<rect width="27.7969" height="32.6836" fill="white" transform="translate(0.00976562 0.0280762)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_badge_clock_fill.svg b/LivreLand/Resources/Images/person_badge_clock_fill.svg
new file mode 100644
index 0000000..f23f9c5
--- /dev/null
+++ b/LivreLand/Resources/Images/person_badge_clock_fill.svg
@@ -0,0 +1,13 @@
+<svg width="29" height="33" viewBox="0 0 29 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45757)">
+<path d="M2.01563 26.8992H17.7305C18.9844 26.8992 19.7344 26.3133 19.7344 25.3406C19.7344 22.3172 15.9492 18.1453 9.86719 18.1453C3.79688 18.1453 0.0117188 22.3172 0.0117188 25.3406C0.0117188 26.3133 0.761719 26.8992 2.01563 26.8992ZM9.87891 16.0476C12.3867 16.0476 14.5664 13.7976 14.5664 10.8679C14.5664 7.97339 12.3867 5.82886 9.87891 5.82886C7.3711 5.82886 5.19141 8.02027 5.19141 10.8914C5.19141 13.7976 7.35938 16.0476 9.87891 16.0476Z" fill="black" fill-opacity="0.85"/>
+<path d="M19.8516 32.7117C23.9649 32.7117 27.3985 29.2781 27.3985 25.1648C27.3985 21.0164 23.9884 17.6062 19.8516 17.6062C15.7032 17.6062 12.293 21.0164 12.293 25.1648C12.293 29.3133 15.6915 32.7117 19.8516 32.7117Z" fill="white"/>
+<path d="M19.8515 31.1179C23.0742 31.1179 25.8047 28.4109 25.8047 25.1648C25.8047 21.8953 23.1094 19.2117 19.8515 19.2117C16.582 19.2117 13.8867 21.8953 13.8867 25.1648C13.8867 28.4343 16.582 31.1179 19.8515 31.1179Z" fill="black" fill-opacity="0.85"/>
+<path d="M17.0625 26.0672C16.664 26.0672 16.3359 25.7508 16.3359 25.3523C16.3359 24.9539 16.6758 24.6375 17.0625 24.6375H19.1836V21.6961C19.1836 21.3093 19.5 20.9929 19.9101 20.9929C20.3086 20.9929 20.625 21.3093 20.625 21.6961V25.3523C20.625 25.7508 20.3203 26.0672 19.9101 26.0672H17.0625Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45757">
+<rect width="27.3867" height="32.6836" fill="white" transform="translate(0.0117188 0.0280762)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/person_fill.svg b/LivreLand/Resources/Images/person_fill.svg
new file mode 100644
index 0000000..b6ae969
--- /dev/null
+++ b/LivreLand/Resources/Images/person_fill.svg
@@ -0,0 +1,10 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45740)">
+<path d="M6.00977 24.104H21.7247C22.9786 24.104 23.7286 23.5181 23.7286 22.5454C23.7286 19.522 19.9434 15.3501 13.8613 15.3501C7.79102 15.3501 4.00586 19.522 4.00586 22.5454C4.00586 23.5181 4.75586 24.104 6.00977 24.104ZM13.873 13.2525C16.3809 13.2525 18.5606 11.0024 18.5606 8.07275C18.5606 5.17822 16.3809 3.03369 13.873 3.03369C11.3652 3.03369 9.18555 5.2251 9.18555 8.09619C9.18555 11.0024 11.3535 13.2525 13.873 13.2525Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45740">
+<rect width="19.7227" height="21.082" fill="white" transform="translate(4.00586 3.03369)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/plus.svg b/LivreLand/Resources/Images/plus.svg
new file mode 100644
index 0000000..23b1e66
--- /dev/null
+++ b/LivreLand/Resources/Images/plus.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 9.66797C0 10.2422 0.480469 10.7109 1.04297 10.7109H8.625V18.293C8.625 18.8555 9.09375 19.3359 9.66797 19.3359C10.2422 19.3359 10.7227 18.8555 10.7227 18.293V10.7109H18.293C18.8555 10.7109 19.3359 10.2422 19.3359 9.66797C19.3359 9.09375 18.8555 8.61328 18.293 8.61328H10.7227V1.04297C10.7227 0.480469 10.2422 0 9.66797 0C9.09375 0 8.625 0.480469 8.625 1.04297V8.61328H1.04297C0.480469 8.61328 0 9.09375 0 9.66797Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/LivreLand/Resources/Images/sparkles.svg b/LivreLand/Resources/Images/sparkles.svg
new file mode 100644
index 0000000..ac2ceaf
--- /dev/null
+++ b/LivreLand/Resources/Images/sparkles.svg
@@ -0,0 +1,12 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_13210)">
+<path d="M13.1836 5.70703C13.3359 5.70703 13.418 5.61328 13.4414 5.47266C13.793 3.57422 13.7578 3.48047 15.7969 3.11719C15.9375 3.08203 16.0312 3 16.0312 2.84766C16.0312 2.70703 15.9375 2.61328 15.7969 2.58984C13.7578 2.22656 13.793 2.13281 13.4414 0.234375C13.418 0.09375 13.3359 0 13.1836 0C13.0312 0 12.9492 0.09375 12.9258 0.234375C12.5742 2.13281 12.6094 2.22656 10.5703 2.58984C10.418 2.61328 10.3359 2.70703 10.3359 2.84766C10.3359 3 10.418 3.08203 10.5703 3.11719C12.6094 3.48047 12.5742 3.57422 12.9258 5.47266C12.9492 5.61328 13.0312 5.70703 13.1836 5.70703Z" fill="black" fill-opacity="0.85"/>
+<path d="M7.51172 13.7695C7.73438 13.7695 7.88672 13.6172 7.91016 13.4062C8.33203 10.2773 8.4375 10.2773 11.6719 9.65625C11.8711 9.62109 12.0234 9.48047 12.0234 9.25781C12.0234 9.04688 11.8711 8.89453 11.6719 8.87109C8.4375 8.41406 8.32031 8.30859 7.91016 5.13281C7.88672 4.91016 7.73438 4.75781 7.51172 4.75781C7.30078 4.75781 7.14844 4.91016 7.11328 5.14453C6.73828 8.27344 6.5625 8.26172 3.35156 8.87109C3.15234 8.90625 3 9.04688 3 9.25781C3 9.49219 3.15234 9.62109 3.39844 9.65625C6.58594 10.1719 6.73828 10.2539 7.11328 13.3828C7.14844 13.6172 7.30078 13.7695 7.51172 13.7695Z" fill="black" fill-opacity="0.85"/>
+<path d="M15.457 26.7305C15.7617 26.7305 15.9844 26.5078 16.043 26.1914C16.875 19.7812 17.7773 18.7969 24.1289 18.0938C24.457 18.0586 24.6797 17.8242 24.6797 17.5078C24.6797 17.2031 24.457 16.9688 24.1289 16.9336C17.7773 16.2305 16.875 15.2461 16.043 8.82421C15.9844 8.5078 15.7617 8.29688 15.457 8.29688C15.1523 8.29688 14.9297 8.5078 14.8828 8.82421C14.0508 15.2461 13.1367 16.2305 6.79688 16.9336C6.45702 16.9688 6.23438 17.2031 6.23438 17.5078C6.23438 17.8242 6.45702 18.0586 6.79688 18.0938C13.125 18.9258 14.0039 19.7812 14.8828 26.1914C14.9297 26.5078 15.1523 26.7305 15.457 26.7305Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_13210">
+<rect width="21.6797" height="28.8867" fill="white" transform="translate(3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/sunglasses.svg b/LivreLand/Resources/Images/sunglasses.svg
new file mode 100644
index 0000000..e2a4eac
--- /dev/null
+++ b/LivreLand/Resources/Images/sunglasses.svg
@@ -0,0 +1,11 @@
+<svg width="37" height="28" viewBox="0 0 37 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_89304)">
+<path d="M18.1172 12.3828C18.5156 12.3828 18.8672 12.6172 19.0664 13.0508L20.332 15.8516C21.7383 18.9102 24.3047 20.2109 27.1289 20.2109C31.2539 20.2109 34.1602 17.668 34.8281 13.1914L35.0508 11.7383C35.2852 10.1562 36.2227 9.65234 36.2227 8.97266C36.2227 8.375 35.7891 8 34.9805 8C31.2891 8 27.9375 8.1875 25.9453 8.48047C21.7617 9.10156 20.1211 10.168 18.1172 10.168C16.1016 10.168 14.4609 9.10156 10.2773 8.48047C8.28516 8.1875 4.93359 8 1.25391 8C0.445312 8 0 8.375 0 8.97266C0 9.65234 0.949219 10.1562 1.18359 11.7383L1.40625 13.1914C2.0625 17.668 4.96875 20.2109 9.10547 20.2109C11.9297 20.2109 14.4961 18.9102 15.8906 15.8516L17.168 13.0508C17.3555 12.6172 17.707 12.3828 18.1172 12.3828ZM9.11719 18.4414C5.25 18.4414 3.11719 15.793 3.11719 12.0195C3.11719 10.6953 4.23047 10.0625 6.70312 10.0625C11.9414 10.0625 14.5195 11.0703 14.5195 13.0508C14.5195 16.0391 12.5273 18.4414 9.11719 18.4414ZM27.1055 18.4414C23.707 18.4414 21.7031 16.0391 21.7031 13.0508C21.7031 11.0703 24.2812 10.0625 29.5195 10.0625C32.0039 10.0625 33.1055 10.6953 33.1055 12.0195C33.1055 15.793 30.9727 18.4414 27.1055 18.4414Z" fill="black" fill-opacity="0.85"/>
+<path d="M9.11719 18.4414C5.25 18.4414 3.11719 15.793 3.11719 12.0195C3.11719 10.6953 4.23047 10.0625 6.70312 10.0625C11.9414 10.0625 14.5195 11.0703 14.5195 13.0508C14.5195 16.0391 12.5273 18.4414 9.11719 18.4414ZM27.1055 18.4414C23.707 18.4414 21.7031 16.0391 21.7031 13.0508C21.7031 11.0703 24.2812 10.0625 29.5195 10.0625C32.0039 10.0625 33.1055 10.6953 33.1055 12.0195C33.1055 15.793 30.9727 18.4414 27.1055 18.4414Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_89304">
+<rect width="36.2227" height="12.2227" fill="white" transform="translate(0 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/tag.svg b/LivreLand/Resources/Images/tag.svg
new file mode 100644
index 0000000..c5287a4
--- /dev/null
+++ b/LivreLand/Resources/Images/tag.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88693)">
+<path d="M14.8194 26.0962L26.2451 14.647C27.124 13.7681 27.1826 13.2642 27.1826 12.0337V7.58057C27.1826 6.33838 26.8897 5.95166 25.999 5.06104L23.3037 2.36573C22.4248 1.48682 22.0381 1.18213 20.7959 1.18213H16.3311C15.1006 1.18213 14.6084 1.24073 13.7295 2.11963L2.26857 13.5571C0.592789 15.2329 0.557632 16.9673 2.28029 18.6782L9.69826 26.0845C11.4209 27.7954 13.1436 27.772 14.8194 26.0962ZM13.5537 24.6782C12.71 25.522 11.8194 25.5337 10.9639 24.6665L3.68654 17.4009C2.83107 16.5454 2.84279 15.6431 3.67482 14.811L15.0537 3.45557C15.2881 3.2212 15.5342 3.06885 15.9326 3.06885H20.8662C21.2295 3.06885 21.4756 3.20948 21.7217 3.45557L24.9209 6.64307C25.167 6.88916 25.2959 7.13526 25.2959 7.49854V12.4439C25.2959 12.8306 25.1553 13.0767 24.9209 13.311L13.5537 24.6782ZM19.4248 10.5571C20.3389 10.5571 21.0303 9.84229 21.0303 8.95166C21.0303 8.04932 20.3389 7.3462 19.4248 7.3462C18.499 7.3462 17.8194 8.04932 17.8194 8.95166C17.8194 9.84229 18.499 10.5571 19.4248 10.5571Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88693">
+<rect width="26.1826" height="27.3604" fill="white" transform="translate(1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/tag_fill.svg b/LivreLand/Resources/Images/tag_fill.svg
new file mode 100644
index 0000000..4c29412
--- /dev/null
+++ b/LivreLand/Resources/Images/tag_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88694)">
+<path d="M14.8194 26.0962L26.2451 14.647C27.124 13.7681 27.1826 13.2642 27.1826 12.0337V7.58057C27.1826 6.33838 26.8897 5.95166 25.999 5.06104L23.3037 2.36573C22.4248 1.48682 22.0381 1.18213 20.7959 1.18213H16.3311C15.1006 1.18213 14.6084 1.24073 13.7295 2.11963L2.26857 13.5571C0.592789 15.2329 0.557632 16.9673 2.28029 18.6782L9.69826 26.0845C11.4209 27.7954 13.1436 27.772 14.8194 26.0962ZM18.8272 10.5571C17.9014 10.5571 17.2217 9.84229 17.2217 8.95166C17.2217 8.04932 17.9014 7.3462 18.8272 7.3462C19.7412 7.3462 20.4326 8.04932 20.4326 8.95166C20.4326 9.84229 19.7412 10.5571 18.8272 10.5571Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88694">
+<rect width="26.1826" height="27.3604" fill="white" transform="translate(1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/text_book_closed.svg b/LivreLand/Resources/Images/text_book_closed.svg
new file mode 100644
index 0000000..6829324
--- /dev/null
+++ b/LivreLand/Resources/Images/text_book_closed.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88482)">
+<path d="M10.9023 8.51172H19.6914C20.1133 8.51172 20.4531 8.16016 20.4531 7.73828C20.4531 7.31641 20.1133 6.97656 19.6914 6.97656H10.9023C10.4805 6.97656 10.1406 7.31641 10.1406 7.73828C10.1406 8.16016 10.4805 8.51172 10.9023 8.51172ZM10.9023 11.7344H17.5703C17.9922 11.7344 18.332 11.3828 18.332 10.9609C18.332 10.5391 17.9922 10.1992 17.5703 10.1992H10.9023C10.4805 10.1992 10.1406 10.5391 10.1406 10.9609C10.1406 11.3828 10.4805 11.7344 10.9023 11.7344ZM7.59766 26.1133H22.7734C23.2891 26.1133 23.7109 25.7031 23.7109 25.1758C23.7109 24.7656 23.4297 24.4023 23.0547 24.2734C21.5781 23.6875 21.2734 21.7773 22.7266 20.3125C23.1719 19.8672 23.7109 19.293 23.7109 18.1211V4.67969C23.7109 2.24219 22.5039 1 20.0781 1H7.63281C5.20703 1 4 2.23047 4 4.67969V22.4922C4 24.9062 5.21875 26.1133 7.59766 26.1133ZM5.88672 19.3398V4.71484C5.88672 3.54297 6.50781 2.88672 7.71484 2.88672H19.9844C21.2031 2.88672 21.8242 3.54297 21.8242 4.71484V17.8633C21.8242 18.4961 21.4609 18.8594 20.8047 18.8594H7.79688C7.03516 18.8594 6.40234 19.0234 5.88672 19.3398ZM7.70312 24.2266C6.51953 24.2266 5.88672 23.5938 5.88672 22.4805C5.88672 21.4258 6.63672 20.7461 7.80859 20.7461H19.832C19.9844 20.7461 20.125 20.7344 20.2422 20.7109C19.6914 21.9297 19.7852 23.2188 20.4062 24.2266H7.70312ZM7.26953 19.8672H8.80469V2.42969H7.26953V19.8672Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88482">
+<rect width="19.7109" height="25.1133" fill="white" transform="translate(4 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/text_book_closed_fill.svg b/LivreLand/Resources/Images/text_book_closed_fill.svg
new file mode 100644
index 0000000..e2a470f
--- /dev/null
+++ b/LivreLand/Resources/Images/text_book_closed_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88483)">
+<path d="M11.0078 8.48828C10.5742 8.48828 10.2109 8.125 10.2109 7.69141C10.2109 7.24609 10.5742 6.89453 11.0078 6.89453H20.0547C20.4883 6.89453 20.8516 7.24609 20.8516 7.69141C20.8516 8.125 20.4883 8.48828 20.0547 8.48828H11.0078ZM11.0078 11.8164C10.5742 11.8164 10.2109 11.4531 10.2109 11.0078C10.2109 10.5742 10.5742 10.2227 11.0078 10.2227H17.875C18.3203 10.2227 18.6719 10.5742 18.6719 11.0078C18.6719 11.4531 18.3203 11.8164 17.875 11.8164H11.0078ZM7.59766 26.1133H22.7734C23.2891 26.1133 23.7109 25.7031 23.7109 25.1758C23.7109 24.7656 23.4297 24.4023 23.0547 24.2734C21.5781 23.6875 21.2734 21.7773 22.7266 20.3125C23.1719 19.8672 23.7109 19.293 23.7109 18.1211V4.67969C23.7109 2.24219 22.5039 1 20.0781 1H7.63281C5.20703 1 4 2.23047 4 4.67969V22.4922C4 24.9062 5.21875 26.1133 7.59766 26.1133ZM7.70312 24.2266C6.51953 24.2266 5.88672 23.5938 5.88672 22.4805C5.88672 21.4258 6.63672 20.7461 7.80859 20.7461H19.832C19.9844 20.7461 20.125 20.7344 20.2422 20.7109C19.6914 21.9297 19.7852 23.2188 20.4062 24.2266H7.70312ZM7.35156 18.9648C6.98828 18.9648 6.68359 18.6602 6.68359 18.2852V3.48438C6.68359 3.10938 6.98828 2.81641 7.35156 2.81641C7.71484 2.81641 8.03125 3.10938 8.03125 3.48438V18.2852C8.03125 18.6602 7.71484 18.9648 7.35156 18.9648Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88483">
+<rect width="19.7109" height="25.1133" fill="white" transform="translate(4 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/tray_2.svg b/LivreLand/Resources/Images/tray_2.svg
new file mode 100644
index 0000000..b37930e
--- /dev/null
+++ b/LivreLand/Resources/Images/tray_2.svg
@@ -0,0 +1,12 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88379)">
+<path d="M3.67969 27.8359H23.9531C26.4141 27.8359 27.6328 26.6289 27.6328 24.3672V17.8984C27.6328 16.832 27.5625 16.1055 26.9648 15.543L22.8164 11.6172C21.5391 10.4219 20.625 10.0469 18.8906 10.0469H8.74219C7.01953 10.0469 6.09375 10.4219 4.82812 11.6172L0.667969 15.543C0.0703125 16.1055 0 16.832 0 17.8984V24.3672C0 26.6289 1.23047 27.8359 3.67969 27.8359ZM13.8164 20.8516C12.1641 20.8516 11.0977 19.4219 11.0977 18.0625V18.0156C11.0977 17.5234 10.8047 17.0664 10.1953 17.0664H2.75391C2.08594 17.0664 1.86328 16.7617 2.40234 16.2578L6.26953 12.6133C6.98438 11.9453 7.45312 11.6875 8.56641 11.6875H19.0664C20.1914 11.6875 20.6484 11.9453 21.3633 12.6133L25.2305 16.2578C25.793 16.7852 25.5352 17.0664 24.8906 17.0664H17.4375C16.8281 17.0664 16.5469 17.5234 16.5469 18.0156V18.0625C16.5469 19.4219 15.4805 20.8516 13.8164 20.8516ZM3.70312 26.1133C2.53125 26.1133 1.88672 25.4805 1.88672 24.2617V18.7891H9.31641C9.59766 20.9688 11.4375 22.5977 13.8164 22.5977C16.1953 22.5977 18.0352 20.9688 18.3164 18.7891H25.7461V24.2617C25.7461 25.4805 25.0898 26.1133 23.9297 26.1133H3.70312Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.67969 18.7891H23.9531C26.4141 18.7891 27.6328 17.582 27.6328 15.3203V8.85156C27.6328 7.78516 27.5625 7.07031 26.9648 6.49609L22.8164 2.57031C21.5391 1.38672 20.625 1 18.8906 1H8.74219C7.01953 1 6.09375 1.38672 4.82812 2.57031L0.667969 6.49609C0.0703125 7.07031 0 7.78516 0 8.85156V15.3203C0 17.582 1.23047 18.7891 3.67969 18.7891Z" fill="white"/>
+<path d="M3.67969 18.7891H23.9531C26.4141 18.7891 27.6328 17.582 27.6328 15.3203V8.85156C27.6328 7.78516 27.5625 7.07031 26.9648 6.49609L22.8164 2.57031C21.5391 1.38672 20.625 1 18.8906 1H8.74219C7.01953 1 6.09375 1.38672 4.82812 2.57031L0.667969 6.49609C0.0703125 7.07031 0 7.78516 0 8.85156V15.3203C0 17.582 1.23047 18.7891 3.67969 18.7891ZM13.8164 11.8047C12.1641 11.8047 11.0977 10.375 11.0977 9.01562V8.96875C11.0977 8.47656 10.8047 8.01953 10.1953 8.01953H2.75391C2.08594 8.01953 1.86328 7.71484 2.40234 7.21094L6.26953 3.56641C6.98438 2.89844 7.45312 2.65234 8.56641 2.65234H19.0664C20.1914 2.65234 20.6484 2.89844 21.3633 3.56641L25.2305 7.21094C25.793 7.73828 25.5352 8.01953 24.8906 8.01953H17.4375C16.8281 8.01953 16.5469 8.47656 16.5469 8.96875V9.01562C16.5469 10.375 15.4805 11.8047 13.8164 11.8047ZM3.70312 17.0664C2.53125 17.0664 1.88672 16.4336 1.88672 15.2148V9.74219H9.31641C9.59766 11.9219 11.4375 13.5508 13.8164 13.5508C16.1953 13.5508 18.0352 11.9219 18.3164 9.74219H25.7461V15.2148C25.7461 16.4336 25.0898 17.0664 23.9297 17.0664H3.70312Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88379">
+<rect width="27.6328" height="26.8477" fill="white" transform="translate(0 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Images/tray_2_fill.svg b/LivreLand/Resources/Images/tray_2_fill.svg
new file mode 100644
index 0000000..5cfb219
--- /dev/null
+++ b/LivreLand/Resources/Images/tray_2_fill.svg
@@ -0,0 +1,12 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88380)">
+<path d="M5.27344 28.3828H25.5586C28.0078 28.3828 29.2383 27.1876 29.2383 24.9142V20.1211C29.2383 19.0547 29.168 18.3398 28.5703 17.7773L24.4102 13.8516C23.1445 12.6562 22.2188 12.2812 20.4961 12.2812H10.3477C8.61328 12.2812 7.6875 12.6562 6.42188 13.8516L2.26172 17.7773C1.66406 18.3398 1.60547 19.0547 1.60547 20.1211V24.9142C1.60547 27.1758 2.83594 28.3828 5.27344 28.3828ZM15.4219 23.0859C13.7578 23.0859 12.6914 21.6445 12.6914 20.2852V20.25C12.6914 19.7578 12.4102 19.3008 11.8008 19.3008H4.35938C3.67969 19.3008 3.46875 18.9962 4.00781 18.4923L7.875 14.8477C8.58984 14.168 9.04688 13.9219 10.1719 13.9219H20.6719C21.7852 13.9219 22.2422 14.168 22.9688 14.8477L26.8359 18.4923C27.3984 19.0196 27.1406 19.3008 26.4961 19.3008H19.0312C18.4336 19.3008 18.1406 19.7578 18.1406 20.25V20.2852C18.1406 21.6445 17.0742 23.0859 15.4219 23.0859Z" fill="black" fill-opacity="0.85"/>
+<path d="M4.35938 19.3008H26.4961C29.1797 19.3008 30.832 17.4258 30.832 14.5547V9.44531C30.832 7.89844 30.6211 6.83203 29.6719 5.92969L25.5 2.00391C23.9531 0.539062 22.6289 0 20.4961 0H10.3477C8.21484 0 6.87891 0.539062 5.33203 2.00391L1.17188 5.92969C0.222656 6.83203 0 7.89844 0 9.44531V14.5547C0 17.4258 1.67578 19.3008 4.35938 19.3008Z" fill="white"/>
+<path d="M5.27344 17.6953H25.5586C28.0078 17.6953 29.2383 16.5 29.2383 14.2266V9.44531C29.2383 8.37891 29.168 7.66406 28.5703 7.08984L24.4102 3.16406C23.1445 1.98047 22.2188 1.59375 20.4961 1.59375H10.3477C8.61328 1.59375 7.6875 1.98047 6.42188 3.16406L2.26172 7.08984C1.66406 7.66406 1.60547 8.37891 1.60547 9.44531V14.2266C1.60547 16.5 2.83594 17.6953 5.27344 17.6953ZM15.4219 12.3984C13.7578 12.3984 12.6914 10.9688 12.6914 9.60938V9.5625C12.6914 9.08203 12.4102 8.61328 11.8008 8.61328H4.35938C3.67969 8.61328 3.46875 8.30859 4.00781 7.80469L7.875 4.16016C8.58984 3.49219 9.04688 3.24609 10.1719 3.24609H20.6719C21.7852 3.24609 22.2422 3.49219 22.9688 4.16016L26.8359 7.80469C27.3984 8.33203 27.1406 8.61328 26.4961 8.61328H19.0312C18.4336 8.61328 18.1406 9.08203 18.1406 9.5625V9.60938C18.1406 10.9688 17.0742 12.3984 15.4219 12.3984Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88380">
+<rect width="30.832" height="29.9414" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/LivreLand/Resources/Styles/Colors.xaml b/LivreLand/Resources/Styles/Colors.xaml
index 245758b..2740006 100644
--- a/LivreLand/Resources/Styles/Colors.xaml
+++ b/LivreLand/Resources/Styles/Colors.xaml
@@ -4,6 +4,9 @@
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
 
+    <Color x:Key="Gray">#e1e1e1</Color>
+    <Color x:Key="LightGray">#f8f8f8</Color>
+    
     <Color x:Key="Primary">#512BD4</Color>
     <Color x:Key="Secondary">#DFD8F7</Color>
     <Color x:Key="Tertiary">#2B0B98</Color>
diff --git a/LivreLand/View/BibliothequeView.xaml b/LivreLand/View/BibliothequeView.xaml
new file mode 100644
index 0000000..1c8c2f2
--- /dev/null
+++ b/LivreLand/View/BibliothequeView.xaml
@@ -0,0 +1,281 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:view="clr-namespace:LivreLand.View"
+             xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
+             x:Class="LivreLand.View.BibliothequeView"
+             Title="BibliothequeView">
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <view:HeaderHome Grid.Row="0"/>
+        <ScrollView Grid.Row="2">
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="auto"/>
+                    <RowDefinition Height="10"/>
+                    <RowDefinition Height="auto"/>
+                    <RowDefinition Height="20"/>
+                    <RowDefinition Height="auto"/>
+                    <RowDefinition Height="20"/>
+                    <RowDefinition Height="auto"/>
+                    <RowDefinition Height="*"/>
+                </Grid.RowDefinitions>
+
+                <Label Text="Mes Livres"
+                       FontAttributes="Bold"
+                       FontSize="40"
+                       Margin="10,0,0,0"
+                       Grid.Row="0"/>
+
+                <VerticalStackLayout BackgroundColor="{DynamicResource LightGray}"
+                                        Grid.Row="2">
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--Tous-->
+                    <contentView:HomeButtonView ButtonTitle="Tous"
+                                                ButtonIcon="tray_2_fill.png"
+                                                ButtonNumber="45"/>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             Margin="10,0,0,0"
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--En prêt-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="person_badge_clock_fill.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="En prêt"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Label Text="1"
+                                VerticalOptions="Center"
+                                Grid.Column="4"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             Margin="10,0,0,0"
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--À lire plus tard-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="arrow_forward.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="À lire plus tard"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             Margin="10,0,0,0"
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--Statut de lecture-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="eyeglasses.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="Statut de lecture"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             Margin="10,0,0,0"
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--Favoris-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="heart_fill.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="Favoris"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+                </VerticalStackLayout>
+
+                <Label Text="Filtres"
+                       Margin="10,0,0,0"
+                       FontAttributes="Bold"
+                       Grid.Row="4"/>
+
+                <VerticalStackLayout BackgroundColor="{DynamicResource LightGray}"
+                                        Grid.Row="6">
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--Auteur-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="person_fill.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="Auteur"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             Margin="10,0,0,0"
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--Date de publication-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="calendar.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="Date de publication"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             Margin="10,0,0,0"
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+
+                    <!--Note-->
+                    <Grid Margin="10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="1"/>
+                            <ColumnDefinition Width="auto"/>
+                            <ColumnDefinition Width="10"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="sparkles.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="0"/>
+                        <Label Text="Note"
+                                VerticalOptions="Center"
+                                Grid.Column="2"/>
+                        <Image Source="chevron_right.png"
+                                MaximumHeightRequest="20"
+                                MaximumWidthRequest="20"
+                                Grid.Column="6"/>
+                    </Grid>
+
+                    <BoxView Color="{DynamicResource Gray}"  
+                             HeightRequest="1"  
+                             HorizontalOptions="Fill"/>
+                </VerticalStackLayout>
+
+            </Grid>
+        </ScrollView>
+    </Grid>
+    
+</ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/BibliothequeView.xaml.cs b/LivreLand/View/BibliothequeView.xaml.cs
new file mode 100644
index 0000000..2c5ae4f
--- /dev/null
+++ b/LivreLand/View/BibliothequeView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class BibliothequeView : ContentPage
+{
+	public BibliothequeView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/ContentViews/HomeButtonView.xaml b/LivreLand/View/ContentViews/HomeButtonView.xaml
new file mode 100644
index 0000000..eb51b8d
--- /dev/null
+++ b/LivreLand/View/ContentViews/HomeButtonView.xaml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.ContentViews.HomeButtonView"
+             x:Name="this">
+
+    <Grid BindingContext="{x:Reference this}"
+          Margin="10">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="auto"/>
+            <ColumnDefinition Width="10"/>
+            <ColumnDefinition Width="auto"/>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="auto"/>
+            <ColumnDefinition Width="1"/>
+            <ColumnDefinition Width="auto"/>
+            <ColumnDefinition Width="10"/>
+        </Grid.ColumnDefinitions>
+        <Image Source="{Binding ButtonIcon}"
+               MaximumHeightRequest="20"
+               MaximumWidthRequest="20"
+               Grid.Column="0"/>
+        <Label Text="{Binding ButtonTitle}"
+               VerticalOptions="Center"
+               Grid.Column="2"/>
+        <Label Text="{Binding ButtonNumber, FallbackValue=' '}"
+               VerticalOptions="Center"
+               Grid.Column="4"/>
+        <Image Source="chevron_right.png"
+               MaximumHeightRequest="20"
+               MaximumWidthRequest="20"
+               Grid.Column="6"/>
+    </Grid>
+    
+</ContentView>
diff --git a/LivreLand/View/ContentViews/HomeButtonView.xaml.cs b/LivreLand/View/ContentViews/HomeButtonView.xaml.cs
new file mode 100644
index 0000000..cb22418
--- /dev/null
+++ b/LivreLand/View/ContentViews/HomeButtonView.xaml.cs
@@ -0,0 +1,30 @@
+namespace LivreLand.View.ContentViews;
+
+public partial class HomeButtonView : ContentView
+{
+    public static readonly BindableProperty ButtonTitleProperty = BindableProperty.Create(nameof(ButtonTitle), typeof(string), typeof(HomeButtonView), string.Empty);
+    public string ButtonTitle
+    {
+        get => (string)GetValue(HomeButtonView.ButtonTitleProperty);
+        set => SetValue(HomeButtonView.ButtonTitleProperty, value);
+    }
+
+    public static readonly BindableProperty ButtonIconProperty = BindableProperty.Create(nameof(ButtonIcon), typeof(string), typeof(HomeButtonView), string.Empty);
+    public string ButtonIcon
+    {
+        get => (string)GetValue(HomeButtonView.ButtonIconProperty);
+        set => SetValue(HomeButtonView.ButtonIconProperty, value);
+    }
+
+    public static readonly BindableProperty ButtonNumberProperty = BindableProperty.Create(nameof(ButtonNumber), typeof(string), typeof(HomeButtonView), string.Empty);
+    public string ButtonNumber
+    {
+        get => (string)GetValue(HomeButtonView.ButtonNumberProperty);
+        set => SetValue(HomeButtonView.ButtonNumberProperty, value);
+    }
+
+    public HomeButtonView()
+    {
+        InitializeComponent();
+    }
+}
\ No newline at end of file
diff --git a/LivreLand/View/DetailsLivreView.xaml b/LivreLand/View/DetailsLivreView.xaml
new file mode 100644
index 0000000..babcbe2
--- /dev/null
+++ b/LivreLand/View/DetailsLivreView.xaml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.DetailsLivreView"
+             Title="DetailsLivreView">
+    <Grid>
+        <ScrollView>
+            <VerticalStackLayout Margin="10">
+                
+                <!--Informations générales-->
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="auto"/>
+                        <ColumnDefinition Width="10"/>
+                        <ColumnDefinition Width="auto"/>
+                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="auto"/>
+                        <RowDefinition Height="*"/>
+                        <RowDefinition Height="auto"/>
+                    </Grid.RowDefinitions>
+                </Grid>
+                    
+                    <!--Informations en ligne-->
+                    
+                    <!--Auteur-->
+                    
+                    
+            </VerticalStackLayout>
+        </ScrollView>
+    </Grid>
+</ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/DetailsLivreView.xaml.cs b/LivreLand/View/DetailsLivreView.xaml.cs
new file mode 100644
index 0000000..bc22177
--- /dev/null
+++ b/LivreLand/View/DetailsLivreView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class DetailsLivreView : ContentPage
+{
+	public DetailsLivreView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/FiltrageAuteurView.xaml b/LivreLand/View/FiltrageAuteurView.xaml
new file mode 100644
index 0000000..3884fec
--- /dev/null
+++ b/LivreLand/View/FiltrageAuteurView.xaml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.FiltrageAuteurView"
+             Title="FiltrageAuteurView">
+    <VerticalStackLayout>
+        <Label 
+            Text="Welcome to .NET MAUI!"
+            VerticalOptions="Center" 
+            HorizontalOptions="Center" />
+    </VerticalStackLayout>
+</ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/FiltrageAuteurView.xaml.cs b/LivreLand/View/FiltrageAuteurView.xaml.cs
new file mode 100644
index 0000000..5fa2528
--- /dev/null
+++ b/LivreLand/View/FiltrageAuteurView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class FiltrageAuteurView : ContentPage
+{
+	public FiltrageAuteurView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/FiltrageDateView.xaml b/LivreLand/View/FiltrageDateView.xaml
new file mode 100644
index 0000000..9d39913
--- /dev/null
+++ b/LivreLand/View/FiltrageDateView.xaml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.FiltrageDateView"
+             Title="FiltrageDateView">
+    <VerticalStackLayout>
+        <Label 
+            Text="Welcome to .NET MAUI!"
+            VerticalOptions="Center" 
+            HorizontalOptions="Center" />
+    </VerticalStackLayout>
+</ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/FiltrageDateView.xaml.cs b/LivreLand/View/FiltrageDateView.xaml.cs
new file mode 100644
index 0000000..97ff4b4
--- /dev/null
+++ b/LivreLand/View/FiltrageDateView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class FiltrageDateView : ContentPage
+{
+	public FiltrageDateView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/HeaderHome.xaml b/LivreLand/View/HeaderHome.xaml
new file mode 100644
index 0000000..db60b00
--- /dev/null
+++ b/LivreLand/View/HeaderHome.xaml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.HeaderHome">
+
+    <Grid ColumnDefinitions="auto, *, auto"
+          Margin="5">
+        <Grid>
+            <Label Text="Modifier"
+                   VerticalOptions="Center"
+                   TextColor="Red"
+                   FontAttributes="Bold"
+                   BackgroundColor="Transparent"
+                   Grid.Column="0"/>
+            <!--<Grid.GestureRecognizers>
+                <TapGestureRecognizer Command=""/>
+            </Grid.GestureRecognizers>-->
+        </Grid>
+        <Button VerticalOptions="Center"
+                ImageSource="plus.png"
+                BackgroundColor="Transparent"
+                MaximumHeightRequest="20"
+                MaximumWidthRequest="20"
+                Grid.Column="2"/>
+    </Grid>
+    
+</ContentView>
diff --git a/LivreLand/View/HeaderHome.xaml.cs b/LivreLand/View/HeaderHome.xaml.cs
new file mode 100644
index 0000000..106ace5
--- /dev/null
+++ b/LivreLand/View/HeaderHome.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class HeaderHome : ContentView
+{
+	public HeaderHome()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/HeaderPage.xaml b/LivreLand/View/HeaderPage.xaml
new file mode 100644
index 0000000..7331182
--- /dev/null
+++ b/LivreLand/View/HeaderPage.xaml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.HeaderPage">
+    <VerticalStackLayout>
+        <Label 
+            Text="Welcome to .NET MAUI!"
+            VerticalOptions="Center" 
+            HorizontalOptions="Center" />
+    </VerticalStackLayout>
+</ContentView>
diff --git a/LivreLand/View/HeaderPage.xaml.cs b/LivreLand/View/HeaderPage.xaml.cs
new file mode 100644
index 0000000..12c76eb
--- /dev/null
+++ b/LivreLand/View/HeaderPage.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class HeaderPage : ContentView
+{
+	public HeaderPage()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/TousView.xaml b/LivreLand/View/TousView.xaml
new file mode 100644
index 0000000..5d1fed0
--- /dev/null
+++ b/LivreLand/View/TousView.xaml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.TousView"
+             Title="TousView">
+    <Grid>
+        <ScrollView>
+            <CollectionView>
+                <CollectionView.GroupHeaderTemplate>
+                    <DataTemplate>
+                        <Label Text="Alain Damasio"/>
+                    </DataTemplate>
+                </CollectionView.GroupHeaderTemplate>
+                <CollectionView.ItemTemplate>
+                    <DataTemplate>
+                        <Grid Margin="10">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="auto"/>
+                                <ColumnDefinition Width="10"/>
+                                <ColumnDefinition Width="auto"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Image Grid.Column="0"/>
+                            <Grid Grid.Column="2">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="auto"/>
+                                    <RowDefinition Height="auto"/>
+                                    <RowDefinition Height="auto"/>
+                                    <RowDefinition Height="*"/>
+                                    <RowDefinition Height="auto"/>
+                                </Grid.RowDefinitions>
+                            </Grid>
+                            <Label Text="La horde du contrevent"
+                                   Grid.Row="0"/>
+                            <Label Text="Alain Damasio"
+                                   Grid.Row="1"/>
+                            <Label Text="Non lu"
+                                   Grid.Row="2"/>
+
+                        </Grid>
+                    </DataTemplate>
+                </CollectionView.ItemTemplate>
+            </CollectionView>            
+        </ScrollView>
+    </Grid>
+</ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/TousView.xaml.cs b/LivreLand/View/TousView.xaml.cs
new file mode 100644
index 0000000..8c1a834
--- /dev/null
+++ b/LivreLand/View/TousView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View;
+
+public partial class TousView : ContentPage
+{
+	public TousView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file