import { r as reactExports, U as jsxRuntimeExports } from "./worker-entry-ScJyyKL-.js";
import { L as Link } from "./router-DeIlR9yC.js";
import { u as useDynamicSeo, S as SiteLayout, a as SectionHeading } from "./useDynamicSeo-BdCqOywQ.js";
import { B as Button } from "./button-BfwfuXeE.js";
import { s as supabase } from "./client-Dez4i5AL.js";
import { c as createLucideIcon } from "./createLucideIcon-CzafGoM5.js";
import { P as Play } from "./play-DAiUBpkR.js";
import { F as Film, M as Megaphone, C as Camera, S as Sparkles } from "./sparkles-Be-fGG5s.js";
import "node:events";
import "node:async_hooks";
import "node:stream/web";
import "node:stream";
import "./x-D4p4UALn.js";
const __iconNode = [
  ["path", { d: "M5 12h14", key: "1ays0h" }],
  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
];
const ArrowRight = createLucideIcon("arrow-right", __iconNode);
const heroImg = "/assets/hero-colorful-B0iNzD6Y.jpg";
const aboutImg = "/assets/about-crew-D-8Qhhxj.jpg";
const ctaFilms = "/assets/cta-films-Bn-0IzyS.jpg";
const ctaTvc = "/assets/cta-tvc-CbN9xsnk.jpg";
const ctaEvents = "/assets/cta-events-U9Az5ALM.jpg";
const ctaDigital = "/assets/cta-digital-B_1nM03I.jpg";
function ClientsMarquee() {
  const [clients, setClients] = reactExports.useState([]);
  reactExports.useEffect(() => {
    supabase.from("clients").select("id,name,logo_url,website_url").order("sort_order").then(({ data }) => setClients(data ?? []));
  }, []);
  if (clients.length === 0) return null;
  const loop = [...clients, ...clients];
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "py-20 md:py-24 border-y border-border bg-background overflow-hidden", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "container mx-auto px-5 md:px-10 mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-3", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-8 bg-gold" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs uppercase tracking-[0.3em] text-gold", children: "Trusted by Kenya's Boldest Brands" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-8 bg-gold" })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 w-24 md:w-40 bg-gradient-to-r from-background to-transparent z-10" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-24 md:w-40 bg-gradient-to-l from-background to-transparent z-10" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex animate-marquee gap-6 md:gap-10 w-max", children: loop.map((c, i) => {
        const inner = c.logo_url ? /* @__PURE__ */ jsxRuntimeExports.jsx(
          "img",
          {
            src: c.logo_url,
            alt: c.name,
            className: "max-h-12 md:max-h-16 max-w-[160px] object-contain opacity-70 group-hover:opacity-100 transition-opacity duration-500",
            loading: "lazy"
          }
        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-display text-xl md:text-2xl tracking-wide text-muted-foreground group-hover:text-gold transition-colors duration-500 whitespace-nowrap", children: c.name });
        const cardClasses = "group flex items-center justify-center shrink-0 h-24 md:h-28 min-w-[200px] md:min-w-[240px] px-8 border border-border/60 hover:border-gold/60 transition-colors duration-500 bg-onyx/40";
        return c.website_url ? /* @__PURE__ */ jsxRuntimeExports.jsx(
          "a",
          {
            href: c.website_url,
            target: "_blank",
            rel: "noopener noreferrer",
            className: cardClasses,
            "aria-label": c.name,
            children: inner
          },
          `${c.id}-${i}`
        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cardClasses, "aria-label": c.name, children: inner }, `${c.id}-${i}`);
      }) })
    ] })
  ] });
}
const services = [{
  icon: Film,
  title: "Films",
  desc: "Short and feature length cinema with festival ambition.",
  image: ctaFilms,
  href: "/work",
  glow: "from-amber-500/40 via-rose-500/30 to-fuchsia-500/40"
}, {
  icon: Megaphone,
  title: "TVCs & Digital Ads",
  desc: "Brand stories that convert across every screen.",
  image: ctaTvc,
  href: "/services",
  glow: "from-fuchsia-500/40 via-pink-500/30 to-emerald-400/40"
}, {
  icon: Camera,
  title: "Event Coverage",
  desc: "Premium documentation of moments that matter.",
  image: ctaEvents,
  href: "/services",
  glow: "from-orange-500/40 via-yellow-400/30 to-pink-500/40"
}, {
  icon: Sparkles,
  title: "Marketing",
  desc: "Strategy, creative direction and end-to-end campaigns.",
  image: ctaDigital,
  href: "/contact",
  glow: "from-cyan-400/40 via-violet-500/30 to-rose-500/40"
}];
function HomePage() {
  useDynamicSeo("/");
  const [featured, setFeatured] = reactExports.useState([]);
  reactExports.useEffect(() => {
    supabase.from("projects").select("id,title,slug,category,client,year,poster_url").eq("published", true).order("featured", {
      ascending: false
    }).order("sort_order").limit(6).then(({
      data
    }) => setFeatured(data ?? []));
  }, []);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SiteLayout, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "relative min-h-[92vh] flex items-center overflow-hidden -mt-20 pt-20", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: heroImg, alt: "Kenyan film crew on set at golden hour with neon production lights", className: "w-full h-full object-cover", width: 1920, height: 1080 }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-fuchsia-600/25 via-transparent to-cyan-500/20 mix-blend-screen" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background via-background/55 to-background/30" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute -top-24 -left-24 w-[500px] h-[500px] rounded-full bg-fuchsia-500/25 blur-[120px] animate-pulse" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 right-0 w-[600px] h-[600px] rounded-full bg-amber-400/20 blur-[140px] animate-pulse", style: {
          animationDelay: "1.5s"
        } }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-1/3 right-1/4 w-[300px] h-[300px] rounded-full bg-cyan-400/15 blur-[100px] animate-pulse", style: {
          animationDelay: "0.8s"
        } })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "container mx-auto px-5 md:px-10 relative z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl animate-fade-up", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mb-8", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-12 bg-gold" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs uppercase tracking-[0.4em] text-gold", children: "Nairobi · Est. Cinema" })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "font-display text-5xl sm:text-6xl md:text-7xl lg:text-8xl leading-[0.95] text-foreground", children: [
          "We paint stories",
          /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "in light & color." })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-8 text-lg md:text-xl text-muted-foreground max-w-2xl leading-relaxed", children: "A premier production house and marketing agency from Kenya — crafting feature films, short films, TVCs, digital campaigns and event films for brands that demand cinema." }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-10 flex flex-wrap gap-4", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, variant: "hero", size: "xl", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/work", children: [
            "View Our Work ",
            /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "ml-1" })
          ] }) }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, variant: "goldOutline", size: "xl", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/luxxen-tv", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Play, {}),
            " Watch Luxxen TV"
          ] }) })
        ] })
      ] }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-10 left-1/2 -translate-x-1/2 text-muted-foreground text-xs tracking-[0.3em] uppercase animate-pulse", children: "Scroll" })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "py-24 md:py-32 relative overflow-hidden", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute -top-40 left-1/2 -translate-x-1/2 w-[800px] h-[400px] rounded-full bg-fuchsia-500/10 blur-[140px] pointer-events-none" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "container mx-auto px-5 md:px-10 relative", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHeading, { eyebrow: "What we do", title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
          "Cinema-grade storytelling,",
          /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "end to end." })
        ] }) }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-4 gap-5 mt-16", children: services.map((s, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: s.href, className: "group relative aspect-[3/4] overflow-hidden bg-onyx hover-lift block", style: {
          animationDelay: `${idx * 80}ms`
        }, children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: s.image, alt: s.title, loading: "lazy", className: "absolute inset-0 w-full h-full object-cover opacity-70 group-hover:opacity-100 group-hover:scale-110 transition-all duration-700" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `absolute inset-0 bg-gradient-to-tr ${s.glow} mix-blend-overlay opacity-80 group-hover:opacity-100 transition-opacity duration-700` }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background via-background/60 to-transparent" }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 p-6 flex flex-col justify-end", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(s.icon, { className: "w-7 h-7 text-gold mb-4 drop-shadow-[0_0_12px_rgba(212,175,55,0.6)]" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-display text-2xl text-foreground mb-2", children: s.title }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mb-4", children: s.desc }),
            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs uppercase tracking-widest text-gold inline-flex items-center gap-2 group-hover:gap-3 transition-all", children: [
              "Explore ",
              /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { size: 14 })
            ] })
          ] })
        ] }, s.title)) })
      ] })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "py-24 md:py-32 bg-onyx relative overflow-hidden", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute -left-32 top-1/2 -translate-y-1/2 w-[500px] h-[500px] rounded-full bg-cyan-500/10 blur-[120px] pointer-events-none" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute -right-32 bottom-0 w-[400px] h-[400px] rounded-full bg-amber-500/10 blur-[120px] pointer-events-none" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "container mx-auto px-5 md:px-10 relative", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid lg:grid-cols-2 gap-12 lg:gap-20 items-center", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative aspect-[3/4] max-w-md mx-auto lg:max-w-none w-full", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute -inset-4 bg-gradient-to-br from-fuchsia-500/30 via-amber-400/20 to-cyan-400/30 blur-2xl" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: aboutImg, alt: "The Luxxen Pictures crew on set in Nairobi", loading: "lazy", className: "relative w-full h-full object-cover", width: 1080, height: 1440 }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-6 left-6 right-6 flex items-center gap-3 bg-background/80 backdrop-blur-sm border border-gold/30 px-4 py-3", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "w-5 h-5 text-gold shrink-0" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs uppercase tracking-widest text-foreground", children: "Made in Nairobi · Seen worldwide" })
          ] })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHeading, { eyebrow: "About Luxxen", title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
            "A Kenyan studio,",
            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "global cinema." })
          ] }) }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-6 text-lg text-muted-foreground leading-relaxed", children: "We're a tight-knit collective of directors, cinematographers, editors and strategists obsessed with the craft of moving image. From boardrooms to bonfires, festivals to feeds — we shape stories that travel." }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-3 gap-4 mt-10", children: [{
            n: "120+",
            l: "Productions"
          }, {
            n: "40+",
            l: "Brands"
          }, {
            n: "15",
            l: "Awards"
          }].map((s) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-gold/60 pl-4", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-display text-3xl md:text-4xl text-gradient-gold", children: s.n }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs uppercase tracking-widest text-muted-foreground mt-1", children: s.l })
          ] }, s.l)) }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-10 flex flex-wrap gap-4", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, variant: "hero", size: "lg", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/about", children: [
              "Our Story ",
              /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, {})
            ] }) }),
            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, variant: "goldOutline", size: "lg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/services", children: "Our Services" }) })
          ] })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(ClientsMarquee, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "py-24 md:py-32 bg-onyx", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "container mx-auto px-5 md:px-10", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-8 mb-16", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHeading, { eyebrow: "Selected Work", title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
          "Films, brands & ",
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "moments." })
        ] }) }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/work", className: "text-sm uppercase tracking-widest text-gold hover:text-gold-soft inline-flex items-center gap-2 group", children: [
          "View All ",
          /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { size: 16, className: "group-hover:translate-x-1 transition-transform" })
        ] })
      ] }),
      featured.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid md:grid-cols-3 gap-6", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aspect-[4/5] bg-muted/30 border border-border flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs uppercase tracking-widest text-muted-foreground", children: "Coming soon" }) }, i)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6", children: featured.map((p, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/work", className: "group relative aspect-[4/5] overflow-hidden bg-muted hover-lift block", style: {
        animationDelay: `${idx * 100}ms`
      }, children: [
        p.poster_url ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: p.poster_url, alt: p.title, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", loading: "lazy" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-onyx to-background" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background via-background/40 to-transparent" }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-6", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs uppercase tracking-widest text-gold mb-2", children: [
            p.category.replace("_", " "),
            " ",
            p.year ? `· ${p.year}` : ""
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-display text-2xl text-foreground", children: p.title }),
          p.client && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: p.client })
        ] })
      ] }, p.id)) })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "py-32", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "container mx-auto px-5 md:px-10", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto text-center relative", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-spotlight -z-10" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-3 mb-6", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-8 bg-gold" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs uppercase tracking-[0.3em] text-gold", children: "Let's create" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-8 bg-gold" })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "font-display text-4xl md:text-6xl leading-[1.05] text-foreground", children: [
        "Have a story worth telling",
        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-gradient-gold", children: "in cinema?" })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-6 text-lg text-muted-foreground max-w-xl mx-auto", children: "From a 30-second TVC to a feature film — we'd love to hear about your project." }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, variant: "hero", size: "xl", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/contact", children: [
        "Start a Project ",
        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, {})
      ] }) }) })
    ] }) }) })
  ] });
}
export {
  HomePage as component
};
