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 + Wails3</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>
    );
  }
  