import { r as reactExports, U as jsxRuntimeExports } from "./worker-entry-ScJyyKL-.js";
import { u as useDynamicSeo, S as SiteLayout, a as SectionHeading } from "./useDynamicSeo-BdCqOywQ.js";
import { s as supabase } from "./client-Dez4i5AL.js";
import "node:events";
import "node:async_hooks";
import "node:stream/web";
import "node:stream";
import "./router-DeIlR9yC.js";
import "./x-D4p4UALn.js";
import "./createLucideIcon-CzafGoM5.js";
const stats = [{
  value: "100+",
  label: "Productions Delivered"
}, {
  value: "50+",
  label: "Brand Partners"
}, {
  value: "10+",
  label: "Festival Selections"
}, {
  value: "Pan-African",
  label: "Reach"
}];
function AboutPage() {
  useDynamicSeo("/about");
  const [clients, setClients] = reactExports.useState([]);
  reactExports.useEffect(() => {
    supabase.from("clients").select("id,name,logo_url").order("sort_order").then(({
      data
    }) => setClients(data ?? []));
  }, []);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SiteLayout, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "py-20 md:py-32", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "container mx-auto px-5 md:px-10", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHeading, { eyebrow: "About Luxxen", title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
        "Built in Nairobi.",
        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "Made for the world." })
      ] }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid md:grid-cols-2 gap-12 mt-16", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 text-muted-foreground leading-relaxed text-lg", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Luxxen Pictures is a premier production house and marketing agency based in Nairobi, Kenya. We build cinematic narratives across films, commercials and digital — for brands and storytellers who refuse to be ordinary." }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Our work spans short films, feature-length cinema, TV commercials, digital campaigns and prestige event coverage. Whether you need a 30-second spot or a 90-minute feature, we run every stage in-house — from concept and screenwriting to color, sound and final delivery." }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "We believe great work starts with great craft. Every frame is a deliberate choice. Every cut, a heartbeat." })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 gap-px bg-border self-start", children: stats.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background p-8 text-center", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-display text-4xl md:text-5xl text-gradient-gold", children: s.value }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs uppercase tracking-widest text-muted-foreground mt-3", children: s.label })
        ] }, s.label)) })
      ] })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "py-20 md:py-28 bg-onyx", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "container mx-auto px-5 md:px-10", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHeading, { eyebrow: "Trusted by", title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
        "Brands that ",
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "choose cinema." })
      ] }), align: "center" }),
      clients.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-center text-muted-foreground mt-12", children: "Client roster being added — check back soon." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-px bg-border mt-16", children: clients.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-onyx aspect-square flex items-center justify-center p-6 hover:bg-background transition-colors", children: c.logo_url ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c.logo_url, alt: c.name, className: "max-w-full max-h-full object-contain opacity-60 hover:opacity-100 transition-opacity", loading: "lazy" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-display text-lg text-muted-foreground text-center", children: c.name }) }, c.id)) })
    ] }) })
  ] });
}
export {
  AboutPage as component
};
