import AttractHero from "@/components/landing/AttractHero";

export default function Home() {
  return (
    <main className="flex flex-1 flex-col items-center justify-center gap-8 px-4 py-16">
      <AttractHero />
      <p className="max-w-lg text-center font-mono text-xs text-chrome sm:hidden">
        Pinball plays best in landscape or fullscreen — rotate your device once a table loads.
      </p>
      <footer className="font-mono text-xs text-chrome/70">
        Powered by{" "}
        <a
          href="https://github.com/vpinball/vpinball"
          className="underline decoration-dotted underline-offset-2 hover:text-arc"
        >
          Visual Pinball
        </a>
        , compiled to WebAssembly.
      </footer>
    </main>
  );
}