osias-trade/nexa-trade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved landing page UI/UX by centering hero

Browse Source
This commit is contained in:
selimaj-dev
2026-02-18 02:51:35 +01:00
parent 52f9e47cec
commit 5b072cd2ab
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/page.tsx
+13 -13
View File
@@ -22,21 +22,29 @@ export default function Landing() {
</div> </div>
{/* Hero */} {/* Hero */}
<section className="relative z-10 px-6 pt-32 pb-24 max-w-7xl mx-auto"> <section className="pt-32 pb-24 w-full">
<div className="max-w-3xl"> <div className="w-full">
<h1 className="text-5xl md:text-6xl font-semibold leading-tight animate-fade-in-up"> <h1 className="text-center text-5xl md:text-6xl font-semibold leading-tight animate-fade-in-up">
Your copilot for <br /> Your copilot for <br />
<span className="text-transparent bg-clip-text bg-linear-to-r from-primary to-accent"> <span className="text-transparent bg-clip-text bg-linear-to-r from-primary to-accent">
memecoin trading memecoin trading
</span> </span>
</h1> </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 Catch rugs before they happen, execute trades at Solana speed, and
automate the research pro traders do. automate the research pro traders do.
</p> </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 <Link
className="animate-fade-in-up animate-duration-500 animate-delay-200" 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" 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 View Roadmap
</button> </button>
</Link> </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>
</div> </div>
</section> </section>