import { ResourceLinks } from "../components/resource-links";

export default function HomePage() {
  return (
    <main className="landing-main">
      <section className="hero-section">
        <div className="hero-copy">
          <div className="eyebrow-row">
            <span>00</span>
            <span>FARMJS / Preact + Better Auth</span>
          </div>

          <h1>
            Connect Postgres. Start at <code>/sign-up</code>.
          </h1>

          <div className="command-list" aria-label="Development commands">
            <div className="command-row">
              <span>01</span>
              <code>cp .env.example .env.local</code>
            </div>
            <div className="command-row">
              <span>02</span>
              <code>pnpm dev</code>
            </div>
          </div>

          <ResourceLinks
            className="resource-links"
            primary={{ href: "/sign-up", label: "Get started" }}
          />
        </div>
      </section>
    </main>
  );
}