diff --git a/AppShell.xaml b/AppShell.xaml
index 9955992..4d952b1 100644
--- a/AppShell.xaml
+++ b/AppShell.xaml
@@ -28,5 +28,9 @@
             Title="Register Page"
             ContentTemplate="{DataTemplate views:RegisterPage}"
             Route="Register" />
+        <ShellContent
+            Title="Recipe Page"
+            ContentTemplate="{DataTemplate views:RecipePage}"
+            Route="Recipe" />
     </TabBar>
 </Shell>
\ No newline at end of file
diff --git a/MainPage.xaml b/MainPage.xaml
deleted file mode 100644
index 3c3aa3e..0000000
--- a/MainPage.xaml
+++ /dev/null
@@ -1,48 +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="ShoopNCook.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" />
-
-            <Button
-                x:Name="RedirectBtn"
-                Text="Goto page 2"
-                SemanticProperties.Hint="Goto page 2"
-                Clicked="OnCounterClicked"
-                HorizontalOptions="Center" />
-
-        </VerticalStackLayout>
-    </ScrollView>
-
-</ContentPage>
diff --git a/MainPage.xaml.cs b/MainPage.xaml.cs
deleted file mode 100644
index 6d3cc71..0000000
--- a/MainPage.xaml.cs
+++ /dev/null
@@ -1,29 +0,0 @@
-namespace ShoopNCook;
-
-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);
-    }
-
-    private void OnRedirectionClicked(object sender, EventArgs e)
-    {
-        //komen onfé
-    }
-}
-
diff --git a/MauiProgram.cs b/MauiProgram.cs
index 760acb4..5a4fcfa 100644
--- a/MauiProgram.cs
+++ b/MauiProgram.cs
@@ -13,7 +13,8 @@ public static class MauiProgram
 			{
 				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
 				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
-				fonts.AddFont("Poppins-bold.ttf", "PoppinsBold");
+				fonts.AddFont("Poppins-Bold.ttf", "PoppinsBold");
+				fonts.AddFont("Poppins-Medium.ttf", "PoppinsMedium");
             });
 
 #if DEBUG
diff --git a/Resources/Fonts/Poppins-Medium.ttf b/Resources/Fonts/Poppins-Medium.ttf
new file mode 100644
index 0000000..937b1e9
Binary files /dev/null and b/Resources/Fonts/Poppins-Medium.ttf differ
diff --git a/Resources/Images/hearth_off.svg b/Resources/Images/hearth_off.svg
new file mode 100644
index 0000000..a82521b
--- /dev/null
+++ b/Resources/Images/hearth_off.svg
@@ -0,0 +1,3 @@
+<svg width="34" height="31" viewBox="0 0 34 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8484 28.1694C18.0823 28.659 17.4449 29.0352 17.0002 29.2883C16.5554 29.0351 15.9179 28.6587 15.1518 28.1689C13.6037 27.179 11.5458 25.7356 9.4949 23.9185C5.32576 20.2247 1.50035 15.2682 1.50035 9.65054H1.5004L1.50029 9.63777C1.48259 7.55869 2.26883 5.55225 3.69638 4.03595C5.1148 2.52935 7.05796 1.62189 9.1264 1.5001C10.4583 1.50706 11.7649 1.86407 12.9144 2.53526C14.0756 3.21319 15.0344 4.1871 15.693 5.35661L17 7.67793L18.3071 5.35661C18.9654 4.18738 19.924 3.21365 21.0848 2.53573C22.234 1.86456 23.5402 1.5074 24.8717 1.50011C26.9405 1.62143 28.8841 2.52869 30.3029 4.03534C31.7309 5.55169 32.5174 7.5584 32.4997 9.63779L32.4997 9.63779V9.65054C32.4997 15.2705 28.6741 20.227 24.5052 23.9201C22.4543 25.7369 20.3964 27.1799 18.8484 28.1694Z" stroke="#FF8988" stroke-width="3"/>
+</svg>
diff --git a/Resources/Images/hearth_on.svg b/Resources/Images/hearth_on.svg
new file mode 100644
index 0000000..07e11a5
--- /dev/null
+++ b/Resources/Images/hearth_on.svg
@@ -0,0 +1,3 @@
+<svg width="34" height="31" viewBox="0 0 34 31" fill="#FF8988" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4833 30.164C17.282 30.2785 17.1191 30.3685 17.0001 30.4332C16.881 30.3684 16.7181 30.2784 16.5168 30.1639C16.0585 29.9031 15.4019 29.5157 14.6132 29.0114C13.0346 28.0021 10.932 26.5278 8.83175 24.667C4.60876 20.9254 0.500347 15.715 0.500365 9.65054L0.500329 9.64628C0.480433 7.30919 1.36427 5.05421 2.96829 3.35047C4.56927 1.64996 6.76472 0.629282 9.09953 0.500009C10.6178 0.50227 12.1082 0.906582 13.4186 1.67168C14.7329 2.43903 15.8186 3.54158 16.5643 4.86597L17 5.63975L17.4357 4.86597C18.1812 3.5419 19.2666 2.43954 20.5804 1.67221C21.8904 0.907138 23.3805 0.502649 24.8983 0.500013C27.2335 0.628758 29.4295 1.64921 31.0309 3.34977C32.6354 5.05357 33.5195 7.30884 33.4997 9.64629V9.65054C33.4997 15.7173 29.3912 20.9277 25.1683 24.6686C23.068 26.5292 20.9654 28.003 19.3869 29.012C18.5982 29.5161 17.9416 29.9034 17.4833 30.164Z" stroke="#FF8988"/>
+</svg>
diff --git a/Resources/Images/minus.svg b/Resources/Images/minus.svg
new file mode 100644
index 0000000..6c136aa
--- /dev/null
+++ b/Resources/Images/minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" height="48" viewBox="0 96 960 960" width="48"><path d="M230 606q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T230 546h500q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T730 606H230Z"/></svg>
\ No newline at end of file
diff --git a/Resources/Images/password_icon.svg b/Resources/Images/password_icon.svg
index b43acd1..489cf39 100644
--- a/Resources/Images/password_icon.svg
+++ b/Resources/Images/password_icon.svg
@@ -2,3 +2,4 @@
 <path d="M6.33333 9.45H5C2.79086 9.45 1 11.2409 1 13.45V23C1 25.2091 2.79086 27 5 27H17C19.2091 27 21 25.2091 21 23V13.45C21 11.2409 19.2091 9.45 17 9.45H15.6667M6.33333 9.45V5.66667C6.33333 3.08934 8.42267 1 11 1V1C13.5773 1 15.6667 3.08934 15.6667 5.66667V9.45M6.33333 9.45H15.6667" stroke="#6A6A6A"/>
 <ellipse cx="11.0003" cy="18.2248" rx="3.33333" ry="3.25" stroke="#6A6A6A"/>
 </svg>
+
diff --git a/Resources/Images/plus.svg b/Resources/Images/plus.svg
new file mode 100644
index 0000000..ffcb182
--- /dev/null
+++ b/Resources/Images/plus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" height="48" viewBox="0 96 960 960" width="48">
+	<path d="M479.825 856Q467 856 458.5 847.375T450 826V606H230q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T230 546h220V326q0-12.75 8.675-21.375 8.676-8.625 21.5-8.625 12.825 0 21.325 8.625T510 326v220h220q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T730 606H510v220q0 12.75-8.675 21.375-8.676 8.625-21.5 8.625Z"/>
+</svg>
\ No newline at end of file
diff --git a/Resources/Images/star_empty.svg b/Resources/Images/star_empty.svg
new file mode 100644
index 0000000..2ee298f
--- /dev/null
+++ b/Resources/Images/star_empty.svg
@@ -0,0 +1,3 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M51.5995 80.3367L50 79.3286L48.4005 80.3367L22.2873 96.7941L22.2659 96.8076L22.2446 96.8215C21.9992 96.9821 21.8349 97.0077 21.6743 96.9984C21.3995 96.9824 21.2189 96.9085 21.0502 96.7824C20.8413 96.6262 20.6768 96.4268 20.5477 96.1179C20.486 95.9704 20.4227 95.7098 20.5093 95.2285L27.3779 64.1254L27.7519 62.4318L26.4707 61.2626L3.45013 40.2535C3.44969 40.2531 3.44925 40.2527 3.44882 40.2523C3.09118 39.9244 3.05657 39.7374 3.0485 39.6896C2.97181 39.2347 2.98924 38.8339 3.07836 38.4608C3.1053 38.348 3.15083 38.2442 3.32949 38.0972C3.4795 37.9739 3.69984 37.8554 4.10721 37.8104L34.5497 35.0206L36.3769 34.8532L37.0602 33.1504L48.8398 3.79549C48.9872 3.45789 49.1405 3.3261 49.2757 3.24647C49.6382 3.03307 49.8673 3 50 3C50.1327 3 50.3618 3.03307 50.7243 3.24647C50.8595 3.32611 51.0128 3.45791 51.1602 3.79559L62.9398 33.1504L63.6231 34.8532L65.4502 35.0206L95.8928 37.8104C96.3002 37.8554 96.5205 37.9739 96.6705 38.0972C96.8492 38.2442 96.8947 38.348 96.9216 38.4608C97.0108 38.8339 97.0282 39.2347 96.9515 39.6896C96.9434 39.7375 96.9088 39.9248 96.5502 40.2533C96.5501 40.2533 96.55 40.2534 96.5499 40.2535L73.5293 61.2626L72.2481 62.4318L72.6221 64.1254L79.4907 95.2285C79.5774 95.7098 79.514 95.9704 79.4523 96.1179C79.3232 96.4268 79.1587 96.6262 78.9498 96.7824C78.7811 96.9085 78.6005 96.9824 78.3257 96.9984C78.1651 97.0077 78.0008 96.9821 77.7554 96.8215L77.7341 96.8076L77.7127 96.7941L51.5995 80.3367Z" stroke="#FFD600" stroke-width="6"/>
+</svg>
diff --git a/Resources/Images/star_full.svg b/Resources/Images/star_full.svg
new file mode 100644
index 0000000..58bea28
--- /dev/null
+++ b/Resources/Images/star_full.svg
@@ -0,0 +1,3 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50 82.8747L23.8869 99.3321C23.1381 99.8219 22.3426 100.042 21.5002 99.9933C20.6578 99.9443 19.9091 99.6749 19.2539 99.1851C18.5987 98.6953 18.1074 98.0586 17.7798 97.2749C17.4522 96.4912 17.382 95.6096 17.5692 94.63L24.4485 63.4785L1.42399 42.4659C0.675224 41.7802 0.230646 41.021 0.0902527 40.1883C-0.0501404 39.3557 -0.0267415 38.5475 0.160449 37.7638C0.34764 36.9801 0.768819 36.3189 1.42399 35.7801C2.07916 35.2413 2.87472 34.923 3.81067 34.825L34.276 32.0331L46.069 2.64494C46.4434 1.76329 47.0049 1.10206 47.7537 0.661234C48.5025 0.220411 49.2512 0 50 0C50.7488 0 51.4975 0.220411 52.2463 0.661234C52.9951 1.10206 53.5566 1.76329 53.931 2.64494L65.724 32.0331L96.1893 34.825C97.1253 34.923 97.9209 35.2413 98.576 35.7801C99.2312 36.3189 99.6524 36.9801 99.8396 37.7638C100.027 38.5475 100.05 39.3557 99.9098 40.1883C99.7694 41.021 99.3248 41.7802 98.576 42.4659L75.5516 63.4785L82.4308 94.63C82.618 95.6096 82.5478 96.4912 82.2202 97.2749C81.8926 98.0586 81.4013 98.6953 80.7461 99.1851C80.0909 99.6749 79.3422 99.9443 78.4998 99.9933C77.6574 100.042 76.8619 99.8219 76.1131 99.3321L50 82.8747Z" fill="#FFD600"/>
+</svg>
diff --git a/Resources/Styles/Colors.xaml b/Resources/Styles/Colors.xaml
index 9ac1c90..9f2c70e 100644
--- a/Resources/Styles/Colors.xaml
+++ b/Resources/Styles/Colors.xaml
@@ -43,7 +43,8 @@
 
     <Color x:Key="BackgroundPrimary">#efefef</Color>
     <Color x:Key="BackgroundSecondary">White</Color>
-    
+    <Color x:Key="ButtonText">White</Color>
+
     <Color x:Key="TextColorPrimary">Black</Color>
     <Color x:Key="TextColorSecondary">#6d6d6d</Color>
     <Color x:Key="ActionButton">#ff8988</Color>
diff --git a/Resources/Styles/Styles.xaml b/Resources/Styles/Styles.xaml
index bc5804d..3a79ae2 100644
--- a/Resources/Styles/Styles.xaml
+++ b/Resources/Styles/Styles.xaml
@@ -6,16 +6,33 @@
 
     <Style TargetType="Border"
            x:Key="SecondaryBorder">
-        <Setter Property="StrokeShape" Value="RoundRectangle 12"/>
+        <Setter Property="StrokeShape" Value="RoundRectangle 25"/>
         <Setter Property="Stroke" Value="{StaticResource BackgroundSecondary}"/>
         <Setter Property="BackgroundColor" Value="{StaticResource BackgroundSecondary}"/>
     </Style>
 
+    <Style TargetType="Border"
+           x:Key="SecondaryBorderShadow">
+        
+        <Setter Property="StrokeShape" Value="RoundRectangle 25"/>
+        <Setter Property="Stroke" Value="{StaticResource BackgroundSecondary}"/>
+        <Setter Property="BackgroundColor" Value="{StaticResource BackgroundSecondary}"/>
+        <Setter Property="Shadow">
+            <Setter.Value>
+                <Shadow 
+                    Brush="Gray"
+                    Offset="20, 20"
+                    Radius="40"
+                    Opacity="0.5"/>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
     <Style TargetType="Entry"
            x:Key="UserInput">
         <Setter Property="TextColor" Value="{StaticResource TextColorPrimary}"/>
         <Setter Property="PlaceholderColor" Value="{StaticResource TextColorSecondary}"/>
-        <Setter Property="FontFamily" Value="PoppinsBold"/>
+        <Setter Property="FontFamily" Value="PoppinsMedium"/>
         <Setter Property="FontSize" Value="20"/>
         <Setter Property="Margin" Value="7, 0, 0, 0"/>
     </Style>
@@ -23,8 +40,34 @@
     <Style
         TargetType="Button"
         x:Key="UserButton">
-        <Setter Property="FontFamily" Value="PoppinsBold"/>
+        <Setter Property="FontFamily" Value="PoppinsMedium"/>
+        <Setter Property="FontSize" Value="20"/>
+    </Style>
+
+    <Style
+        TargetType="Label"
+        x:Key="h1">
+        <Setter Property="FontFamily" Value="PoppinsMedium"/>
+        <Setter Property="FontSize" Value="24"/>
+        <Setter Property="TextColor" Value="{StaticResource TextColorPrimary}"/>
+        <Setter Property="FontAttributes" Value="Bold"/>
+    </Style>
+
+    <Style
+        TargetType="Label"
+        x:Key="h2">
+        <Setter Property="FontFamily" Value="PoppinsMedium"/>
         <Setter Property="FontSize" Value="20"/>
+        <Setter Property="TextColor" Value="{StaticResource TextColorPrimary}"/>
+        <Setter Property="FontAttributes" Value="Bold"/>
+    </Style>
+
+    <Style
+        TargetType="Label"
+        x:Key="Small">
+        <Setter Property="FontFamily" Value="PoppinsMedium"/>
+        <Setter Property="FontSize" Value="17"/>
+        <Setter Property="TextColor" Value="{StaticResource TextColorSecondary}"/>
     </Style>
 
     <Style TargetType="ActivityIndicator">
diff --git a/ShoopNCook - Backup (1).csproj b/ShoopNCook - Backup (1).csproj
new file mode 100644
index 0000000..9ca6f83
--- /dev/null
+++ b/ShoopNCook - Backup (1).csproj	
@@ -0,0 +1,87 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+	<PropertyGroup>
+		<TargetFrameworks>net7.0-android;net7.0-ios;net7.0-maccatalyst</TargetFrameworks>
+		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net7.0-windows10.0.19041.0</TargetFrameworks>
+		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
+		<!-- <TargetFrameworks>$(TargetFrameworks);net7.0-tizen</TargetFrameworks> -->
+		<OutputType>Exe</OutputType>
+		<RootNamespace>ShoopNCook</RootNamespace>
+		<UseMaui>true</UseMaui>
+		<SingleProject>true</SingleProject>
+		<ImplicitUsings>enable</ImplicitUsings>
+
+		<!-- Display name -->
+		<ApplicationTitle>ShoopNCook</ApplicationTitle>
+
+		<!-- App Identifier -->
+		<ApplicationId>com.companyname.shoopncook</ApplicationId>
+		<ApplicationIdGuid>bf17e1fe-a722-42f6-a24d-3327d351c924</ApplicationIdGuid>
+
+		<!-- Versions -->
+		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
+		<ApplicationVersion>1</ApplicationVersion>
+
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
+		<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
+	</PropertyGroup>
+
+	<ItemGroup>
+		<!-- App Icon -->
+		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+
+		<!-- Splash Screen -->
+		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+
+		<!-- Images -->
+		<MauiImage Include="Resources\Images\*" />
+
+		<!-- Custom Fonts -->
+		<MauiFont Include="Resources\Fonts\*" />
+
+		<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
+		<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <None Remove="Resources\Fonts\Poppins-Bold.ttf" />
+	  <None Remove="Resources\Images\email_icon.svg" />
+	  <None Remove="Resources\Images\facebook_logo.svg" />
+	  <None Remove="Resources\Images\password_icon.svg" />
+	  <None Remove="Resources\Images\search_options.svg" />
+	  <None Remove="Resources\Images\visibility_off.svg" />
+	  <None Remove="Resources\Images\visibility_on.svg" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <None Remove="Resources\Fonts\arrow_back_ios_FILL0_wght400_GRAD200_opsz48.svg" />
+	  <None Remove="Resources\Images\default_profile_picture.png" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiFont Include="Resources\Images\arrow_back.svg" />
+	</ItemGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiXaml Update="Views\ProfilePage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\RecipeView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\SearchPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	</ItemGroup>
+
+	<ProjectExtensions><VisualStudio><UserProperties XamarinHotReloadDebuggerTimeoutExceptionShoopNCookHideInfoBar="True" XamarinHotReloadUnhandledDeviceExceptionShoopNCookHideInfoBar="True" /></VisualStudio></ProjectExtensions>
+
+</Project>
diff --git a/ShoopNCook.csproj b/ShoopNCook.csproj
index 8ef95d8..ff78320 100644
--- a/ShoopNCook.csproj
+++ b/ShoopNCook.csproj
@@ -49,10 +49,17 @@
 
 	<ItemGroup>
 	  <None Remove="Resources\Fonts\Poppins-Bold.ttf" />
+	  <None Remove="Resources\Fonts\Poppins-Medium.ttf" />
 	  <None Remove="Resources\Images\email_icon.svg" />
 	  <None Remove="Resources\Images\facebook_logo.svg" />
+	  <None Remove="Resources\Images\hearth_off.svg" />
+	  <None Remove="Resources\Images\hearth_on.svg" />
+	  <None Remove="Resources\Images\minus.svg" />
 	  <None Remove="Resources\Images\password_icon.svg" />
+	  <None Remove="Resources\Images\plus.svg" />
 	  <None Remove="Resources\Images\search_options.svg" />
+	  <None Remove="Resources\Images\star_empty.svg" />
+	  <None Remove="Resources\Images\star_full.svg" />
 	  <None Remove="Resources\Images\user.svg" />
 	  <None Remove="Resources\Images\visibility_off.svg" />
 	  <None Remove="Resources\Images\visibility_on.svg" />
@@ -72,9 +79,15 @@
 	</ItemGroup>
 
 	<ItemGroup>
+	  <MauiXaml Update="Views\IngredientView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="Views\ProfilePage.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="Views\RecipePage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="Views\RecipeView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
diff --git a/Views/IngredientView.xaml b/Views/IngredientView.xaml
new file mode 100644
index 0000000..693cdde
--- /dev/null
+++ b/Views/IngredientView.xaml
@@ -0,0 +1,24 @@
+<?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="ShoopNCook.Views.IngredientView"
+             x:Name="Ingredient">
+    <HorizontalStackLayout
+        Spacing="2">
+        <Label 
+            Text="•"
+            Style="{StaticResource Small}"/>
+
+        <Label 
+            Text="{Binding Name, Source={x:Reference Ingredient}}"
+            Style="{StaticResource Small}"/>
+
+        <Label 
+            Text="{Binding Quantity, Source={x:Reference Ingredient}}"
+            Style="{StaticResource Small}"/>
+
+        <Label 
+            Text="{Binding Unit, Source={x:Reference Ingredient}}"
+            Style="{StaticResource Small}"/>
+    </HorizontalStackLayout>
+</ContentView>
\ No newline at end of file
diff --git a/Views/IngredientView.xaml.cs b/Views/IngredientView.xaml.cs
new file mode 100644
index 0000000..01288d8
--- /dev/null
+++ b/Views/IngredientView.xaml.cs
@@ -0,0 +1,41 @@
+namespace ShoopNCook.Views;
+
+public partial class IngredientView : ContentView
+{
+
+    public static readonly BindableProperty NameProperty =
+        BindableProperty.Create(nameof(Name), typeof(string), typeof(IngredientView), default(string));
+
+    public static readonly BindableProperty QuantityProperty =
+        BindableProperty.Create(nameof(Quantity), typeof(float), typeof(IngredientView), default(float));
+
+    public static readonly BindableProperty UnitProperty =
+        BindableProperty.Create(nameof(Unit), typeof(string), typeof(IngredientView), default(string));
+
+    public string Name
+    {
+        get => (string)GetValue(NameProperty);
+        set => SetValue(NameProperty, value);
+    }
+
+    public float Quantity
+    {
+        get => (float)GetValue(QuantityProperty);
+        set => SetValue(QuantityProperty, value);
+    }
+
+    public string Unit
+    {
+        get => (string)GetValue(UnitProperty);
+        set => SetValue(UnitProperty, value);
+    }
+
+    public IngredientView(string name, float quantity, string unit)
+    {
+        InitializeComponent();
+
+        Name = name;
+        Quantity = quantity;
+        Unit = unit;
+    }
+}
\ No newline at end of file
diff --git a/Views/LoginPage.xaml b/Views/LoginPage.xaml
index 077ca30..f6c1c4b 100644
--- a/Views/LoginPage.xaml
+++ b/Views/LoginPage.xaml
@@ -24,7 +24,7 @@
             HorizontalOptions="Start" />
 
         <Border
-            Style="{StaticResource SecondaryBorder}"
+            Style="{StaticResource SecondaryBorderShadow}"
             Margin="0,30,0,20">
             <Grid
                 Padding="5"
@@ -43,8 +43,7 @@
         </Border>
 
         <Border
-            Style="{StaticResource SecondaryBorder}"
-            StrokeShape="RoundRectangle 12"
+            Style="{StaticResource SecondaryBorderShadow}"
             >
             <Grid
                 Padding="5"
@@ -69,21 +68,19 @@
 
         <Label 
             TextColor="{StaticResource TextColorSecondary}"
-            HorizontalOptions="End">
-            Forgot Password ?
-        </Label>
-
+            HorizontalOptions="End"
+            Text="Forgot Password ?"
+            BackgroundColor="Transparent"/>
 
         <Border
             Margin="0, 30, 0, 0"
             Stroke="{StaticResource BackgroundPrimary}"
             StrokeShape="RoundRectangle 12">
-            <Label
-                HeightRequest="50"
-                BackgroundColor="{StaticResource ActionButton}"
-                HorizontalTextAlignment="Center"
-                VerticalTextAlignment="Center">
-                LOG IN</Label>
+            <Button
+                BackgroundColor="{StaticResource Selected}"
+                FontFamily="PoppinsMedium"
+                TextColor="{StaticResource ButtonText}"
+                Text="LOG IN"/>
         </Border>
 
         <HorizontalStackLayout
diff --git a/Views/ProfilePage.xaml b/Views/ProfilePage.xaml
index b686ff5..7f795ff 100644
--- a/Views/ProfilePage.xaml
+++ b/Views/ProfilePage.xaml
@@ -7,7 +7,7 @@
 
     <ScrollView>
         <Grid
-            Margin="20"
+            Padding="20"
             RowDefinitions="Auto, Auto, Auto, *">
         
             <!-- Profile label and return button -->
@@ -72,7 +72,7 @@
             <!-- User inputs -->
             <Grid
                 Grid.Row="2"
-                Margin="0, 20, 0, 0"
+                Padding="0, 20, 0, 0"
                 RowDefinitions="Auto, *, Auto, *">
                 <Label 
                     Grid.Row="0"
@@ -82,7 +82,7 @@
 
                 <Border
                     Grid.Row="1"
-                    Style="{StaticResource SecondaryBorder}">
+                    Style="{StaticResource SecondaryBorderShadow}">
                     <Entry
                         Style="{StaticResource UserInput}"
                         Text="%Profile_Name%"
@@ -97,7 +97,7 @@
 
                 <Border
                     Grid.Row="3"
-                    Style="{StaticResource SecondaryBorder}">
+                    Style="{StaticResource SecondaryBorderShadow}">
                     <Entry
                         Style="{StaticResource UserInput}"
                         Text="%Profile_Mail%"
@@ -118,12 +118,10 @@
                     Margin="0, 30, 0, 0"
                     Stroke="{StaticResource BackgroundPrimary}"
                     StrokeShape="RoundRectangle 12">
-                    <Label
-                        HeightRequest="50"
+                    <Button
                         BackgroundColor="{StaticResource ActionButton}"
-                        HorizontalTextAlignment="Center"
-                        VerticalTextAlignment="Center"
-                        FontFamily="PoppinsBold"
+                        FontFamily="PoppinsMedium"
+                        TextColor="White"
                         Text="SAVE"/>
                 </Border>
             </VerticalStackLayout>
diff --git a/Views/RecipePage.xaml b/Views/RecipePage.xaml
new file mode 100644
index 0000000..16e690b
--- /dev/null
+++ b/Views/RecipePage.xaml
@@ -0,0 +1,213 @@
+<?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="ShoopNCook.Views.RecipePage"
+             Title="RecipePage"
+             x:Name="RecipeViewPage"
+             BackgroundColor="{StaticResource BackgroundPrimary}">
+    
+    <Grid
+        RowDefinitions="90*, 10*"
+        Padding="10"
+        >
+
+        <!--Main content-->
+        <ScrollView>
+            <Grid
+                RowDefinitions="*, Auto, Auto, 0.5*">
+                <FlexLayout
+                    Grid.Row="0"
+                    Direction="Row"
+                    JustifyContent="SpaceBetween"
+                    AlignContent="Center"
+                    AlignItems="Center">
+                    <ImageButton 
+                        Source="arrow_back.svg"/>
+                    <Label 
+                        Style="{StaticResource h1}"
+                        x:Name="RecipeName"
+                        Text="Recipe name"/>
+
+                    <ImageButton
+                        x:Name="Favorite"
+                        Source="hearth_off.svg"
+                        Margin="0, 0, 5, 0"
+                        Clicked="OnFavorite"/>
+                </FlexLayout>
+
+                <!--Recipe image-->
+                
+                <Border
+                    Grid.Row="1"
+                    Margin="10"
+                    Stroke="Transparent"
+                    StrokeShape="RoundRectangle 20"
+                    BackgroundColor="AliceBlue">
+                    <Image 
+                        HeightRequest="250"/>
+                </Border>
+
+                <!--Steps-->
+
+                <VerticalStackLayout
+                    Grid.Row="2"
+                    Padding="30, 0, 30, 0">
+
+                    <!--Cook time-->
+                    <VerticalStackLayout>
+                        <HorizontalStackLayout>
+                            <Label 
+                                Style="{StaticResource Small}"
+                                Text="Cooking time: "/>
+                            <Label 
+                                Style="{StaticResource Small}"
+                                x:Name="CookTime"/>
+                            <Label 
+                                Style="{StaticResource Small}"
+                                Text=" min"/>
+                        </HorizontalStackLayout>
+
+                    <!--Energy-->
+
+                        <HorizontalStackLayout>
+                            <Label 
+                                Style="{StaticResource Small}"
+                                Text="Energy: "/>
+                            <Label 
+                                Style="{StaticResource Small}"
+                                x:Name="Energy"/>
+                            <Label 
+                                Style="{StaticResource Small}"
+                                Text="/pers"/>
+                        </HorizontalStackLayout>
+                    </VerticalStackLayout>
+
+                    <!--Ingredient list-->
+                    <Label
+                        Style="{StaticResource h2}"
+                        Text="Ingredients"/>
+
+                    <VerticalStackLayout 
+                        x:Name="IngredientList"/>
+
+                    <!--Step list-->
+                    <Label
+                        Style="{StaticResource h2}"
+                        Text="Preparation steps"/>
+
+                    <VerticalStackLayout
+                        x:Name="StepList"/>
+
+                </VerticalStackLayout>
+
+                <!--Stars-->
+
+                <HorizontalStackLayout
+                    Grid.Row="3">
+                    <HorizontalStackLayout
+                        x:Name="Stars"
+                        Spacing="2"
+                        Margin="10, 0, 0, 0">
+                    <ImageButton
+                        WidthRequest="30"
+                        Command="{Binding StarCommand, Source={x:Reference RecipeViewPage}}"
+                        CommandParameter="1"/>
+                    <ImageButton
+                        WidthRequest="30"
+                        Command="{Binding StarCommand, Source={x:Reference RecipeViewPage}}"
+                        CommandParameter="2"/>
+                    <ImageButton
+                        WidthRequest="30"
+                        Command="{Binding StarCommand, Source={x:Reference RecipeViewPage}}"
+                        CommandParameter="3"/>
+                    <ImageButton
+                        WidthRequest="30"
+                        Command="{Binding StarCommand, Source={x:Reference RecipeViewPage}}"
+                        CommandParameter="4"/>
+                    <ImageButton
+                        WidthRequest="30"
+                        Command="{Binding StarCommand, Source={x:Reference RecipeViewPage}}"
+                        CommandParameter="5"/>
+                    </HorizontalStackLayout>
+                    <Border
+                        Margin="12, 0, 0, 0"
+                        Stroke="Transparent"
+                        StrokeShape="RoundRectangle 150">
+                        <Button
+                            FontFamily="PoppinsMedium"
+                            TextColor="White"
+                            BackgroundColor="{StaticResource Selected}"
+                            VerticalOptions="Center"
+                            HorizontalOptions="Center"
+                            Text="Submit"/>
+                    </Border>
+
+                </HorizontalStackLayout>
+               
+            </Grid>
+        </ScrollView>
+
+        <!--Footer-->
+        
+        <FlexLayout
+            Grid.Row="1"
+            Direction="Row"
+            JustifyContent="SpaceBetween"
+            AlignItems="Center"
+            >
+            <Grid
+                ColumnDefinitions="*, Auto, *">
+
+                <Border
+                    Grid.Column="0"
+                    Stroke="Transparent"
+                    StrokeShape="RoundRectangle 100"
+                    BackgroundColor="{StaticResource Selected}">
+                    <ImageButton
+                        Source="minus.svg"
+                        WidthRequest="40"
+                        HeightRequest="40"
+                        Clicked="OnMinus"/>
+                </Border>
+
+                <HorizontalStackLayout
+                    Grid.Column="1">
+                    <Label 
+                        x:Name="NbPersLabel"
+                        Text="1"
+                        Margin="10, 0, 0, 0"
+                        TextColor="{StaticResource TextColorPrimary}"
+                        VerticalTextAlignment="Center"
+                        FontFamily="PoppinsMedium"/>
+
+                    <Label 
+                        Text=" pers"
+                        Margin="0, 0, 10, 0"
+                        TextColor="{StaticResource TextColorPrimary}"
+                        VerticalTextAlignment="Center"
+                        FontFamily="PoppinsMedium"/>
+                </HorizontalStackLayout>
+
+                <Border
+                    Grid.Column="2"
+                    Stroke="Transparent"
+                    StrokeShape="RoundRectangle 100"
+                    BackgroundColor="{StaticResource Selected}">
+                    <ImageButton 
+                        Source="plus.svg"
+                        WidthRequest="40"
+                        HeightRequest="40"
+                        Clicked="OnPlus"/>
+                </Border>
+            </Grid>
+
+            <Button
+                Grid.Column="1"
+                Text="Add to list"
+                Style="{StaticResource UserButton}"
+                TextColor="White"
+                BackgroundColor="Gray">
+            </Button>
+        </FlexLayout>
+    </Grid>
+</ContentPage>
\ No newline at end of file
diff --git a/Views/RecipePage.xaml.cs b/Views/RecipePage.xaml.cs
new file mode 100644
index 0000000..e5a8424
--- /dev/null
+++ b/Views/RecipePage.xaml.cs
@@ -0,0 +1,115 @@
+using Microsoft.Maui.Controls;
+using System.Windows.Input;
+
+namespace ShoopNCook.Views;
+
+public partial class RecipePage : ContentPage
+{
+
+    private uint note;
+	private uint nbPers;
+    private bool isFavorite;
+
+    public ICommand StarCommand => new Command<string>(count =>
+    {
+        SetNote(uint.Parse(count));
+    });
+
+    public RecipePage() :
+        this("Recipe Sample", 32, 250,
+            true, 2, 0,
+            new List<IngredientView> {
+                new IngredientView("Chocolate", 25, "g"),
+                new IngredientView("Flour", 250, "g"),
+                new IngredientView("Sugar", 0.5F, "kg")
+            },
+            new List<string> { "This is the first preparation step", "add to furnace and wait", "Enjoy !" }
+        )
+    {}
+
+    public RecipePage(
+        string name,
+        uint cookTime,
+        uint energy,
+        bool isFavorite,
+        uint nbPers,
+        uint note,
+        List<IngredientView> ingredients,
+        List<string> steps
+        )
+    {
+        InitializeComponent();
+        SetNbPers(nbPers);
+        SetFavorite(isFavorite);
+        SetNote(note);
+
+        CookTime.Text = cookTime.ToString();
+        Energy.Text = energy.ToString();
+        RecipeName.Text = name;
+
+        foreach (IngredientView iv in ingredients)
+            IngredientList.Add(iv);
+
+        var styles = Application.Current.Resources.MergedDictionaries.ElementAt(1);
+
+        int count = 0;
+        foreach (string step in steps) {
+            Label label = new Label();
+            label.Style = (Style)styles["Small"];
+            label.Text = "Step " + ++count + ": " + step;
+            StepList.Add(label);
+        }
+    }
+
+    private void SetNote(uint note)
+    {
+        this.note = note;
+        int i = 1;
+        foreach (ImageButton img in Stars.Children)
+        {
+            if (i <= note)
+            {
+                img.Source = ImageSource.FromFile("star_full.svg");
+                i++;
+            }
+            else
+            {
+                img.Source = ImageSource.FromFile("star_empty.svg");
+            }
+        }
+    }
+
+    private void OnFavorite(object o, EventArgs e)
+    {
+        SetFavorite(!isFavorite);
+    }
+
+    private void SetFavorite(bool isFavorite)
+    {
+        this.isFavorite = isFavorite;
+        if (isFavorite)
+        {
+            Favorite.Source = ImageSource.FromFile("hearth_on.svg");
+        }
+        else
+        {
+            Favorite.Source = ImageSource.FromFile("hearth_off.svg");
+        }
+    }
+
+    private void OnPlus(object o, EventArgs e)
+    {
+        SetNbPers(nbPers + 1);
+    }
+
+    private void OnMinus(object o, EventArgs e)
+    {
+        SetNbPers(nbPers - 1);
+    }
+
+    private void SetNbPers(uint nbPers)
+    {
+        this.nbPers = nbPers <= 1 ? 1 : nbPers;
+        NbPersLabel.Text = this.nbPers.ToString();
+    }
+}
\ No newline at end of file
diff --git a/Views/RecipeView.xaml b/Views/RecipeView.xaml
index 2108f52..60a9b67 100644
--- a/Views/RecipeView.xaml
+++ b/Views/RecipeView.xaml
@@ -5,36 +5,32 @@
 
 
     <Border
-        StrokeShape="RoundRectangle 30"
-        Stroke="Transparent">
-
-    <Grid
-        BackgroundColor="{StaticResource BackgroundSecondary}"
-        Padding="10"
-        MinimumHeightRequest="175"
-        MinimumWidthRequest="150"
-        RowDefinitions="*, Auto">
-        <Border
-            Grid.Row="0"
-            Stroke="Transparent"
-            StrokeShape="RoundRectangle 20"
-            BackgroundColor="AliceBlue">
-            <Image/>
-        </Border>
-
-        <VerticalStackLayout Grid.Row="1">
-            <Label
-                TextColor="{StaticResource TextColorPrimary}"
-                Text="Recipe Name"/>
-            <Label
-                TextColor="{StaticResource TextColorSecondary}"
-                Text="Preparation time"/>
-        </VerticalStackLayout>
-
-
+        Style="{StaticResource SecondaryBorderShadow}"
+        StrokeShape="RoundRectangle 30">
+
+        <Grid
+            BackgroundColor="{StaticResource BackgroundSecondary}"
+            Padding="10"
+            MinimumHeightRequest="175"
+            MinimumWidthRequest="150"
+            RowDefinitions="*, Auto">
+            <Border
+                Grid.Row="0"
+                Stroke="Transparent"
+                StrokeShape="RoundRectangle 20"
+                BackgroundColor="AliceBlue">
+                <Image/>
+            </Border>
+
+            <VerticalStackLayout Grid.Row="1">
+                <Label
+                    TextColor="{StaticResource TextColorPrimary}"
+                    Text="Recipe Name"/>
+                <Label
+                    TextColor="{StaticResource TextColorSecondary}"
+                    Text="Preparation time"/>
+            </VerticalStackLayout>
         </Grid>
-
-
     </Border>
 
 </ContentView>
diff --git a/Views/RegisterPage.xaml b/Views/RegisterPage.xaml
index 54b4246..4558723 100644
--- a/Views/RegisterPage.xaml
+++ b/Views/RegisterPage.xaml
@@ -4,163 +4,162 @@
              x:Class="ShoopNCook.Views.RegisterPage"
              Title="Register"
              BackgroundColor="{StaticResource BackgroundPrimary}">
-    <VerticalStackLayout
-        Margin="20, 75, 20, 20">
-        <Label 
-            FontFamily="PoppinsBold"
-            Text="Register Account"
-            FontSize="32"
-            TextColor="{StaticResource TextColorPrimary}"
-            FontAttributes="Bold"
-            VerticalOptions="Start" 
-            HorizontalOptions="Start" />
-
-        <Label 
-            Text="Fill in your credentials or continue with social media"
-            FontFamily="PoppinsBold"
-            FontSize="20"
-            TextColor="{StaticResource TextColorSecondary}"
-            VerticalOptions="Start" 
-            HorizontalOptions="Start" />
-
-        <Border
-            Style="{StaticResource SecondaryBorder}"
-            Margin="0,30,0,20">
-            <Grid
-                Padding="5"
-                BackgroundColor="{StaticResource BackgroundSecondary}"
-                ColumnDefinitions="Auto,Auto,*">
-
-                <Image 
-                    Grid.Column="1"
-                    Source="user.svg">
-                </Image>
-                <Entry 
-                    Style="{StaticResource UserInput}"
-                    Grid.Column="2"
-                    Placeholder="User Name"/>
-            </Grid>
-        </Border>
-
-        <Border
-            Style="{StaticResource SecondaryBorder}"
-            Margin="0,0,0,20">
-            <Grid
-                Padding="5"
-                BackgroundColor="{StaticResource BackgroundSecondary}"
-                ColumnDefinitions="Auto,Auto,*">
-
-                <Image 
-                    Grid.Column="1"
-                    Source="email_icon.svg">
-                </Image>
-                <Entry 
-                    Style="{StaticResource UserInput}"
-                    Grid.Column="2"
-                    Placeholder="Mail address"/>
-            </Grid>
-        </Border>
-
-        <Border
-            Style="{StaticResource SecondaryBorder}"
-            StrokeShape="RoundRectangle 12"
-            >
-            <Grid
-                Padding="5"
-                BackgroundColor="{StaticResource BackgroundSecondary}"
-                ColumnDefinitions="Auto,Auto,*,Auto">
-
-                <Image 
-                    Grid.Column="1"
-                    Source="password_icon.svg">
-                </Image>
-                <Entry 
-                    Style="{StaticResource UserInput}"
-                    Grid.Column="2"
-                    Placeholder="Password"/>
-                <ImageButton
-                    Grid.Column="3"
-                    Source="visibility_off.svg"
-                    HeightRequest="30">
-                </ImageButton>
-            </Grid>
-        </Border>
-
-        <Label 
-            TextColor="{StaticResource TextColorSecondary}"
-            HorizontalOptions="End">
-            Forgot Password ?
-        </Label>
-
-
-        <Border
-            Margin="0, 30, 0, 0"
-            Stroke="{StaticResource BackgroundPrimary}"
-            StrokeShape="RoundRectangle 12">
-            <Label
-                HeightRequest="50"
-                BackgroundColor="{StaticResource ActionButton}"
-                HorizontalTextAlignment="Center"
-                VerticalTextAlignment="Center">
-                SIGN UP</Label>
-        </Border>
-
-        <HorizontalStackLayout
-            HorizontalOptions="Center"
-            Margin="0, 20, 0, 0"
-            Spacing="6">
-            <Rectangle 
-                BackgroundColor="Gray"
-                WidthRequest="15"
-                HeightRequest="3"/>
-            <Label
-                TextColor="{StaticResource TextColorSecondary}">
-                Or continue with</Label>
-            <Rectangle 
-                BackgroundColor="Gray"
-                WidthRequest="15"
-                HeightRequest="3"/>
-        </HorizontalStackLayout>
-
-        <HorizontalStackLayout
-            Margin="0, 20, 0, 0"
-            Spacing="15"
-            HorizontalOptions="Center">
-            <Border 
-                HeightRequest="75"
-                WidthRequest="75"
-                BackgroundColor="#e9f4ff"
-                StrokeShape="RoundRectangle 25 25 25 25"
-                Stroke="{StaticResource BackgroundPrimary}">
-                <Image
-                    HeightRequest="50"
-                    Source="google_logo.svg"/>
+    <ScrollView>
+        
+        <VerticalStackLayout
+            Padding="20, 50, 20, 20">
+            <Label 
+                FontFamily="PoppinsBold"
+                Text="Register Account"
+                FontSize="32"
+                TextColor="{StaticResource TextColorPrimary}"
+                FontAttributes="Bold"
+                VerticalOptions="Start" 
+                HorizontalOptions="Start" />
+
+            <Label 
+                Text="Fill in your credentials or continue with social media"
+                FontFamily="PoppinsBold"
+                FontSize="20"
+                TextColor="{StaticResource TextColorSecondary}"
+                VerticalOptions="Start" 
+                HorizontalOptions="Start" />
+
+            <Border
+                Style="{StaticResource SecondaryBorderShadow}"
+                Margin="0,30,0,20">
+                <Grid
+                    Padding="5"
+                    BackgroundColor="{StaticResource BackgroundSecondary}"
+                    ColumnDefinitions="Auto,Auto,*">
+
+                    <Image 
+                        Grid.Column="1"
+                        Source="user.svg">
+                    </Image>
+                    <Entry 
+                        Style="{StaticResource UserInput}"
+                        Grid.Column="2"
+                        Placeholder="User Name"/>
+                </Grid>
             </Border>
 
-            <Border 
-                HeightRequest="75"
-                WidthRequest="75"
-                BackgroundColor="#4460a0"
-                StrokeShape="RoundRectangle 25 25 25 25"
-                Stroke="{StaticResource BackgroundPrimary}">
-                <Image
-                    WidthRequest="40"
-                    Source="facebook_logo.svg"/>
+            <Border
+                Style="{StaticResource SecondaryBorderShadow}"
+                Margin="0,0,0,20">
+                <Grid
+                    Padding="5"
+                    BackgroundColor="{StaticResource BackgroundSecondary}"
+                    ColumnDefinitions="Auto,Auto,*">
+
+                    <Image 
+                        Grid.Column="1"
+                        Source="email_icon.svg">
+                    </Image>
+                    <Entry 
+                        Style="{StaticResource UserInput}"
+                        Grid.Column="2"
+                        Placeholder="Mail address"/>
+                </Grid>
+            </Border>
+
+            <Border
+                Style="{StaticResource SecondaryBorderShadow}">
+                <Grid
+                    Padding="5"
+                    BackgroundColor="{StaticResource BackgroundSecondary}"
+                    ColumnDefinitions="Auto,Auto,*,Auto">
+                    <Image 
+                        Grid.Column="1"
+                        Source="password_icon.svg"/>
+
+                    <Entry 
+                        Style="{StaticResource UserInput}"
+                        Grid.Column="2"
+                        Placeholder="Password"/>
+                    <ImageButton
+                        Grid.Column="3"
+                        Source="visibility_off.svg"
+                        HeightRequest="30"/>
+                </Grid>
             </Border>
-        </HorizontalStackLayout>
 
-        <HorizontalStackLayout 
-            Spacing="4"
-            HorizontalOptions="Center"
-            Margin="0, 20, 0, 0">
-            <Label 
-                TextColor="{StaticResource TextColorPrimary}">
-                Already have an account ?</Label>
             <Label 
-                FontAttributes="Bold" 
-                TextColor="{StaticResource TextColorPrimary}">
-                Log In</Label>
-        </HorizontalStackLayout>
+                TextColor="{StaticResource TextColorSecondary}"
+                HorizontalOptions="End">
+                Forgot Password ?
+            </Label>
+
+
+            <Border
+                Margin="0, 30, 0, 0"
+                Stroke="{StaticResource BackgroundPrimary}"
+                StrokeShape="RoundRectangle 12">
+                <Button
+                    BackgroundColor="{StaticResource ActionButton}"
+                    FontFamily="PoppinsMedium"
+                    TextColor="White"
+                    Text="SIGN UP"/>
+            </Border>
+
+            <HorizontalStackLayout
+                HorizontalOptions="Center"
+                Margin="0, 20, 0, 0"
+                Spacing="6">
+                <Rectangle 
+                    BackgroundColor="Gray"
+                    WidthRequest="15"
+                    HeightRequest="3"/>
+                <Label
+                    TextColor="{StaticResource TextColorSecondary}">
+                    Or continue with</Label>
+                <Rectangle 
+                    BackgroundColor="Gray"
+                    WidthRequest="15"
+                    HeightRequest="3"/>
+            </HorizontalStackLayout>
+
+            <HorizontalStackLayout
+                Margin="0, 20, 0, 0"
+                Spacing="15"
+                HorizontalOptions="Center">
+                <Border 
+                    HeightRequest="75"
+                    WidthRequest="75"
+                    BackgroundColor="#e9f4ff"
+                    StrokeShape="RoundRectangle 25 25 25 25"
+                    Stroke="{StaticResource BackgroundPrimary}">
+                    <Image
+                        HeightRequest="50"
+                        Source="google_logo.svg"/>
+                </Border>
+
+                <Border 
+                    HeightRequest="75"
+                    WidthRequest="75"
+                    BackgroundColor="#4460a0"
+                    StrokeShape="RoundRectangle 25 25 25 25"
+                    Stroke="{StaticResource BackgroundPrimary}">
+                    <Image
+                        WidthRequest="40"
+                        Source="facebook_logo.svg"/>
+                </Border>
+            </HorizontalStackLayout>
+
+            <HorizontalStackLayout 
+                Spacing="4"
+                HorizontalOptions="Center"
+                Margin="0, 20, 0, 0">
+                <Label 
+                    TextColor="{StaticResource TextColorPrimary}">
+                    Already have an account ?</Label>
+                <Label 
+                    FontAttributes="Bold" 
+                    TextColor="{StaticResource TextColorPrimary}">
+                    Log In</Label>
+            </HorizontalStackLayout>
+
+        </VerticalStackLayout>
+    </ScrollView>
 
-    </VerticalStackLayout>
 </ContentPage>
\ No newline at end of file
diff --git a/Views/SearchPage.xaml b/Views/SearchPage.xaml
index 696c3b0..728dd96 100644
--- a/Views/SearchPage.xaml
+++ b/Views/SearchPage.xaml
@@ -6,9 +6,9 @@
              Title="SearchPage"
              BackgroundColor="{StaticResource BackgroundPrimary}">
     <Grid
-            Margin="20"
-            RowDefinitions="Auto, Auto, Auto, Auto, *"
-            RowSpacing="10">
+        Margin="20, 20, 20, 0"
+        RowDefinitions="Auto, Auto, Auto, Auto, *"
+        RowSpacing="10">
 
         <!-- Search label and return button -->
         <Grid
@@ -40,14 +40,14 @@
             ColumnDefinitions="5*, *">
             <Border
                 Grid.Column="0"
-                Style="{StaticResource SecondaryBorder}">
+                Style="{StaticResource SecondaryBorderShadow}">
                 <Entry
                     Style="{StaticResource UserInput}"
                     Placeholder="Cake, Lasagna, Vegetarian..."/>
             </Border>
             
             <Border
-                Style="{StaticResource SecondaryBorder}"
+                Style="{StaticResource SecondaryBorderShadow}"
                 Grid.Column="1"
                 BackgroundColor="{StaticResource ActionButton}"
                 Stroke="{StaticResource ActionButton}">
@@ -72,13 +72,13 @@
             Grid.Row="3"
             ColumnSpacing="10"
             ColumnDefinitions="*, *">
+            
             <Button 
                 Grid.Column="0"
                 Text="Most Relevent"
                 Style="{StaticResource UserButton}"
                 TextColor="{StaticResource White}"
                 BackgroundColor="{StaticResource Selected}">
-
             </Button>
 
             <Button
@@ -87,14 +87,11 @@
                 Style="{StaticResource UserButton}"
                 TextColor="{StaticResource TextColorSecondary}"
                 BackgroundColor="{StaticResource BackgroundSecondary}">
-
             </Button>
 
         </Grid>
 
         <!-- Search result items -->
-
-
         <ScrollView
             Grid.Row="4">
             <FlexLayout
@@ -102,8 +99,8 @@
                 AlignItems="Start"
                 AlignContent="Start"
                 Direction="Row"
+                Wrap="Wrap">
                 
-            Wrap="Wrap">
                 <views:RecipeView Margin="5"/>
                 <views:RecipeView Margin="5"/>
                 <views:RecipeView Margin="5"/>