export default function AboutPage() {
    return (
        <div className="container mx-auto px-4 py-8">
            <h1 className="text-4xl font-bold mb-6 text-brand-500">About Elmeg</h1>
            <div className="prose dark:prose-invert max-w-none">
                <p className="text-xl mb-4">
                    Elmeg is the definitive fan archive for <strong>Goose</strong>, built by fans for fans.
                </p>
                <p className="mb-4">
                    Our mission is to track every show, every song, and every stat. Whether you're chasing your first <em>Arcadia</em> or looking for that deep cut <em>Factory Fiction</em>, Elmeg has the data you need.
                </p>

                <div className="bg-zinc-100 dark:bg-zinc-800 p-6 rounded-lg my-8">
                    <h2 className="text-2xl font-bold mb-4">Features</h2>
                    <ul className="list-disc pl-6 space-y-2">
                        <li>Comprehensive Show Archive</li>
                        <li>Detailed Setlists & Song Stats</li>
                        <li>Community Ratings & Reviews</li>
                        <li>Venue Leaderboards</li>
                        <li>Personal Attendance Tracking</li>
                    </ul>
                </div>

                <p className="text-sm text-zinc-500 mt-8">
                    Elmeg is a demo project showcasing advanced full-stack capabilities. Powered by FastAPI, Next.js, and SQLModel.
                </p>
            </div>
        </div>
    );
}
