Skip to content

Commit 2d7cb29

Browse files
CodeFXRCodeFXR
committed
updated get-started
1 parent ae550c4 commit 2d7cb29

1 file changed

Lines changed: 45 additions & 19 deletions

File tree

‎app/get-started/page.tsx‎

Lines changed: 45 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import Link from "next/link";
22
import Image from "next/image";
3-
import { BookOpen } from "lucide-react";
3+
import { BookOpen, Github } from "lucide-react";
44

55
export default function GetStarted() {
66
return (
77
<main className="min-h-screen bg-slate-950 text-white selection:bg-green-500 selection:text-slate-900 overflow-x-hidden">
88

9+
{/* --- Navigation --- */}
910
<nav className="fixed top-0 z-50 w-full border-b border-slate-800 bg-slate-950/60 backdrop-blur-md">
1011
<div className="flex items-center justify-between px-6 py-6 max-w-7xl mx-auto">
1112
<Link href="/" className="flex items-center gap-2 group">
@@ -14,38 +15,56 @@ export default function GetStarted() {
1415
</div>
1516
<span className="text-xl font-bold tracking-tight group-hover:text-slate-200 transition-colors">CodeFXR</span>
1617
</Link>
17-
<div className="hidden md:flex gap-6 text-sm font-medium text-slate-400">
18-
<Link href="https://github.com/CodeFXR/codefxr.github.io" target="_blank" rel="noopener noreferrer" className="hover:text-blue-400 transition-colors">GitHub</Link>
18+
19+
{/* Right Side Links */}
20+
<div className="hidden md:flex items-center gap-6 text-sm font-medium text-slate-400">
21+
{/* GitHub Logo Icon */}
22+
<Link
23+
href="https://github.com/CodeFXR/codefxr.github.io"
24+
target="_blank"
25+
rel="noopener noreferrer"
26+
className="hover:text-white transition-colors"
27+
aria-label="GitHub Repository"
28+
>
29+
<Github className="w-5 h-5" />
30+
</Link>
1931
</div>
2032
</div>
2133
</nav>
2234

35+
{/* --- Main Content --- */}
2336
<div className="max-w-7xl mx-auto pt-32 px-6 pb-20">
37+
2438
<div className="text-center mb-16">
2539
<h1 className="text-4xl md:text-5xl font-bold mb-6">
2640
<span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-teal-400 to-green-400">Get up and running</span>
2741
</h1>
2842
<p className="text-xl text-slate-400 max-w-2xl mx-auto">Choose your tool below. Copy the command to install, or view the full documentation.</p>
2943
</div>
3044

31-
{/* 3 Column Grid */}
45+
{/* 3 Column Grid & Alphabetical Order */}
3246
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
3347

34-
{/* 1. CLI-Studio (Green) */}
48+
{/* 1. CLI-Studio (Green Theme - Active) */}
3549
<div className="bg-slate-900/50 border border-slate-800 rounded-2xl p-8 flex flex-col relative overflow-hidden group transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_30px_-5px_rgba(34,197,94,0.3)]">
3650
<div className="absolute -top-6 -right-6 opacity-10 group-hover:opacity-30 transition-all duration-500 rotate-12 group-hover:rotate-0">
37-
<Image src="/logo1.png" alt="Logo" width={140} height={140} className="object-contain" />
51+
<Image src="/logo1.png" alt="CLI-Studio Logo" width={140} height={140} className="object-contain" />
3852
</div>
3953
<div className="relative z-10">
4054
<h2 className="text-2xl font-bold text-white mb-2">CLI-Studio</h2>
41-
<span className="inline-block px-2 py-1 rounded bg-yellow-500/10 text-yellow-500 text-xs border border-yellow-500/20 mb-6">In Development</span>
42-
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-sm mb-6 text-slate-500 select-none">
43-
python cli-studio.py
55+
{/* UPDATED TO v1.0.0 STABLE */}
56+
<span className="inline-block px-2 py-1 rounded bg-green-500/10 text-green-400 text-xs border border-green-500/20 mb-6">v1.0.0 Stable</span>
57+
58+
<div className="mb-2 text-sm text-slate-400">Run auto-installer:</div>
59+
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-xs text-white mb-8 overflow-x-auto whitespace-nowrap scrollbar-thin scrollbar-thumb-slate-700">
60+
{/* NEW COMMAND */}
61+
curl -fsSL https://cso.codefxr.com/install | bash
4462
</div>
4563
<div className="mt-auto">
4664
<Link href="/docs/cli-studio">
65+
{/* ACTIVATED BUTTON */}
4766
<button className="w-full py-2.5 rounded-lg bg-white text-slate-950 font-bold transition-all duration-300 flex items-center justify-center gap-2 hover:bg-green-500 hover:text-white hover:shadow-lg">
48-
<BookOpen className="w-4 h-4" /> Info
67+
<BookOpen className="w-4 h-4" /> Read Full Docs
4968
</button>
5069
</Link>
5170
</div>
@@ -55,11 +74,12 @@ export default function GetStarted() {
5574
{/* 2. Crolendar (Purple) */}
5675
<div className="bg-slate-900/50 border border-slate-800 rounded-2xl p-8 flex flex-col relative overflow-hidden group transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_30px_-5px_rgba(168,85,247,0.3)]">
5776
<div className="absolute -top-6 -right-6 opacity-10 group-hover:opacity-30 transition-all duration-500 rotate-12 group-hover:rotate-0">
58-
<Image src="/logo5.png" alt="Logo" width={140} height={140} className="object-contain" />
77+
<Image src="/logo5.png" alt="Crolendar Logo" width={140} height={140} className="object-contain" />
5978
</div>
6079
<div className="relative z-10">
6180
<h2 className="text-2xl font-bold text-white mb-2">Crolendar</h2>
6281
<span className="inline-block px-2 py-1 rounded bg-yellow-500/10 text-yellow-500 text-xs border border-yellow-500/20 mb-6">In Development</span>
82+
6383
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-sm mb-6 text-slate-500 select-none">
6484
go run .
6585
</div>
@@ -76,11 +96,12 @@ export default function GetStarted() {
7696
{/* 3. LXM (Blue) */}
7797
<div className="bg-slate-900/50 border border-slate-800 rounded-2xl p-8 flex flex-col relative overflow-hidden group transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_30px_-5px_rgba(59,130,246,0.3)]">
7898
<div className="absolute -top-6 -right-6 opacity-10 group-hover:opacity-30 transition-all duration-500 rotate-12 group-hover:rotate-0">
79-
<Image src="/logo3.png" alt="Logo" width={140} height={140} className="object-contain" />
99+
<Image src="/logo3.png" alt="LXM Logo" width={140} height={140} className="object-contain" />
80100
</div>
81101
<div className="relative z-10">
82102
<h2 className="text-2xl font-bold text-white mb-2">LXM</h2>
83103
<span className="inline-block px-2 py-1 rounded bg-yellow-500/10 text-yellow-500 text-xs border border-yellow-500/20 mb-6">In Development</span>
104+
84105
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-sm mb-6 text-slate-500 select-none">
85106
cargo build --release
86107
</div>
@@ -94,35 +115,39 @@ export default function GetStarted() {
94115
</div>
95116
</div>
96117

97-
{/* 4. Sentinel (Silver) */}
118+
{/* 4. Sentinel (Silver - Active) */}
98119
<div className="bg-slate-900/50 border border-slate-800 rounded-2xl p-8 flex flex-col relative overflow-hidden group transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_30px_-5px_rgba(255,255,255,0.3)]">
99120
<div className="absolute -top-6 -right-6 opacity-10 group-hover:opacity-30 transition-all duration-500 rotate-12 group-hover:rotate-0">
100-
<Image src="/logo4.png" alt="Logo" width={140} height={140} className="object-contain" />
121+
<Image src="/logo4.png" alt="Sentinel Logo" width={140} height={140} className="object-contain" />
101122
</div>
102123
<div className="relative z-10">
103124
<h2 className="text-2xl font-bold text-white mb-2">Sentinel</h2>
104-
<span className="inline-block px-2 py-1 rounded bg-teal-500/10 text-teal-400 text-xs border border-teal-500/20 mb-6">v1.0 Stable</span>
125+
<span className="inline-block px-2 py-1 rounded bg-blue-500/10 text-blue-300 text-xs border border-blue-500/20 mb-6">v1.0 Stable</span>
126+
127+
<div className="mb-2 text-sm text-slate-400">Run auto-installer:</div>
105128
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-xs text-white mb-8 overflow-x-auto whitespace-nowrap scrollbar-thin scrollbar-thumb-slate-700">
106129
curl -fsSL https://snl.codefxr.com/install | bash
107130
</div>
108131
<div className="mt-auto">
109132
<Link href="/docs/sentinel">
110-
<button className="w-full py-2.5 rounded-lg bg-white text-slate-950 font-bold transition-all duration-300 flex items-center justify-center gap-2 hover:bg-slate-400 hover:text-slate-950 hover:shadow-lg">
133+
<button className="w-full py-2.5 rounded-lg bg-white text-slate-950 font-bold transition-all duration-300 flex items-center justify-center gap-2 hover:bg-slate-300 hover:text-slate-950 hover:shadow-lg">
111134
<BookOpen className="w-4 h-4" /> Read Full Docs
112135
</button>
113136
</Link>
114137
</div>
115138
</div>
116139
</div>
117140

118-
{/* 5. Synapxis (Amber) */}
141+
{/* 5. Synapxis (Amber - Active) */}
119142
<div className="bg-slate-900/50 border border-slate-800 rounded-2xl p-8 flex flex-col relative overflow-hidden group transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_30px_-5px_rgba(245,158,11,0.3)]">
120143
<div className="absolute -top-6 -right-6 opacity-10 group-hover:opacity-30 transition-all duration-500 rotate-12 group-hover:rotate-0">
121-
<Image src="/logo2.png" alt="Logo" width={140} height={140} className="object-contain" />
144+
<Image src="/logo2.png" alt="Synapxis Logo" width={140} height={140} className="object-contain" />
122145
</div>
123146
<div className="relative z-10">
124147
<h2 className="text-2xl font-bold text-white mb-2">Synapxis</h2>
125148
<span className="inline-block px-2 py-1 rounded bg-teal-500/10 text-teal-400 text-xs border border-teal-500/20 mb-6">v1.0 Stable</span>
149+
150+
<div className="mb-2 text-sm text-slate-400">Run auto-installer:</div>
126151
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-xs text-white mb-8 overflow-x-auto whitespace-nowrap scrollbar-thin scrollbar-thumb-slate-700">
127152
curl -fsSL https://snx.codefxr.com/install | bash
128153
</div>
@@ -139,11 +164,12 @@ export default function GetStarted() {
139164
{/* 6. Toxic (Red) */}
140165
<div className="bg-slate-900/50 border border-slate-800 rounded-2xl p-8 flex flex-col relative overflow-hidden group transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_30px_-5px_rgba(239,68,68,0.3)]">
141166
<div className="absolute -top-6 -right-6 opacity-10 group-hover:opacity-30 transition-all duration-500 rotate-12 group-hover:rotate-0">
142-
<Image src="/logo6.png" alt="Logo" width={140} height={140} className="object-contain" />
167+
<Image src="/logo6.png" alt="Toxic Logo" width={140} height={140} className="object-contain" />
143168
</div>
144169
<div className="relative z-10">
145170
<h2 className="text-2xl font-bold text-white mb-2">Toxic</h2>
146171
<span className="inline-block px-2 py-1 rounded bg-yellow-500/10 text-yellow-500 text-xs border border-yellow-500/20 mb-6">In Development</span>
172+
147173
<div className="bg-slate-950 rounded-lg p-4 border border-slate-800 font-mono text-sm mb-6 text-slate-500 select-none">
148174
./run.sh
149175
</div>

0 commit comments

Comments
 (0)