diff --git a/app/assets/images/rela4.jpg b/app/assets/images/rela4.jpg
new file mode 100644
index 0000000..6ab005e
Binary files /dev/null and b/app/assets/images/rela4.jpg differ
diff --git a/app/layouts/MainLayout.vue b/app/layouts/MainLayout.vue
index 43109bd..cbd82e3 100644
--- a/app/layouts/MainLayout.vue
+++ b/app/layouts/MainLayout.vue
@@ -9,7 +9,7 @@ const links = [
         icon: 'i-lucide-info',
         children: [
             {
-                label: 'Articles',
+                label: 'More Than a Game',
                 icon: 'i-lucide-newspaper',
                 to: '/articles',
                 description: 'Our articles that records matches, fun facts, and more information regarding the sport of Frisbee.'
@@ -21,9 +21,9 @@ const links = [
                 description: 'The matches we have hosted in this league.'
             },
             {
-                label: 'Tables',
+                label: 'Standings',
                 icon: 'i-lucide-users',
-                to: `/tables`,
+                to: `/standings`,
                 description: 'The statistics of the teams in this league. Updated Real-time.'
             },
             {
diff --git a/app/pages/articles/index.vue b/app/pages/articles/index.vue
index a5a4ae5..73b0c83 100644
--- a/app/pages/articles/index.vue
+++ b/app/pages/articles/index.vue
@@ -40,7 +40,7 @@ function parseAndFormatDate(dateString: string): string {
         <UContainer>
             <UPage>
                 <UPageHeader
-                    title="Articles"
+                    title="More Than a Game"
                     description="A section of where we post content related to the organization."
                 />
                 <UPageBody class="w-full h-full flex flex-col gap-5 items-center">
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 85170e2..35aee04 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -46,8 +46,7 @@ const items = [
     img9,
     img10,
     img11,
-    img12,
-    img13
+    img12
 ]
 
 const landingItems = [
@@ -135,9 +134,7 @@ onMounted(() => {
     <MainLayout>
         <div class="flex flex-col gap-20">
             <LandingSection class="min-h-screen items-center justify-center align-middle">
-                <div class="">
-                    <span class="font-bold text-7xl text-pretty text-center text-transparent bg-gradient-to-r from-cyan-400 to-blue-700 bg-clip-text fade-in-from-top">SHUL is Back</span>
-                </div>
+                <span class="font-bold text-7xl text-pretty text-center text-transparent bg-primary bg-clip-text fade-in-from-top">SHUL is Back</span>
                 <div class="flex flex-col items-center justify-center">
                     <img src="~/assets/cap.png" class="object-contain size-96 hover:scale-105 active:scale-95 duration-200 hover:cursor-pointer" alt="billed cap"/>
                     <span class="text-center w-full fade-in-from-bottom">...with our first-ever hat.</span>
@@ -146,14 +143,12 @@ onMounted(() => {
             <LandingSection>
                 <ULandingHero
                     icon="i-lucide-rocket"
-                    title="South China's Largest High School Ultimate Frisbee League"
+                    title="South China's Largest Ultimate Frisbee League"
                     description="A platform for organized competition between south China high schools and improve opportunities for female high school students in China to do sports."
                 >
                     <UCard>
                         <UCarousel ref="carouselRef" indicators :items="items" v-slot="{item}" class="w-full">
-                            <div class="h-[90svh] items-center flex justify-center relative overflow-hidden">
-                                <img :src="item" alt="img" class="h-full object-cover"/>
-                            </div>
+                            <img :src="item" alt="img" class="w-full object-cover container"/>
                         </UCarousel>
                     </UCard>
                 </ULandingHero>
@@ -186,7 +181,7 @@ onMounted(() => {
             </LandingSection>
             <UDivider/>
             <LandingSection>
-                <div class="font-bold text-center text-3xl">Sponsorship</div>
+                <div class="font-bold text-center text-3xl">Partners & Sponsors</div>
                 <div class="items-center justify-center w-full grid grid-cols-3 gap-20">
                     <div class="w-full flex flex-col items-center gap-5">
                         <img class="object-contain w-full" src="~/assets/images/rela1.png" alt="1"/>
@@ -194,10 +189,10 @@ onMounted(() => {
                             sports, including Ultimate and Disc Golf.</span>
                     </div>
                     <div class="w-full flex flex-col items-center gap-5">
-                        <img class="object-contain w-full" src="~/assets/images/rela2.png" alt="2"/>
-                        <span>USA Ultimate is the governing body for the sport of ultimate frisbee in the United States.
-                            Founded in 1979, it organizes competitions and promotes the sport at various levels,
-                            including youth, college, and club divisions.</span>
+                        <img class="object-contain w-full h-48" src="~/assets/images/rela4.jpg" alt="2"/>
+                        <span>The Shenzhen Flying Disc Association (SFDA) is a prominent organization dedicated to promoting
+                            flying disc sports, particularly Ultimate Frisbee, within Shenzhen, China. Established in 2013,
+                            the SFDA plays a crucial role in fostering a vibrant community of enthusiasts and athletes.</span>
                     </div>
                     <div class="w-full flex flex-col items-center gap-5">
                         <img class="object-contain w-full" src="~/assets/images/rela3.png" alt="3"/>
diff --git a/app/pages/matches.vue b/app/pages/matches.vue
index fb91160..5ad4017 100644
--- a/app/pages/matches.vue
+++ b/app/pages/matches.vue
@@ -44,7 +44,7 @@ function parseAndFormatDate(dateString: string): string {
                     description="A list of all of our past matches."
                 />
                 <UPageBody>
-                    <div class="grid grid-cols-2 tablet:grid-cols-1">
+                    <div class="grid desktop:grid-cols-2 grid-cols-1 gap-5">
                         <UCard v-for="(match, index) in matches" :key="index">
                             <template #header>
                                 <div class="grid grid-cols-3">
diff --git a/app/pages/tables.vue b/app/pages/standings.vue
similarity index 97%
rename from app/pages/tables.vue
rename to app/pages/standings.vue
index 0e145b6..013b0e4 100644
--- a/app/pages/tables.vue
+++ b/app/pages/standings.vue
@@ -53,7 +53,7 @@ function parseAndFormatDate(dateString: string): string {
         <UContainer>
             <UPage>
                 <UPageHeader
-                    title="Leagues"
+                    title="Standings"
                     description="A place where all information of the teams are listed out in a formatted table."
                 />
                 <UPageBody>
diff --git a/server/api/v1/statistics.get.ts b/server/api/v1/statistics.get.ts
index 0de383f..5d41543 100644
--- a/server/api/v1/statistics.get.ts
+++ b/server/api/v1/statistics.get.ts
@@ -1,5 +1,6 @@
 import {PrismaClient} from "@prisma/client";
 const prisma = new PrismaClient();
+
 export default defineEventHandler(async (event) => {
     const teams = await prisma.team.findMany({
         include: {
@@ -8,21 +9,20 @@ export default defineEventHandler(async (event) => {
         },
     });
 
-    let rank = 1;
     const teamStats = teams.map(team => {
         const homeMatches = team.homeMatches;
         const guestMatches = team.guestMatches;
 
         const totalMatches = [...homeMatches, ...guestMatches];
 
-        let wins = 0;
-        let draws = 0;
-        let loses = 0;
-        let totalPoints = 0;
+        let wins: number = 0;
+        let draws: number = 0;
+        let loses: number = 0;
+        let totalPoints: number = 0;
 
         totalMatches.forEach(match => {
             if (match.homeTeamId === team.id) {
-                totalPoints += match.home_score;
+                totalPoints += parseInt(match.home_score as any as string);
                 if (match.home_score > match.guest_score) {
                     wins++;
                 } else if (match.home_score < match.guest_score) {
@@ -31,7 +31,7 @@ export default defineEventHandler(async (event) => {
                     draws++;
                 }
             } else if (match.guestTeamId === team.id) {
-                totalPoints += match.guest_score;
+                totalPoints += parseInt(match.guest_score as any as string);
                 if (match.guest_score > match.home_score) {
                     wins++;
                 } else if (match.guest_score < match.home_score) {
@@ -48,9 +48,18 @@ export default defineEventHandler(async (event) => {
             draws,
             loses,
             totalPoints,
-            rank: rank++
+            rank: 0
         };
     });
 
+    teamStats.sort((a, b) => {
+        return b.totalPoints - a.totalPoints; // Descending order
+    });
+
+    // Assign ranks after sorting
+    teamStats.forEach((team, index) => {
+        team.rank = index + 1;
+    });
+
     return teamStats;
 })
\ No newline at end of file