---
// hand-coded, no page-builder bloat
import Base from '@/layouts/Base.astro';
import { CLIENT } from '@/data/site';

const LCP_BUDGET_MS = 800;   // enforced, not hoped for
const IMAGE_FORMAT = 'webp'; // every asset, no exceptions
---

<Base
  title={CLIENT.name}
  description={CLIENT.pitch}
  preloadImages={[CLIENT.heroImage]}
>
  <section class="hero">
    <h1>{CLIENT.headline}</h1>
    <a class="btn" href="/contact">
      {CLIENT.cta} <!-- one path, no maze -->
    </a>
  </section>
</Base>

<style>
  /* zero framework CSS shipped to the browser */
  .hero {
    min-height: 100svh;
    display: grid;
    place-items: center;
  }
</style>

<script>
  // ships only if the page needs it
</script>

---
// hand-coded, no page-builder bloat
import Base from '@/layouts/Base.astro';
import { CLIENT } from '@/data/site';

const LCP_BUDGET_MS = 800;   // enforced, not hoped for
const IMAGE_FORMAT = 'webp'; // every asset, no exceptions
---

<Base
  title={CLIENT.name}
  description={CLIENT.pitch}
  preloadImages={[CLIENT.heroImage]}
>
  <section class="hero">
    <h1>{CLIENT.headline}</h1>
    <a class="btn" href="/contact">
      {CLIENT.cta} <!-- one path, no maze -->
    </a>
  </section>
</Base>

<style>
  /* zero framework CSS shipped to the browser */
  .hero {
    min-height: 100svh;
    display: grid;
    place-items: center;
  }
</style>

<script>
  // ships only if the page needs it
</script>