import Link from "next/link";
import HomeElement, {
  AstroneerIcon,
  JellyseerrIcon,
  MinecraftIcon,
  StreamingIcon,
} from "./components/HomeElement";
import { astroneerServer, siteConfig } from "./lib/server-config";

export default function Home() {
  return (
    <main className="stellar-page home-page">
      <section className="home-shell lg:justify-center" aria-label="Services privés de Leon">
        <nav className="home-nav" aria-label="Navigation principale">
          <Link href="/" className="brand-lockup" aria-label="Accueil">
            <span className="brand-mark">L</span>
            <span>{siteConfig.name}</span>
          </Link>

          <div className="home-nav-links">
            <Link href="/" className="home-nav-link" aria-current="page">
              Accueil
            </Link>
            <Link href="/docs" className="home-nav-link home-nav-link--docs">
              Documentation
            </Link>
          </div>
        </nav>

        {/*<div className="home-hero">*/}
        {/*  <h1 id="home-title">{siteConfig.title}</h1>*/}
        {/*</div>*/}

        <div className="service-grid" aria-label="Services disponibles">
          <HomeElement
            title="Momostreaming"
            description="Films et Séries"
            href={siteConfig.jellyfinUrl}
            actionLabel="Ouvrir"
            variant="jellyfin"
            external
          >
            <StreamingIcon />
          </HomeElement>

          <HomeElement
            title="Seerr"
            description="Demandes de films et séries."
            href={siteConfig.seerrUrl}
            actionLabel="Ouvrir"
            variant="seerr"
            external
          >
            <JellyseerrIcon />
          </HomeElement>

          <HomeElement
            title="Minecraft"
            description="Infos, statut et carte live du monde."
            href={siteConfig.minecraftPath}
            actionLabel="Voir le serveur"
            variant="minecraft"
          >
            <MinecraftIcon />
          </HomeElement>

          <HomeElement
            title={astroneerServer.name}
            description="Infos et adresse du serveur dédié."
            href={siteConfig.astroneerPath}
            actionLabel="Voir le serveur"
            variant="astroneer"
          >
            <AstroneerIcon />
          </HomeElement>
        </div>
      </section>
    </main>
  );
}
