1- import { ShieldCheck , Activity , UserCheck , Lock , PenTool , Terminal , AlertTriangle , Keyboard } from "lucide-react" ;
1+ import { ShieldCheck , Activity , UserCheck , Lock , PenTool , AlertTriangle , Keyboard } from "lucide-react" ;
22
33export default function SentinelDocs ( ) {
44 return (
@@ -18,7 +18,7 @@ export default function SentinelDocs() {
1818 </ div >
1919
2020 { /* --- 1. FEATURES --- */ }
21- < section className = "mb-16 scroll-mt-24" >
21+ < section id = "features" className = "mb-16 scroll-mt-24" >
2222 < h2 className = "text-2xl font-bold text-white mb-6 flex items-center gap-2 border-l-4 border-slate-400 pl-4" >
2323 Features
2424 </ h2 >
@@ -75,7 +75,7 @@ export default function SentinelDocs() {
7575 </ section >
7676
7777 { /* --- 2. PREREQUISITES --- */ }
78- < section className = "mb-16 scroll-mt-24" >
78+ < section id = "prerequisites" className = "mb-16 scroll-mt-24" >
7979 < h2 className = "text-2xl font-bold text-white mb-6 flex items-center gap-2 border-l-4 border-blue-500 pl-4" >
8080 Prerequisites
8181 </ h2 >
@@ -94,12 +94,13 @@ export default function SentinelDocs() {
9494 </ section >
9595
9696 { /* --- 3. INSTALLATION --- */ }
97- < section className = "mb-16 scroll-mt-24" >
97+ < section id = "installation" className = "mb-16 scroll-mt-24" >
9898 < h2 className = "text-2xl font-bold text-white mb-6 border-l-4 border-green-500 pl-4" > Installation</ h2 >
9999
100+ { /* Automatic */ }
100101 < div className = "mb-10" >
101102 < h3 className = "text-xl font-semibold text-white mb-4 flex items-center gap-2" >
102- The One-Liner < span className = "text-xs bg-green-500/10 text-green-400 px-2 py-0.5 rounded border border-green-500/20" > Recommended</ span >
103+ Option A: Automatic < span className = "text-xs bg-green-500/10 text-green-400 px-2 py-0.5 rounded border border-green-500/20" > Recommended</ span >
103104 </ h3 >
104105 < p className = "mb-4 text-slate-400" > Clones the repo, creates a virtual environment, installs dependencies, and sets up the alias.</ p >
105106 < pre className = "bg-slate-900 p-4 rounded-lg font-mono text-sm overflow-x-auto border border-slate-800 shadow-lg shadow-green-900/10 max-w-[85vw] md:max-w-none" >
@@ -108,10 +109,31 @@ export default function SentinelDocs() {
108109 </ code >
109110 </ pre >
110111 </ div >
112+
113+ { /* Manual */ }
114+ < div >
115+ < h3 className = "text-xl font-semibold text-white mb-4" > Option B: Manual</ h3 >
116+ < pre className = "bg-slate-900 p-4 rounded-lg font-mono text-sm overflow-x-auto border border-slate-800 leading-relaxed max-w-[85vw] md:max-w-none" >
117+ < code className = "text-slate-300" >
118+ { `git clone https://github.com/CodeFXR/Sentinel.git
119+ cd Sentinel
120+
121+ # 1. Create Environment
122+ python3 -m venv .venv
123+ source .venv/bin/activate
124+
125+ # 2. Install Dependencies
126+ pip install textual pyhanko cryptography
127+
128+ # 3. Run
129+ python main.py` }
130+ </ code >
131+ </ pre >
132+ </ div >
111133 </ section >
112134
113135 { /* --- 4. USAGE --- */ }
114- < section className = "mb-16 scroll-mt-24" >
136+ < section id = "usage" className = "mb-16 scroll-mt-24" >
115137 < h2 className = "text-2xl font-bold text-white mb-6 flex items-center gap-2 border-l-4 border-purple-500 pl-4" >
116138 Usage
117139 </ h2 >
@@ -151,7 +173,7 @@ export default function SentinelDocs() {
151173 </ section >
152174
153175 { /* --- 5. TROUBLESHOOTING --- */ }
154- < section className = "mb-20 scroll-mt-24" >
176+ < section id = "troubleshooting" className = "mb-20 scroll-mt-24" >
155177 < h2 className = "text-2xl font-bold text-white mb-6 border-l-4 border-red-500 pl-4" > Troubleshooting</ h2 >
156178 < div className = "space-y-4" >
157179
0 commit comments