.

packages/web/src/routes/index.tsx

@@ -0,0 +1,31 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { ShaderBackground } from "@/components/ShaderBackground"
+
+function LandingPage() {
+  return (
+    <div className="relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-black text-white">
+      <ShaderBackground />
+      <div className="relative z-10 flex flex-col items-center">
+        <h1 className="text-6xl font-bold tracking-tight drop-shadow-2xl">
+          Linsa
+        </h1>
+        <p className="mt-4 text-xl text-white/80 drop-shadow-lg">
+          Save anything privately. Share it.
+        </p>
+        <p className="mt-8 text-sm text-white/50">Coming Soon</p>
+        <a
+          href="https://x.com/linsa_io"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="mt-6 text-sm text-white/60 transition-colors hover:text-white"
+        >
+          @linsa_io
+        </a>
+      </div>
+    </div>
+  )
+}
+
+export const Route = createFileRoute("/")({
+  component: LandingPage,
+})