diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 29622f8..3bb5d8f 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -8,7 +8,9 @@ export const routes: Routes = [
         path: '',
         loadComponent: () => import('./components/navbar/navbar.component').then(m => m.NavbarComponent),
         children: [
-            {path: 'home', loadComponent: () => import('./pages/home/home.component').then(m => m.HomeComponent)},
+            {
+                path: 'home',
+                loadComponent: () => import('./pages/home/home.component').then(m => m.HomeComponent)},
             {
                 path: 'groups',
                 loadComponent: () => import('./pages/groups/groups.component').then(m => m.GroupsComponent)
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 32bc31c..0b7ca7a 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -1,8 +1,4 @@
-<ion-app>
     <ion-tabs>
-
-        <ion-router-outlet></ion-router-outlet>
-
         <ion-tab-bar slot="bottom" style="
         --background: #FFFFFF;
         --color: #C0C0C0;
@@ -25,5 +21,4 @@
                 <ion-icon name="people-outline"></ion-icon>
             </ion-tab-button>
         </ion-tab-bar>
-    </ion-tabs>
-</ion-app>
\ No newline at end of file
+    </ion-tabs>
\ No newline at end of file
diff --git a/src/app/pages/ranking/ranking.component.html b/src/app/pages/ranking/ranking.component.html
index e69de29..84b0e6b 100644
--- a/src/app/pages/ranking/ranking.component.html
+++ b/src/app/pages/ranking/ranking.component.html
@@ -0,0 +1,111 @@
+    <ion-header class="bg-white">
+        <p class="text-center font-bold">Classement général</p>
+    </ion-header>
+    <ion-content style="--background: #f7f6f2;">
+        <div class="rounded-3xl pl-5 m-3 relative bg-white h-full overflow-scroll">
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center rounded-full bg-yellow-400">1</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center rounded-full bg-gray-300">2</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center rounded-full bg-amber-600">3</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">4</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">5</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">6</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">7</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">8</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">9</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">10</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">11</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">12</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+            <div class="flex items-center gap-10">
+                <p class="w-8 h-8 flex items-center justify-center">13</p>
+                <div>
+                    <p class="mb-0 font-bold">Mathys</p>
+                    <p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
+                </div>
+                <p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
+            </div>
+        </div>
+    </ion-content>
\ No newline at end of file
diff --git a/src/app/pages/ranking/ranking.component.ts b/src/app/pages/ranking/ranking.component.ts
index e1a2fcd..f7b3060 100644
--- a/src/app/pages/ranking/ranking.component.ts
+++ b/src/app/pages/ranking/ranking.component.ts
@@ -1,10 +1,13 @@
 import {Component} from '@angular/core';
+import {IonicModule} from "@ionic/angular";
 
 @Component({
     selector: 'app-ranking',
     templateUrl: './ranking.component.html',
     styleUrls: ['./ranking.component.scss'],
-    imports: []
+    imports: [
+        IonicModule
+    ]
 })
 export class RankingComponent {
 }