prism0x2a 0.7.1 → 0.8.0

package/.next/standalone/components/landing/Footer.tsx

@@ -0,0 +1,104 @@
+import Link from "next/link";
+
+export function Footer() {
+  return (
+    <footer
+      className="border-t mt-24"
+      style={{ borderColor: "rgba(51,65,85,0.3)" }}
+    >
+      <div className="max-w-5xl mx-auto px-6 py-16 grid grid-cols-2 sm:grid-cols-4 gap-10">
+        {/* Brand */}
+        <div className="col-span-2 sm:col-span-1 flex flex-col gap-3">
+          <div className="flex items-center gap-1.5">
+            <span className="text-sky-400 text-base select-none">✦</span>
+            <span className="text-slate-200 text-sm font-semibold tracking-tight">
+              prism<span className="font-mono text-sky-500">0x2A</span>
+            </span>
+          </div>
+          <p className="text-xs text-slate-600 leading-relaxed">
+            Local-first code intelligence.<br />
+            Engine: <span className="font-mono text-slate-500">prismlens</span>.
+          </p>
+          <p className="text-xs text-slate-700 font-mono">0x2A = 42</p>
+        </div>
+
+        {/* Product */}
+        <div className="flex flex-col gap-3">
+          <h3 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Product</h3>
+          <nav className="flex flex-col gap-2">
+            <Link href="/pricing" className="text-xs text-slate-600 hover:text-slate-400 transition-colors">Pricing</Link>
+            <Link
+              href="https://github.com/dadenjo/prism0x2A"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              Docs
+            </Link>
+            <Link
+              href="https://github.com/dadenjo/prism0x2A/blob/main/CHANGELOG.md"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              Changelog
+            </Link>
+          </nav>
+        </div>
+
+        {/* Resources */}
+        <div className="flex flex-col gap-3">
+          <h3 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Resources</h3>
+          <nav className="flex flex-col gap-2">
+            <Link
+              href="https://github.com/dadenjo/prism0x2A"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              GitHub — prism0x2A
+            </Link>
+            <Link
+              href="https://github.com/dadenjo/forge0x2B"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              forge0x2B (coming soon)
+            </Link>
+            <span className="text-xs text-slate-700">Engine: prismlens</span>
+          </nav>
+        </div>
+
+        {/* Legal */}
+        <div className="flex flex-col gap-3">
+          <h3 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Legal</h3>
+          <nav className="flex flex-col gap-2">
+            <Link
+              href="https://github.com/dadenjo/prism0x2A/blob/main/LICENSE"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              License
+            </Link>
+            <span className="text-xs text-slate-700">Terms (coming)</span>
+            <span className="text-xs text-slate-700">Privacy (coming)</span>
+          </nav>
+        </div>
+      </div>
+
+      <div
+        className="max-w-5xl mx-auto px-6 pb-8 flex flex-col sm:flex-row items-center justify-between gap-2 border-t"
+        style={{ borderColor: "rgba(51,65,85,0.2)" }}
+      >
+        <p className="text-xs text-slate-700">
+          Made in Germany 🇩🇪 · © 2026 prism0x2A
+        </p>
+        <p className="text-xs text-slate-700 font-mono">
+          The answer is 42.
+        </p>
+      </div>
+    </footer>
+  );
+}

package/.next/standalone/components/landing/HeroVisual.tsx

@@ -0,0 +1,139 @@
+export function HeroVisual() {
+  return (
+    <svg
+      viewBox="0 0 600 360"
+      className="w-full max-w-xl"
+      aria-hidden="true"
+      role="img"
+    >
+      <defs>
+        <linearGradient id="prism-fill" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="rgba(148,163,184,0.18)" />
+          <stop offset="40%" stopColor="rgba(226,232,240,0.07)" />
+          <stop offset="100%" stopColor="rgba(99,102,241,0.12)" />
+        </linearGradient>
+
+        <linearGradient id="chaos-fade" x1="0%" y1="0%" x2="100%" y2="0%">
+          <stop offset="0%" stopColor="rgba(2,6,23,0)" />
+          <stop offset="70%" stopColor="rgba(2,6,23,0.85)" />
+          <stop offset="100%" stopColor="rgba(2,6,23,1)" />
+        </linearGradient>
+
+        <linearGradient id="blue-ray" x1="290" y1="130" x2="432" y2="62" gradientUnits="userSpaceOnUse">
+          <stop offset="0%" stopColor="rgb(59,130,246)" stopOpacity="0.9" />
+          <stop offset="100%" stopColor="rgb(59,130,246)" stopOpacity="0.35" />
+        </linearGradient>
+        <linearGradient id="amber-ray" x1="290" y1="180" x2="430" y2="180" gradientUnits="userSpaceOnUse">
+          <stop offset="0%" stopColor="rgb(245,158,11)" stopOpacity="0.9" />
+          <stop offset="100%" stopColor="rgb(245,158,11)" stopOpacity="0.35" />
+        </linearGradient>
+        <linearGradient id="green-ray" x1="290" y1="220" x2="430" y2="295" gradientUnits="userSpaceOnUse">
+          <stop offset="0%" stopColor="rgb(16,185,129)" stopOpacity="0.9" />
+          <stop offset="100%" stopColor="rgb(16,185,129)" stopOpacity="0.35" />
+        </linearGradient>
+
+        <filter id="soft-glow" x="-50%" y="-50%" width="200%" height="200%">
+          <feGaussianBlur stdDeviation="4" result="blur" />
+          <feMerge>
+            <feMergeNode in="blur" />
+            <feMergeNode in="SourceGraphic" />
+          </feMerge>
+        </filter>
+      </defs>
+
+      {/* ── Code chaos (left) ── */}
+      {[
+        { t: "import { analyze } from './engine'",      y: 28  },
+        { t: "TypeError: Cannot read property 'map'",   y: 55  },
+        { t: "  at Object.<anonymous> src/lib:42",      y: 82  },
+        { t: "const deps = await scan(targetPath)",     y: 109 },
+        { t: "// TODO: fix circular ref → api/index",  y: 136 },
+        { t: "export default function Dashboard() {",   y: 163 },
+        { t: "Error: ENOENT no such file or dir",       y: 190 },
+        { t: "  at /src/api/route.ts:17:9",             y: 217 },
+        { t: "import type { Config } from '@/lib'",     y: 244 },
+        { t: "✗ 3 import cycles detected",              y: 271 },
+        { t: "  src/api → lib/db → src/api",            y: 298 },
+        { t: "✗ 14 uncovered branches",                 y: 325 },
+      ].map(({ t, y }, i) => (
+        <text key={i} x="8" y={y} fontSize="9" fontFamily="monospace"
+          fill={`rgba(100,116,139,${0.12 + (i % 4) * 0.04})`}>
+          {t}
+        </text>
+      ))}
+
+      {/* Fade overlay */}
+      <rect x="0" y="0" width="195" height="360" fill="url(#chaos-fade)" />
+
+      {/* ── Input beam ── */}
+      <line x1="0" y1="180" x2="192" y2="180"
+        stroke="rgba(255,255,255,0.12)" strokeWidth="1.5" strokeDasharray="5 3" />
+
+      {/* ── Prism triangle ──
+            apex: (192, 180)   top-right: (292, 88)   bottom-right: (292, 272) */}
+
+      {/* Glass fill */}
+      <polygon points="192,180 292,88 292,272"
+        fill="url(#prism-fill)"
+        stroke="none" />
+
+      {/* Left face highlight */}
+      <line x1="192" y1="180" x2="292" y2="88"
+        stroke="rgba(226,232,240,0.45)" strokeWidth="1.2" />
+      <line x1="192" y1="180" x2="292" y2="272"
+        stroke="rgba(148,163,184,0.3)" strokeWidth="1.2" />
+
+      {/* Right face */}
+      <line x1="292" y1="88" x2="292" y2="272"
+        stroke="rgba(226,232,240,0.5)" strokeWidth="1.5" />
+
+      {/* Internal refraction hints */}
+      <line x1="226" y1="172" x2="292" y2="130" stroke="rgba(255,255,255,0.05)" strokeWidth="0.7" />
+      <line x1="226" y1="180" x2="292" y2="180" stroke="rgba(255,255,255,0.05)" strokeWidth="0.7" />
+      <line x1="226" y1="188" x2="292" y2="230" stroke="rgba(255,255,255,0.05)" strokeWidth="0.7" />
+
+      {/* 0x2A engraving */}
+      <text x="242" y="183" fontSize="10" fontFamily="monospace"
+        fill="rgba(148,163,184,0.38)" textAnchor="middle" letterSpacing="0.5">
+        0x2A
+      </text>
+
+      {/* ── Output rays ── */}
+      <line x1="292" y1="130" x2="432" y2="62"
+        stroke="url(#blue-ray)" strokeWidth="2.5" filter="url(#soft-glow)" />
+      <line x1="292" y1="180" x2="432" y2="180"
+        stroke="url(#amber-ray)" strokeWidth="2.5" filter="url(#soft-glow)" />
+      <line x1="292" y1="230" x2="432" y2="298"
+        stroke="url(#green-ray)" strokeWidth="2.5" filter="url(#soft-glow)" />
+
+      {/* ── Output cards ── */}
+
+      {/* BLUE card */}
+      <rect x="432" y="26" width="154" height="72" rx="7"
+        fill="rgba(8,16,36,0.92)" stroke="rgba(59,130,246,0.45)" strokeWidth="1" />
+      <rect x="432" y="26" width="154" height="3" rx="1.5" fill="rgba(59,130,246,0.7)" />
+      <text x="446" y="50" fontSize="10" fontFamily="monospace"
+        fill="rgb(96,165,250)" fontWeight="bold" letterSpacing="1">BLUE</text>
+      <text x="446" y="66" fontSize="8.5" fontFamily="monospace" fill="rgba(100,116,139,0.85)">Sessions · Recommendations</text>
+      <text x="446" y="85" fontSize="8" fontFamily="sans-serif" fill="rgba(71,85,105,0.75)">LLM-powered investigations</text>
+
+      {/* AMBER card */}
+      <rect x="432" y="144" width="154" height="72" rx="7"
+        fill="rgba(8,16,36,0.92)" stroke="rgba(245,158,11,0.45)" strokeWidth="1" />
+      <rect x="432" y="144" width="154" height="3" rx="1.5" fill="rgba(245,158,11,0.7)" />
+      <text x="446" y="168" fontSize="10" fontFamily="monospace"
+        fill="rgb(251,191,36)" fontWeight="bold" letterSpacing="1">AMBER</text>
+      <text x="446" y="184" fontSize="8.5" fontFamily="monospace" fill="rgba(100,116,139,0.85)">Coverage · Registry · Files</text>
+      <text x="446" y="203" fontSize="8" fontFamily="sans-serif" fill="rgba(71,85,105,0.75)">Metadata + hot-spot analysis</text>
+
+      {/* GREEN card */}
+      <rect x="432" y="262" width="154" height="72" rx="7"
+        fill="rgba(8,16,36,0.92)" stroke="rgba(16,185,129,0.45)" strokeWidth="1" />
+      <rect x="432" y="262" width="154" height="3" rx="1.5" fill="rgba(16,185,129,0.7)" />
+      <text x="446" y="286" fontSize="10" fontFamily="monospace"
+        fill="rgb(52,211,153)" fontWeight="bold" letterSpacing="1">GREEN</text>
+      <text x="446" y="302" fontSize="8.5" fontFamily="monospace" fill="rgba(100,116,139,0.85)">Insights · Queries · Cross-layer</text>
+      <text x="446" y="321" fontSize="8" fontFamily="sans-serif" fill="rgba(71,85,105,0.75)">Auto-discovery + pattern AI</text>
+    </svg>
+  );
+}