---
import Layout from "../../../layouts/Layout.astro";
import type { Locale } from "../../../i18n/config";
import { useTranslations } from "../../../i18n/ui";

const lang: Locale = "en";
const t = useTranslations(lang);
---
<Layout title={t.checkout.thankYouTitle} lang={lang} path="/checkout/danke/">
  <section class="section">
    <div class="container text-center danke">
      <span class="eyebrow">🩵 {t.checkout.thankYouEyebrow}!</span>
      <h1>{t.checkout.thankYouTitle}</h1>
      <p class="lead">{t.checkout.thankYouLead}</p>
      <a class="btn btn-primary" href="/en/shop/">{t.checkout.continueShopping}</a>
    </div>
  </section>
</Layout>

<script>
  localStorage.removeItem("vandiy_cart_v1");
  window.dispatchEvent(new CustomEvent("cart:changed"));
</script>
