import { e as createComponent, k as renderComponent, r as renderTemplate, h as createAstro, m as maybeRenderHead, g as addAttribute } from '../../chunks/astro/server_DePCulMI.mjs';
import 'piccolore';
import { $ as $$Layout } from '../../chunks/Layout_DxAv3UTa.mjs';
import { $ as $$ProductCard } from '../../chunks/ProductCard_7e_PI4fu.mjs';
import { b as getBrandBySlugFromDB, g as getProductsFromDB } from '../../chunks/products_DQrRaeeW.mjs';
import { g as getBrandContent } from '../../chunks/brand-content_DSldSZSb.mjs';
/* empty css                                     */
export { renderers } from '../../renderers.mjs';

const $$Astro = createAstro();
const $$slug = createComponent(async ($$result, $$props, $$slots) => {
  const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
  Astro2.self = $$slug;
  const { slug } = Astro2.params;
  const dbBrand = await getBrandBySlugFromDB(slug);
  const brandName = dbBrand?.name || slug.charAt(0).toUpperCase() + slug.slice(1);
  const logoSrc = dbBrand?.logo_url || null;
  const brandSneakers = await getProductsFromDB({ limit: 24, brand: slug });
  const content = getBrandContent(slug);
  const title = content?.metaTitle || `${brandName} Sneakers \u2014 SneakerPicks`;
  const description = content?.metaDescription || `Vergelijk ${brandName} sneaker prijzen. Bekijk alle modellen en vind de laagste prijs.`;
  return renderTemplate`${renderComponent($$result, "Layout", $$Layout, { "title": title, "description": description, "data-astro-cid-gv6xleak": true }, { "default": async ($$result2) => renderTemplate`  ${maybeRenderHead()}<section class="relative overflow-hidden" data-astro-cid-gv6xleak> <div class="absolute inset-0 bg-gradient-to-b from-accent/5 via-transparent to-transparent" data-astro-cid-gv6xleak></div> <div class="relative mx-auto max-w-7xl px-4 py-16 sm:px-6" data-astro-cid-gv6xleak> <div class="flex items-center gap-6" data-astro-cid-gv6xleak> ${logoSrc ? renderTemplate`<img${addAttribute(logoSrc, "src")}${addAttribute(brandName, "alt")} class="brand-logo h-12 w-auto max-w-[120px] object-contain" data-astro-cid-gv6xleak>` : renderTemplate`<span class="text-5xl font-black text-accent" data-astro-cid-gv6xleak>${brandName.charAt(0)}</span>`} <div data-astro-cid-gv6xleak> <h1 class="text-4xl font-black tracking-tight sm:text-5xl" data-astro-cid-gv6xleak>${brandName} Sneakers</h1> <p class="mt-1 text-text-secondary" data-astro-cid-gv6xleak>${brandSneakers.length} sneakers beschikbaar · Prijzen vergelijken</p> </div> </div> ${content && renderTemplate`<p class="mt-4 text-lg italic text-accent" data-astro-cid-gv6xleak>${content.tagline}</p>`} </div> </section>  <section class="mx-auto max-w-7xl px-4 py-8 sm:px-6" data-astro-cid-gv6xleak> <h2 class="mb-6 text-sm font-bold uppercase tracking-widest text-text-muted" data-astro-cid-gv6xleak>Alle ${brandName} sneakers</h2> <div class="grid grid-cols-2 gap-4 sm:gap-6 md:grid-cols-3 lg:grid-cols-4" data-astro-cid-gv6xleak> ${brandSneakers.map((sneaker, i) => renderTemplate`${renderComponent($$result2, "ProductCard", $$ProductCard, { "sneaker": sneaker, "index": i, "data-astro-cid-gv6xleak": true })}`)} </div> ${brandSneakers.length === 0 && renderTemplate`<div class="py-20 text-center" data-astro-cid-gv6xleak> <p class="text-lg text-text-muted" data-astro-cid-gv6xleak>Nog geen sneakers gevonden voor ${brandName}.</p> </div>`} </section>  ${content && renderTemplate`<section class="mx-auto max-w-7xl px-4 py-16 sm:px-6" data-astro-cid-gv6xleak> <div class="mx-auto max-w-3xl" data-astro-cid-gv6xleak> <h2 class="mb-6 text-2xl font-black tracking-tight" data-astro-cid-gv6xleak>Over ${brandName}</h2> <div class="space-y-4 text-text-secondary leading-relaxed" data-astro-cid-gv6xleak> ${content.description.split("\n\n").map((paragraph) => renderTemplate`<p data-astro-cid-gv6xleak>${paragraph}</p>`)} </div> <div class="mt-8 grid grid-cols-2 gap-4 sm:grid-cols-3" data-astro-cid-gv6xleak> <div class="rounded-2xl border border-border/50 bg-bg-card p-4" data-astro-cid-gv6xleak> <p class="text-xs font-bold uppercase tracking-widest text-text-muted" data-astro-cid-gv6xleak>Opgericht</p> <p class="mt-1 text-lg font-black text-text" data-astro-cid-gv6xleak>${content.founded}</p> </div> <div class="rounded-2xl border border-border/50 bg-bg-card p-4" data-astro-cid-gv6xleak> <p class="text-xs font-bold uppercase tracking-widest text-text-muted" data-astro-cid-gv6xleak>Oorsprong</p> <p class="mt-1 text-lg font-black text-text" data-astro-cid-gv6xleak>${content.origin}</p> </div> <div class="col-span-2 rounded-2xl border border-border/50 bg-bg-card p-4 sm:col-span-1" data-astro-cid-gv6xleak> <p class="text-xs font-bold uppercase tracking-widest text-text-muted" data-astro-cid-gv6xleak>Sneakers</p> <p class="mt-1 text-lg font-black text-text" data-astro-cid-gv6xleak>${brandSneakers.length} modellen</p> </div> </div> <div class="mt-8" data-astro-cid-gv6xleak> <h3 class="mb-4 text-sm font-bold uppercase tracking-widest text-text-muted" data-astro-cid-gv6xleak>Populaire ${brandName} modellen</h3> <div class="flex flex-wrap gap-2" data-astro-cid-gv6xleak> ${content.popularModels.map((model) => renderTemplate`<span class="rounded-full border border-border/50 bg-bg-card px-4 py-2 text-sm font-semibold text-text-secondary" data-astro-cid-gv6xleak> ${model} </span>`)} </div> </div> </div> </section>`}` })} `;
}, "C:/Users/Roel/clawd/sneakerpicks/src/pages/merken/[slug].astro", void 0);

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

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

const page = () => _page;

export { page };
