diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3f384aa..40e38ba 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -717,6 +717,89 @@ function TUIFileRows() {
);
}
+/* ─── Install Box Component ─── */
+
+function InstallBox() {
+ const [os, setOs] = useState<'unix' | 'windows'>('unix');
+ const [copied, setCopied] = useState(false);
+
+ const commands = {
+ unix: 'curl -fsSL https://raw.githubusercontent.com/noauf/Transmute/main/install.sh | sh',
+ windows: 'irm https://raw.githubusercontent.com/noauf/Transmute/main/install.ps1 | iex',
+ };
+
+ const prompt = os === 'unix' ? '$' : 'PS>';
+ const promptColor = os === 'unix' ? '#34d399' : '#60a5fa';
+ const command = commands[os];
+
+ const handleCopy = () => {
+ navigator.clipboard.writeText(command).then(() => {
+ setCopied(true);
+ setTimeout(() => setCopied(false), 2000);
+ });
+ };
+
+ return (
+
+ {/* Tab bar */}
+
+
+
+
+
+ {/* Command line */}
+
+
{prompt}
+
{command}
+
+
+
+ );
+}
+
/* ─── Main Page ─── */
export default function LandingPage() {
@@ -1077,12 +1160,7 @@ export default function LandingPage() {
{/* Install command below the TUI */}
-
-
- $
- curl -fsSL https://raw.githubusercontent.com/noauf/Transmute/main/install.sh | sh
-
-
+
{/* CLI feature bullets */}