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 { d as getBrandsFromDB } from '../chunks/products_DQrRaeeW.mjs';
/* empty css                                 */
export { renderers } from '../renderers.mjs';

const $$Index = createComponent(async ($$result, $$props, $$slots) => {
  const allBrands = await getBrandsFromDB();
  const brands = allBrands.filter((b) => b.count >= 5);
  return renderTemplate`${renderComponent($$result, "Layout", $$Layout, { "title": "Alle Merken \u2014 SneakerPicks", "description": "Bekijk alle sneaker merken op SneakerPicks. Vergelijk prijzen van Nike, Adidas, New Balance en meer.", "data-astro-cid-w2lszudn": true }, { "default": async ($$result2) => renderTemplate` ${maybeRenderHead()}<section class="relative overflow-hidden" data-astro-cid-w2lszudn> <div class="absolute inset-0 bg-gradient-to-b from-accent/5 via-transparent to-transparent" data-astro-cid-w2lszudn></div> <div class="relative mx-auto max-w-7xl px-4 py-16 sm:px-6 text-center" data-astro-cid-w2lszudn> <h1 class="text-4xl font-black tracking-tight sm:text-5xl" data-astro-cid-w2lszudn>Alle Merken</h1> <p class="mt-3 text-text-secondary text-lg" data-astro-cid-w2lszudn>${brands.length} merken · Vergelijk prijzen van alle top sneaker brands</p> </div> </section> <section class="mx-auto max-w-7xl px-4 pb-16 sm:px-6" data-astro-cid-w2lszudn> <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5" data-astro-cid-w2lszudn> ${brands.map((brand) => renderTemplate`<a${addAttribute(`/merken/${brand.slug}`, "href")} class="group flex flex-col items-center gap-3 rounded-2xl border border-border/50 bg-bg-elevated/50 p-6 transition-all hover:border-accent/40 hover:bg-bg-elevated hover:shadow-lg hover:shadow-accent/5" data-astro-cid-w2lszudn> <div class="flex h-16 w-16 items-center justify-center" data-astro-cid-w2lszudn> ${brand.logo_url ? renderTemplate`<img${addAttribute(brand.logo_url, "src")}${addAttribute(brand.name, "alt")} class="h-12 w-12 object-contain brand-logo-filter transition-transform group-hover:scale-110" data-astro-cid-w2lszudn>` : renderTemplate`<span class="text-3xl font-black text-accent" data-astro-cid-w2lszudn>${brand.name.charAt(0)}</span>`} </div> <div class="text-center" data-astro-cid-w2lszudn> <h2 class="font-heading text-sm font-bold uppercase tracking-widest text-text group-hover:text-accent transition-colors" data-astro-cid-w2lszudn>${brand.name}</h2> <p class="mt-1 text-xs text-text-muted" data-astro-cid-w2lszudn>${brand.count} sneakers</p> </div> </a>`)} </div> </section> ` })} `;
}, "C:/Users/Roel/clawd/sneakerpicks/src/pages/merken/index.astro", void 0);

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

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

const page = () => _page;

export { page };
