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>
{/* 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>