init

frontend/src/pages/about/index.tsx

@@ -0,0 +1,31 @@
+import { Link } from "@tanstack/react-router";
+
+export default function AboutPage() {
+    return (
+      <div className="min-h-screen bg-base-200 flex items-center justify-center p-6">
+        <div className="max-w-3xl w-full bg-base-100 shadow-xl rounded-2xl p-8 space-y-6">
+          <h1 className="text-4xl font-bold text-primary text-center">About</h1>
+  
+          <div className="space-y-4">
+            <p className="text-lg leading-relaxed">
+              Hello! I'm <span className="font-semibold text-error">Kain</span>, a developer passionate about building useful tools and improving user experiences.
+            </p>
+            <p className="text-lg leading-relaxed">
+              I created a lightweight and modern <span className="font-semibold text-success">Game Launcher</span> to help users easily launch and manage their games with better performance and simplicity.
+            </p>
+            <p className="text-lg leading-relaxed">
+              The launcher is built using <span className="font-mono text-info">Go + Wails</span>, with a clean and responsive interface styled with <span className="text-warning">Tailwind CSS</span> and <span className="text-warning">DaisyUI</span>.
+            </p>
+            <p className="text-lg leading-relaxed">
+              My goal is to make tools that are fast, efficient, and enjoyable to use — and this launcher is just the beginning.
+            </p>
+          </div>
+  
+          <div className="text-center pt-4">
+            <Link to="/" className="btn btn-primary btn-wide">Back to Home</Link>
+          </div>
+        </div>
+      </div>
+    );
+  }
+