diff --git a/ProjectSourceCode/src/views/pages/home.hbs b/ProjectSourceCode/src/views/pages/home.hbs
index 185a4cd..f3f5ce2 100644
--- a/ProjectSourceCode/src/views/pages/home.hbs
+++ b/ProjectSourceCode/src/views/pages/home.hbs
@@ -2,37 +2,25 @@
   <div class="container mt-5">
     <h1 class="mb-4">Welcome</h1>
     <div class="card-container">
-        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
+        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 g-3">
 
-            <!-- Event 1 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
+            <!-- 🇬🇧 Premier League -->
+            {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
 
-            <!-- Event 2 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
+            <!-- 🇪🇸 La Liga -->
+            {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
 
-            <!-- Event 3 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
+            <!-- 🇩🇪 Bundesliga -->
+            {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
 
-            <!-- Event 4 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
+            <!-- 🇮🇹 Serie A -->
+            {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
 
-            <!-- Event 5 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
+            <!-- 🇫🇷 Ligue 1 -->
+            {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
 
-            <!-- Event 6 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
-
-            <!-- Event 7 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
-
-            <!-- Event 8 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
-
-            <!-- Event 9 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
-
-            <!-- Event 10 -->
-            {{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
+            <!-- 🇧🇷 Brasilerao -->
+            {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
             
         </div>
     </div>
diff --git a/ProjectSourceCode/src/views/partials/event_card.hbs b/ProjectSourceCode/src/views/partials/event_card.hbs
deleted file mode 100644
index d071d14..0000000
--- a/ProjectSourceCode/src/views/partials/event_card.hbs
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="col-md-4 mb-4">
-    <div class="card">
-        <img src="{{imageURL}}" class="card-img-top" alt="Event Image">
-        <div class="card-body">
-            <h5 class="card-title">{{eventName}}</h5>
-            <p class="card-text">Date and Time: {{eventDateTime}}</p>
-            <a href="#" class="btn btn-primary">Book Now</a>
-        </div>
-    </div>
-</div>
diff --git a/ProjectSourceCode/src/views/partials/league_table.hbs b/ProjectSourceCode/src/views/partials/league_table.hbs
new file mode 100644
index 0000000..b53675e
--- /dev/null
+++ b/ProjectSourceCode/src/views/partials/league_table.hbs
@@ -0,0 +1,34 @@
+<div class="col-md-4 mb-4">
+    <div class="card">
+        <div class="card-body">
+            <h5 class="card-title">League Name</h5> <!-- Insert Name using Handlesbars and API -->
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>Position</th>
+                        <th>Club Name</th>
+                        <th>Wins</th>
+                        <th>Draws</th>
+                        <th>Losses</th>
+                        <th>Points</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <!-- Add rows dynamically using backend data -->
+                    <tr>
+                        <td>1</td>
+                        <td>Club A</td>
+                        <td>10</td>
+                        <td>5</td>
+                        <td>3</td>
+                        <td>35</td>
+                    </tr>
+                    <!-- Add more rows if needed -->
+                </tbody>
+            </table>
+            <a href="#" class="btn btn-primary">View League</a>
+        </div>
+    </div>
+</div>
+
+