---
import Button from "@/components/Button.astro";
import GuideIllustration from "@/components/GuideIllustration.astro";
import Layout from "@/layouts/Layout.astro";
---

<Layout title="快速开始" description="准备 Uranium 运行环境并完成首次启动。" canonical="/guide/">
  <header class="mx-auto flex max-w-7xl flex-row gap-16 px-4 pt-32 pb-16 lg:pt-28 lg:pb-16">
    <div class="flex-1">
      <h1 class="text-4xl leading-normal font-medium lg:text-5xl lg:leading-normal">开始使用 Uranium</h1>
      <p class="mt-4 text-xl">准备 64 位 JDK 8，在干净目录中安装 Uranium，并在迁移生产服务器前完成兼容性验证。</p>
      <div class="mt-8 flex flex-row gap-4"></div>
    </div>
    <div class="hidden flex-1 justify-end lg:flex"></div>
  </header>

  <section id="java" class="mx-auto flex max-w-7xl flex-col-reverse items-center gap-8 px-4 py-4 lg:flex-row">
    <div class="flex-1">
      <h2 class="text-2xl font-medium md:text-4xl">准备 64 位 JDK 8</h2>
      <p class="mt-3 text-gray-900 md:mt-6 md:text-lg dark:text-gray-100">
        Uranium 固定使用 64 位 JDK 8。启动前先确认命令行中的 Java 版本与系统架构。
      </p>
      <pre class="mt-6 overflow-x-auto rounded-md bg-gray-900 p-4 text-sm text-green-300"><code>java -version</code></pre>
    </div>
    <div class="flex w-full justify-start lg:flex-1 lg:justify-end"><GuideIllustration type="java" /></div>
  </section>

  <section id="package" class="mx-auto mt-12 flex max-w-7xl flex-col-reverse items-center gap-8 px-4 py-4 lg:flex-row">
    <div class="flex-1">
      <h2 class="text-2xl font-medium md:text-4xl">解压完整发行包</h2>
      <p class="mt-3 text-gray-900 md:mt-6 md:text-lg dark:text-gray-100">
        将服务端 JAR、<code>libraries</code> 和启动脚本完整解压到独立目录，不要只复制服务端 JAR。
      </p>
      <div class="mt-8 flex flex-row gap-4"><Button variant="filled" href="/downloads/uranium">查看下载</Button></div>
    </div>
    <div class="flex w-full justify-start lg:flex-1 lg:justify-end"><GuideIllustration type="package" /></div>
  </section>

  <section id="startup" class="mx-auto mt-12 flex max-w-7xl flex-col-reverse items-center gap-8 px-4 py-4 lg:flex-row">
    <div class="flex-1">
      <h2 class="text-2xl font-medium md:text-4xl">完成首次启动</h2>
      <p class="mt-3 text-gray-900 md:mt-6 md:text-lg dark:text-gray-100">
        优先使用发行包提供的启动脚本。首次运行后阅读并接受 Minecraft EULA，再重新启动服务端。
      </p>
      <pre
        class="mt-6 overflow-x-auto rounded-md bg-gray-900 p-4 text-sm text-green-300"><code>java -Xms2G -Xmx4G -jar Uranium-server.jar nogui</code></pre>
    </div>
    <div class="flex w-full justify-start lg:flex-1 lg:justify-end"><GuideIllustration type="terminal" /></div>
  </section>

  <section id="migration" class="mx-auto mt-12 flex max-w-7xl flex-col-reverse items-center gap-8 px-4 py-4 pb-16 lg:flex-row">
    <div class="flex-1">
      <h2 class="text-2xl font-medium md:text-4xl">备份并迁移现有服务器</h2>
      <p class="mt-3 text-gray-900 md:mt-6 md:text-lg dark:text-gray-100">
        先完整备份世界、配置、模组和插件，再分批恢复内容。完成客户端握手、进服、区块加载与关键机器测试后再迁移生产环境。
      </p>
      <div class="mt-8 flex flex-row gap-4"><Button variant="outlined" href="/about">了解项目定位</Button></div>
    </div>
    <div class="flex w-full justify-start lg:flex-1 lg:justify-end"><GuideIllustration type="backup" /></div>
  </section>
</Layout>