import { e as createComponent, k as renderComponent, r as renderTemplate, m as maybeRenderHead, g as addAttribute } from '../chunks/astro/server_DePCulMI.mjs';
import 'piccolore';
import { $ as $$Layout } from '../chunks/Layout_DxAv3UTa.mjs';
import { S as SearchBar } from '../chunks/SearchBar_DC-3eI-y.mjs';
export { renderers } from '../renderers.mjs';

const $$404 = createComponent(($$result, $$props, $$slots) => {
  return renderTemplate`${renderComponent($$result, "Layout", $$Layout, { "title": "Pagina niet gevonden \u2014 SneakerPicks", "description": "Deze pagina bestaat niet. Zoek sneakers of bekijk populaire merken." }, { "default": ($$result2) => renderTemplate` ${maybeRenderHead()}<section class="mx-auto max-w-3xl px-4 py-24 text-center sm:px-6"> <div class="mb-8"> <span class="text-8xl font-black text-accent/20">404</span> </div> <h1 class="mb-4 text-3xl font-black tracking-tight sm:text-4xl">Sneaker niet gevonden</h1> <p class="mb-10 text-lg text-text-secondary">
Sorry, deze pagina bestaat niet (meer). Zoek hieronder naar de sneaker die je zocht.
</p> <div class="mx-auto mb-12 max-w-xl"> ${renderComponent($$result2, "SearchBar", SearchBar, { "client:load": true, "large": true, "client:component-hydration": "load", "client:component-path": "C:/Users/Roel/clawd/sneakerpicks/src/components/SearchBar.tsx", "client:component-export": "default" })} </div> <div class="mb-8"> <h2 class="mb-4 text-sm font-bold uppercase tracking-widest text-text-muted">Populaire merken</h2> <div class="flex flex-wrap justify-center gap-2"> ${["Nike", "adidas", "New Balance", "PUMA", "ASICS", "Converse", "Vans", "HOKA"].map((brand) => {
    const slug = brand.toLowerCase().replace(/[^a-z0-9]+/g, "-");
    return renderTemplate`<a${addAttribute(`/merken/${slug}`, "href")} class="rounded-full border border-border/50 bg-bg-card px-4 py-2 text-sm font-semibold text-text-secondary transition-all hover:border-accent/40 hover:text-accent"> ${brand} </a>`;
  })} </div> </div> <div class="flex flex-wrap justify-center gap-4 text-sm"> <a href="/sneakers" class="font-bold text-accent hover:text-accent-dim">Alle sneakers →</a> <a href="/deals" class="font-bold text-deal hover:text-deal-dim">Deals →</a> <a href="/" class="font-bold text-text-secondary hover:text-text">Homepage →</a> </div> </section> ` })}`;
}, "C:/Users/Roel/clawd/sneakerpicks/src/pages/404.astro", void 0);

const $$file = "C:/Users/Roel/clawd/sneakerpicks/src/pages/404.astro";
const $$url = "/404";

const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  __proto__: null,
  default: $$404,
  file: $$file,
  url: $$url
}, Symbol.toStringTag, { value: 'Module' }));

const page = () => _page;

export { page };
