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" 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="home-content">
          <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>
        </div>
      </section>
    </main>
  );
}
