export default function Home() {
  return (
    <div className="flex items-center justify-center py-8 md:py-12 px-4">
      {/* Desktop ASCII */}
      <pre className="hidden sm:block font-mono text-base-content text-sm md:text-base leading-none whitespace-pre">
        {`
  ██████╗ ██████╗ ███╗   ███╗ ██████╗ ██╗  ██╗ ██╗██████╗
  ██╔══██╗╚════██╗████╗ ████║██╔═████╗██║ ██╔╝███║██╔══██╗
  ██║  ██║ █████╔╝██╔████╔██║██║██╔██║█████╔╝ ╚██║██║  ██║
  ██║  ██║ ╚═══██╗██║╚██╔╝██║████╔╝██║██╔═██╗  ██║██║  ██║
  ██████╔╝██████╔╝██║ ╚═╝ ██║╚██████╔╝██║  ██╗ ██║██████╔╝
  ╚═════╝ ╚═════╝ ╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═╝ ╚═╝╚═════╝

           DevOps Engineer | InfoSec Student
              Go · Linux · Docker · K8s
`}
      </pre>

      {/* Mobile Version */}
      <div className="sm:hidden text-center">
        <h1 className="font-mono text-3xl font-bold mb-2">d3m0k1d</h1>
        <div className="w-32 h-0.5 bg-base-content mx-auto mb-4"></div>
        <p className="text-sm mb-1">DevOps Engineer</p>
        <p className="text-sm mb-4">InfoSec Student</p>
        <div className="flex flex-wrap gap-2 justify-center text-xs">
          <span className="px-1 py-1 rounded">Go</span>
          <span className="px-1 py-1 rounded">Linux</span>
          <span className="px-1 py-1 rounded">Docker</span>
          <span className="px-1 py-1 rounded">k8s</span>
        </div>
      </div>
    </div>
  );
}
