From 464c1a72058add9d127fea6ffd4011aee8d27e4f Mon Sep 17 00:00:00 2001
From: AINDUSTRIES <contact.aindustries@gmail.com>
Date: Sat, 11 Jul 2026 23:00:27 -0400
Subject: [PATCH] Modified layout of home page cards

---
 app/pages/home.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/pages/home.tsx b/app/pages/home.tsx
index 58e5bc9..2203e7d 100644
--- a/app/pages/home.tsx
+++ b/app/pages/home.tsx
@@ -29,7 +29,8 @@ export function HomePage() {
                         <Typography.Heading className="w-full text-shadow-lg" level={1}>
                             Inventory management, the way you like it.
                         </Typography.Heading>
-                        <Typography.Paragraph className="absolute w-1/2 top-1/2 -translate-y-1/2 flex-1 align-middle">
+                        <div className="flex-1" />
+                        <Typography.Paragraph className="w-1/2 align-middle">
                             Take complete control of your loadout with our
                             advanced inventory system. Equip your favorite
                             weapon skins, gloves, and knives to match your
@@ -37,6 +38,7 @@ export function HomePage() {
                             restrictions, allowing you to fully customize your
                             setup and play exactly how you want.
                         </Typography.Paragraph>
+                        <div className="flex-1" />
                     </div>
                 </Surface>
                 <Surface
@@ -56,7 +58,8 @@ export function HomePage() {
                         >
                             Infinite maps, infinite possibilities.
                         </Typography.Heading>
-                        <Typography.Paragraph className="absolute w-1/2 top-1/2 -translate-y-1/2 flex-1 text-right align-middle">
+                        <div className="flex-1" />
+                        <Typography.Paragraph className="w-1/2 text-right align-middle">
                             Experience endless replayability through full Steam
                             Workshop integration. You have the freedom to add
                             custom maps directly to the server. Whether you want
@@ -64,6 +67,7 @@ export function HomePage() {
                             arenas to battle alongside your friends, the choices
                             are limitless.
                         </Typography.Paragraph>
+                        <div className="flex-1" />
                     </div>
                 </Surface>
                 <Surface
@@ -80,7 +84,8 @@ export function HomePage() {
                         <Typography.Heading className="w-full text-shadow-lg" level={1}>
                             Different gamemodes, different ways to have fun.
                         </Typography.Heading>
-                        <Typography.Paragraph className="absolute w-1/2 flex-1 align-middle top-1/2 -translate-y-1/2">
+                        <div className="flex-1" />
+                        <Typography.Paragraph className="w-1/2 align-middle">
                             Keep the gameplay fresh with a wide variety of
                             custom gamemodes designed for every playstyle.
                             Whether you are looking for intense competitive
@@ -88,6 +93,7 @@ export function HomePage() {
                             rulesets, there are plenty of options available to
                             ensure every session remains exciting.
                         </Typography.Paragraph>
+                        <div className="flex-1" />
                     </div>
                 </Surface>
             </div>