/* empty css                                    */
import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_5mFihzcn.mjs';
import { g as getCollection, $ as $$Layout } from '../chunks/Layout_v67TeP9G.mjs';
export { renderers } from '../renderers.mjs';

const $$AboutUs = createComponent(async ($$result, $$props, $$slots) => {
  const all = await getCollection("about");
  const abouts = all.filter((i) => i.slug !== "ports");
  const ports = all.find((i) => i.slug === "ports");
  ports ? abouts.push(ports) : null;
  return renderTemplate`${renderComponent($$result, "Layout", $$Layout, { "title": "About Us", "showTitle": true }, { "default": async ($$result2) => renderTemplate` ${maybeRenderHead()}<div class="flex flex-col gap-5"> ${abouts.map(async (about) => {
    const { Content } = await about.render();
    return renderTemplate`<div${addAttribute(about.slug, "id")} class="rounded-lg border border-blue-900/5  p-5 md:px-8 bg-white"> <h3 class="balance text-gray-600 text-[1.3rem] capitalize tracking-wider"> ${about.data.title}${" "} </h3> ${about.data.image && renderTemplate`<div class="max-h-[12rem] md:max-h-[20rem] flex justify-center md:px-5"> <img class="rounded-2xl transition-all duration-500 border border-blue-900/5 max-w-full object-cover"${addAttribute(`${about.data.image}`, "src")}${addAttribute(about.data.title, "alt")} loading="lazy"> </div>`} <div${addAttribute([
      " content ",
      { "py-3": about.data.image !== void 0 }
    ], "class:list")}> ${renderComponent($$result2, "Content", Content, {})} </div> </div>`;
  })} </div> ` })}`;
}, "C:/projects/sambekiel_front/src/pages/about-us.astro", void 0);

const $$file = "C:/projects/sambekiel_front/src/pages/about-us.astro";
const $$url = "/about-us";

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

const page = () => _page;

export { page };
