From 5b072cd2abecab2dd062fa5d7b8e2d83f65ed0ce Mon Sep 17 00:00:00 2001
From: Klesti Selimaj <klesti.selimay@icloud.com>
Date: Wed, 18 Feb 2026 02:51:35 +0100
Subject: [PATCH] Improved landing page UI/UX by centering hero

---
 src/app/page.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 475bb5f..bd57fb8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,21 +22,29 @@ export default function Landing() {
       </div>
 
       {/* Hero */}
-      <section className="relative z-10 px-6 pt-32 pb-24 max-w-7xl mx-auto">
-        <div className="max-w-3xl">
-          <h1 className="text-5xl md:text-6xl font-semibold leading-tight animate-fade-in-up">
+      <section className="pt-32 pb-24 w-full">
+        <div className="w-full">
+          <h1 className="text-center text-5xl md:text-6xl font-semibold leading-tight animate-fade-in-up">
             Your copilot for <br />
             <span className="text-transparent bg-clip-text bg-linear-to-r from-primary to-accent">
               memecoin trading
             </span>
           </h1>
 
-          <p className="mt-6 text-lg text-muted-foreground max-w-xl animate-fade-in-up animate-delay-100">
+          <p className="mx-auto text-center mt-6 text-lg text-muted-foreground max-w-xl animate-fade-in-up animate-delay-100">
             Catch rugs before they happen, execute trades at Solana speed, and
             automate the research pro traders do.
           </p>
 
-          <div className="mt-10 flex gap-4">
+          <div className="mt-10 flex gap-4 mx-auto w-max">
+            <Link
+              href="/markets"
+              className="animate-fade-in-up animate-duration-500 animate-delay-300"
+            >
+              <button className="px-6 py-3 rounded-lg font-medium transition border border-border outline-primary text-primary bg-primary/8 hover:border-primary hover:bg-primary/12">
+                Open Terminal
+              </button>
+            </Link>
             <Link
               className="animate-fade-in-up animate-duration-500 animate-delay-200"
               href="https://github.com/nexa-sol/nexa-trade?tab=readme-ov-file#-nexa-roadmap--alpha-release"
@@ -46,14 +54,6 @@ export default function Landing() {
                 View Roadmap
               </button>
             </Link>
-            <Link
-              href="/markets"
-              className="animate-fade-in-up animate-duration-500 animate-delay-300"
-            >
-              <button className="px-6 py-3 rounded-lg font-medium transition border border-border outline-primary text-primary bg-primary/8 hover:border-primary hover:bg-primary/12">
-                Open Terminal
-              </button>
-            </Link>
           </div>
         </div>
       </section>