---
import BaseLayout from '../../../layouts/BaseLayout.astro';
import { hrefFor } from '../../../i18n/routes';
const t2Href = hrefFor('apartment_t2', 'en');
const t3Href = hrefFor('apartment_t3', 'en');
---
<BaseLayout title="Apartments" lang="en">
  <div class="mx-auto max-w-6xl px-6 py-10">
    <h1 class="text-3xl font-semibold">Apartments</h1>
    <div class="mt-6 grid md:grid-cols-2 gap-6">
      <article class="rounded-lg border border-slate-200 p-4">
        <h2 class="text-lg font-semibold">T2 Corail</h2>
        <p class="text-sm text-slate-600">45 m² • 2–3 guests • 1 queen + sofa‑bed • €59/night</p>
        <a href={t2Href} class="mt-3 inline-block text-brand-600 underline">Discover</a>
      </article>
      <article class="rounded-lg border border-slate-200 p-4">
        <h2 class="text-lg font-semibold">T3 Azur</h2>
        <p class="text-sm text-slate-600">55 m² • up to 4 guests • 2 queen beds • €79/night</p>
        <a href={t3Href} class="mt-3 inline-block text-brand-600 underline">Discover</a>
      </article>
    </div>
  </div>
</BaseLayout>