Skip to content

Commit 6bd5803

Browse files
CodeFXRCodeFXR
committed
Fixed layout and added placeholder content in docs
1 parent be5fd2c commit 6bd5803

3 files changed

Lines changed: 120 additions & 44 deletions

File tree

‎app/docs/cli-studio/page.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { Hammer } from "lucide-react";
2+
3+
export default function CliStudioDocs() {
4+
return (
5+
<div className="flex flex-col items-center justify-center min-h-[50vh] text-center border border-slate-800 rounded-2xl bg-slate-900/20 p-12">
6+
<div className="p-6 bg-slate-900 rounded-full mb-6 border border-slate-800 shadow-lg shadow-blue-500/10">
7+
<Hammer className="w-12 h-12 text-blue-500" />
8+
</div>
9+
<h1 className="text-3xl font-bold text-white mb-4">CLI▶Studio</h1>
10+
<div className="px-4 py-2 rounded-full border border-yellow-500/30 bg-yellow-500/10 text-yellow-500 font-mono text-xs mb-6 uppercase tracking-wider">
11+
Under Construction
12+
</div>
13+
<p className="text-slate-400 max-w-md leading-relaxed">
14+
We are currently finalizing the documentation and release build for CLI-Studio.
15+
Please check back shortly for installation guides and API references.
16+
</p>
17+
</div>
18+
);
19+
}

‎app/docs/layout.tsx‎

Lines changed: 82 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,96 @@
11
import Link from "next/link";
2-
import { ArrowLeft } from "lucide-react";
2+
import Image from "next/image";
33

44
export default function DocsLayout({ children }: { children: React.ReactNode }) {
55
return (
6-
<div className="flex flex-col md:flex-row min-h-screen pt-20 max-w-7xl mx-auto">
6+
<div className="min-h-screen bg-slate-950 text-white selection:bg-green-500 selection:text-slate-900">
77

8-
{/* --- SIDEBAR --- */}
9-
<aside className="w-full md:w-64 shrink-0 border-r border-slate-800 md:min-h-screen px-6 py-8 bg-slate-950">
10-
11-
<div className="mb-8">
12-
<Link href="/get-started" className="flex items-center text-sm text-slate-400 hover:text-white transition-colors">
13-
<ArrowLeft className="w-4 h-4 mr-2" />
14-
Back to Get Started
8+
{/* --- 1. TOP NAVIGATION (Same as Get Started) --- */}
9+
<nav className="fixed top-0 z-50 w-full border-b border-slate-800 bg-slate-950/60 backdrop-blur-md">
10+
<div className="flex items-center justify-between px-6 py-6 max-w-7xl mx-auto">
11+
12+
{/* Logo -> Links to Home */}
13+
<Link href="/" className="flex items-center gap-2 group">
14+
<div className="relative w-8 h-8">
15+
<Image
16+
src="/logo.png"
17+
alt="CodeFXR Logo"
18+
fill
19+
className="object-contain"
20+
/>
21+
</div>
22+
<span className="text-xl font-bold tracking-tight group-hover:text-slate-200 transition-colors">CodeFXR</span>
23+
</Link>
24+
25+
{/* Right Side Links */}
26+
<div className="hidden md:flex gap-6 text-sm font-medium text-slate-400">
27+
<Link
28+
href="https://github.com/CodeFXR/codefxr.github.io"
29+
target="_blank"
30+
rel="noopener noreferrer"
31+
className="hover:text-blue-400 transition-colors"
32+
>
33+
GitHub
1534
</Link>
35+
</div>
1636
</div>
37+
</nav>
1738

18-
{/* Synapxis Menu */}
19-
<h3 className="font-bold text-teal-400 mb-4 px-2 uppercase text-xs tracking-wider">Synapxis</h3>
20-
<ul className="space-y-1 mb-8 border-l border-slate-800 ml-2">
21-
<li>
22-
<Link href="/docs/synapxis#features" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
23-
Features
24-
</Link>
25-
</li>
26-
<li>
27-
<Link href="/docs/synapxis#prerequisites" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
28-
Prerequisites
29-
</Link>
30-
</li>
31-
<li>
32-
<Link href="/docs/synapxis#installation" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
33-
Installation
34-
</Link>
35-
</li>
36-
<li>
37-
<Link href="/docs/synapxis#troubleshooting" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
38-
Troubleshooting
39-
</Link>
40-
</li>
41-
</ul>
39+
{/* --- 2. MAIN LAYOUT CONTAINER --- */}
40+
{/* pt-24 pushes content down so it's not hidden behind the fixed header */}
41+
<div className="flex flex-col md:flex-row max-w-7xl mx-auto pt-24">
42+
43+
{/* --- 3. SIDEBAR --- */}
44+
{/* sticky top-24 makes it stay on screen while you scroll the content */}
45+
<aside className="w-full md:w-64 shrink-0 md:border-r border-slate-800 md:min-h-[calc(100vh-6rem)] px-6 py-8 bg-slate-950 md:sticky md:top-24 self-start">
46+
47+
{/* Synapxis Menu */}
48+
<h3 className="font-bold text-teal-400 mb-4 px-2 uppercase text-xs tracking-wider">Synapxis</h3>
49+
<ul className="space-y-1 mb-8 border-l border-slate-800 ml-2">
50+
<li>
51+
<Link href="/docs/synapxis#features" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
52+
Features
53+
</Link>
54+
</li>
55+
<li>
56+
<Link href="/docs/synapxis#prerequisites" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
57+
Prerequisites
58+
</Link>
59+
</li>
60+
<li>
61+
<Link href="/docs/synapxis#installation" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
62+
Installation
63+
</Link>
64+
</li>
65+
<li>
66+
<Link href="/docs/synapxis#troubleshooting" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-teal-400 hover:border-l hover:border-teal-400 -ml-[1px] transition-all">
67+
Troubleshooting
68+
</Link>
69+
</li>
70+
</ul>
4271

43-
{/* Other Apps (Dimmed) */}
44-
<h3 className="font-bold text-slate-600 mb-4 px-2 uppercase text-xs tracking-wider">Coming Soon</h3>
45-
<ul className="space-y-1 ml-2">
46-
<li><span className="block px-4 py-1.5 text-sm text-slate-600 cursor-not-allowed">CLI-Studio</span></li>
47-
<li><span className="block px-4 py-1.5 text-sm text-slate-600 cursor-not-allowed">LXM</span></li>
48-
</ul>
49-
</aside>
72+
{/* Other Apps (Now Clickable) */}
73+
<h3 className="font-bold text-slate-500 mb-4 px-2 uppercase text-xs tracking-wider">In Development</h3>
74+
<ul className="space-y-1 ml-2">
75+
<li>
76+
<Link href="/docs/cli-studio" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-white transition-colors">
77+
CLI-Studio
78+
</Link>
79+
</li>
80+
<li>
81+
<Link href="/docs/lxm" className="block px-4 py-1.5 text-sm text-slate-400 hover:text-white transition-colors">
82+
LXM
83+
</Link>
84+
</li>
85+
</ul>
86+
</aside>
5087

51-
{/* --- MAIN CONTENT --- */}
52-
<div className="flex-1 px-8 py-8">
53-
{children}
54-
</div>
88+
{/* --- 4. MAIN CONTENT AREA --- */}
89+
<main className="flex-1 px-8 py-8 min-h-screen">
90+
{children}
91+
</main>
5592

93+
</div>
5694
</div>
5795
);
5896
}

‎app/docs/lxm/page.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { Layers } from "lucide-react";
2+
3+
export default function LxmDocs() {
4+
return (
5+
<div className="flex flex-col items-center justify-center min-h-[50vh] text-center border border-slate-800 rounded-2xl bg-slate-900/20 p-12">
6+
<div className="p-6 bg-slate-900 rounded-full mb-6 border border-slate-800 shadow-lg shadow-green-500/10">
7+
<Layers className="w-12 h-12 text-green-500" />
8+
</div>
9+
<h1 className="text-3xl font-bold text-white mb-4">LXM</h1>
10+
<div className="px-4 py-2 rounded-full border border-yellow-500/30 bg-yellow-500/10 text-yellow-500 font-mono text-xs mb-6 uppercase tracking-wider">
11+
Under Construction
12+
</div>
13+
<p className="text-slate-400 max-w-md leading-relaxed">
14+
We are currently finalizing the documentation and release build for LXM.
15+
Please check back shortly for installation guides and API references.
16+
</p>
17+
</div>
18+
);
19+
}

0 commit comments

Comments
 (0)