import { jsxs, jsx } from "react/jsx-runtime";
import { N as Navbar, F as Footer } from "./Navbar-CehhuAQz.js";
import { Sparkles, ArrowRight, Gamepad2, BriefcaseBusiness, FileSearch } from "lucide-react";
import { C as Contact } from "./Contact-CHP8SxDA.js";
import { Link } from "@tanstack/react-router";
import "./useSiteSettings-7O51JHh5.js";
import "react";
import "./client-Dz5aErML.js";
import "@supabase/supabase-js";
import "./logo-DIdLvJAL.js";
import "./ThemeToggle-FQS9vN6L.js";
const heroImage = "/assets/hero-Cz_B_7Of.png";
const stats = [
  { value: "5K+", label: "Transaksi" },
  { value: "99%", label: "Kepuasan" },
  { value: "24/7", label: "Support" }
];
function Hero() {
  return /* @__PURE__ */ jsxs("section", { id: "hero", className: "section-shell overflow-hidden pt-28 md:pt-36", children: [
    /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-24 hidden h-48 w-48 rounded-full bg-primary/18 blur-3xl md:block md:left-20" }),
    /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-32 hidden h-60 w-60 rounded-full bg-accent/70 blur-3xl dark:bg-primary/10 md:block" }),
    /* @__PURE__ */ jsx("div", { className: "section-container relative z-10 md:hidden", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-7", children: [
      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
        /* @__PURE__ */ jsxs("div", { className: "section-kicker", children: [
          /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
          "Premium Game Marketplace"
        ] }),
        /* @__PURE__ */ jsx("h1", { className: "mt-4 max-w-sm font-display text-[2.7rem] font-extrabold leading-[0.92] text-foreground", children: "Akun game premium, rental aman." }),
        /* @__PURE__ */ jsx("p", { className: "mt-4 max-w-[21rem] text-sm leading-6 text-muted-foreground", children: "Stock Free Fire, Mobile Legends, rental akun, dan layanan partner dalam satu pengalaman web yang cepat dari mobile." }),
        /* @__PURE__ */ jsxs("div", { className: "mt-6 grid gap-3", children: [
          /* @__PURE__ */ jsxs("a", { href: "/produk", className: "btn-primary px-4 text-sm", children: [
            "Lihat Produk",
            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" })
          ] }),
          /* @__PURE__ */ jsxs("a", { href: "/layanan", className: "btn-primary px-4 text-sm", children: [
            "Cek Keaslian PT/PP Bang Pergam",
            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "relative mx-auto w-full max-w-sm", children: [
        /* @__PURE__ */ jsx("div", { className: "absolute -left-6 top-5 h-24 w-24 rounded-full bg-primary/18 blur-2xl" }),
        /* @__PURE__ */ jsx("div", { className: "absolute -right-8 bottom-10 h-32 w-32 rounded-full bg-accent/65 blur-3xl dark:bg-primary/10" }),
        /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-[2rem] border border-border bg-card/78 p-4 shadow-card backdrop-blur-xl", children: [
          /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 top-0 h-20 bg-gradient-to-b from-primary/18 to-transparent" }),
          /* @__PURE__ */ jsxs("div", { className: "relative grid min-h-[15rem] place-items-center rounded-[1.5rem] bg-background/42 px-8 py-6", children: [
            /* @__PURE__ */ jsx(
              "img",
              {
                src: heroImage,
                alt: "Pergam Store hero",
                className: "relative z-10 max-h-52 w-full object-contain drop-shadow-2xl"
              }
            ),
            /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-4 rounded-full border border-primary/25 bg-background/78 px-3 py-1 text-[10px] font-black uppercase text-primary backdrop-blur-md", children: "Pergam Store" })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "mt-3 grid grid-cols-3 overflow-hidden rounded-[1.25rem] border border-border bg-background/45 text-center", children: stats.map((item) => /* @__PURE__ */ jsxs("div", { className: "border-r border-border px-2 py-3 last:border-r-0", children: [
            /* @__PURE__ */ jsx("div", { className: "font-display text-lg font-bold text-primary", children: item.value }),
            /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] font-bold text-muted-foreground", children: item.label })
          ] }, item.label)) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ jsxs("div", { className: "section-container hidden items-center gap-10 md:grid lg:grid-cols-[0.95fr_1.05fr]", children: [
      /* @__PURE__ */ jsxs("div", { className: "relative z-10 text-center lg:text-left", children: [
        /* @__PURE__ */ jsxs("div", { className: "section-kicker mx-auto lg:mx-0", children: [
          /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
          "Premium Game Marketplace"
        ] }),
        /* @__PURE__ */ jsx("h1", { className: "mt-4 font-display text-[2.8rem] font-extrabold leading-[0.95] tracking-normal text-foreground sm:text-6xl lg:text-7xl", children: "Akun game premium, rental aman, transaksi cepat." }),
        /* @__PURE__ */ jsx("p", { className: "mx-auto mt-5 max-w-xl text-[0.98rem] leading-7 text-muted-foreground lg:mx-0", children: "Temukan stock Free Fire, Mobile Legends, rental akun, dan layanan partner dalam satu pengalaman web yang cepat, jelas, dan nyaman dipakai dari mobile." }),
        /* @__PURE__ */ jsxs("div", { className: "mt-7 grid grid-cols-1 gap-3 sm:grid-cols-2 sm:justify-center lg:max-w-xl lg:justify-start", children: [
          /* @__PURE__ */ jsxs("a", { href: "/produk", className: "btn-primary", children: [
            "Lihat Produk",
            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" })
          ] }),
          /* @__PURE__ */ jsxs("a", { href: "/layanan", className: "btn-primary", children: [
            "Cek Keaslian PT/PP Bang Pergam",
            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" })
          ] })
        ] }),
        /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-3 gap-2 sm:gap-3", children: stats.map((item) => /* @__PURE__ */ jsxs("div", { className: "card-surface rounded-2xl p-3 text-center", children: [
          /* @__PURE__ */ jsx("div", { className: "font-display text-xl font-bold text-primary sm:text-2xl", children: item.value }),
          /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[0.68rem] font-semibold text-muted-foreground sm:text-xs", children: item.label })
        ] }, item.label)) })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "relative mx-auto w-full max-w-[10rem] sm:max-w-[18rem] lg:max-w-[24rem] animate-fade-up", children: [
        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 scale-110 rounded-full bg-gradient-to-tr from-primary via-purple-500 to-accent opacity-30 blur-3xl" }),
        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 scale-90 rounded-full bg-gradient-to-bl from-blue-500 via-primary to-transparent opacity-40 blur-2xl" }),
        /* @__PURE__ */ jsx("div", { className: "relative z-10 flex flex-col items-center", children: /* @__PURE__ */ jsx(
          "img",
          {
            src: heroImage,
            alt: "Pergam Store hero",
            className: "w-full h-auto object-contain drop-shadow-2xl transition-transform duration-700 hover:-translate-y-2 hover:scale-105"
          }
        ) })
      ] })
    ] })
  ] });
}
function Index() {
  return /* @__PURE__ */ jsxs("div", { className: "page-shell", children: [
    /* @__PURE__ */ jsx(Navbar, {}),
    /* @__PURE__ */ jsxs("main", { children: [
      /* @__PURE__ */ jsx(Hero, {}),
      /* @__PURE__ */ jsx("section", { className: "section-shell relative z-10 pb-20 pt-10", children: /* @__PURE__ */ jsx("div", { className: "section-container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:gap-6 mx-auto", children: [
        /* @__PURE__ */ jsxs(Link, { to: "/produk", className: "group relative overflow-hidden rounded-3xl bg-card border border-border p-4 sm:p-8 hover:border-primary/50 transition-all shadow-sm hover:shadow-card flex flex-col justify-between", children: [
          /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 p-4 sm:p-8 opacity-5 group-hover:opacity-10 transition-opacity", children: /* @__PURE__ */ jsx(Gamepad2, { className: "w-16 h-16 sm:w-32 sm:h-32" }) }),
          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex-1 flex flex-col", children: [
            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 sm:w-14 sm:h-14 bg-primary/10 text-primary rounded-xl sm:rounded-2xl grid place-items-center mb-3 sm:mb-6", children: /* @__PURE__ */ jsx(Gamepad2, { className: "w-5 h-5 sm:w-7 sm:h-7" }) }),
            /* @__PURE__ */ jsx("h3", { className: "text-[0.95rem] leading-tight sm:text-2xl font-display font-bold mb-1.5 sm:mb-3", children: "Katalog Produk" }),
            /* @__PURE__ */ jsx("p", { className: "text-[0.65rem] sm:text-base leading-relaxed text-muted-foreground mb-4 sm:mb-8 line-clamp-3 sm:line-clamp-none flex-1", children: "Cek stock akun Free Fire, Mobile Legends, Rental Akun dan lainnya secara realtime." }),
            /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center text-[0.65rem] sm:text-sm font-bold text-primary mt-auto", children: [
              "Lihat Katalog ",
              /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3 sm:w-4 sm:h-4 ml-1.5 sm:ml-2 group-hover:translate-x-1 transition-transform" })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs(Link, { to: "/layanan", className: "group relative overflow-hidden rounded-3xl bg-card border border-border p-4 sm:p-8 hover:border-primary/50 transition-all shadow-sm hover:shadow-card flex flex-col justify-between", children: [
          /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 p-4 sm:p-8 opacity-5 group-hover:opacity-10 transition-opacity", children: /* @__PURE__ */ jsx(BriefcaseBusiness, { className: "w-16 h-16 sm:w-32 sm:h-32" }) }),
          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex-1 flex flex-col", children: [
            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 sm:w-14 sm:h-14 bg-primary/10 text-primary rounded-xl sm:rounded-2xl grid place-items-center mb-3 sm:mb-6", children: /* @__PURE__ */ jsx(BriefcaseBusiness, { className: "w-5 h-5 sm:w-7 sm:h-7" }) }),
            /* @__PURE__ */ jsx("h3", { className: "text-[0.95rem] leading-tight sm:text-2xl font-display font-bold mb-1.5 sm:mb-3", children: "Layanan Kami" }),
            /* @__PURE__ */ jsx("p", { className: "text-[0.65rem] sm:text-base leading-relaxed text-muted-foreground mb-4 sm:mb-8 line-clamp-3 sm:line-clamp-none flex-1", children: "Paid promote, dan gabung partner resmi Pergam Store." }),
            /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center text-[0.65rem] sm:text-sm font-bold text-primary mt-auto", children: [
              "Jelajahi Layanan ",
              /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3 sm:w-4 sm:h-4 ml-1.5 sm:ml-2 group-hover:translate-x-1 transition-transform" })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs(Link, { to: "/lapor", className: "group relative overflow-hidden rounded-3xl bg-card border border-border p-4 sm:p-8 hover:border-primary/50 transition-all shadow-sm hover:shadow-card flex flex-col justify-between", children: [
          /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 p-4 sm:p-8 opacity-5 group-hover:opacity-10 transition-opacity", children: /* @__PURE__ */ jsx(FileSearch, { className: "w-16 h-16 sm:w-32 sm:h-32" }) }),
          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex-1 flex flex-col", children: [
            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 sm:w-14 sm:h-14 bg-primary/10 text-primary rounded-xl sm:rounded-2xl grid place-items-center mb-3 sm:mb-6", children: /* @__PURE__ */ jsx(FileSearch, { className: "w-5 h-5 sm:w-7 sm:h-7" }) }),
            /* @__PURE__ */ jsx("h3", { className: "text-[0.95rem] leading-tight sm:text-2xl font-display font-bold mb-1.5 sm:mb-3", children: "Laporan Publik" }),
            /* @__PURE__ */ jsx("p", { className: "text-[0.65rem] sm:text-base leading-relaxed text-muted-foreground mb-4 sm:mb-8 line-clamp-3 sm:line-clamp-none flex-1", children: "Cek ID game atau nomor WhatsApp bermasalah sebelum transaksi." }),
            /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center text-[0.65rem] sm:text-sm font-bold text-primary mt-auto", children: [
              "Cek Laporan ",
              /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3 sm:w-4 sm:h-4 ml-1.5 sm:ml-2 group-hover:translate-x-1 transition-transform" })
            ] })
          ] })
        ] })
      ] }) }) }),
      /* @__PURE__ */ jsx(Contact, {})
    ] }),
    /* @__PURE__ */ jsx(Footer, {})
  ] });
}
export {
  Index as component
};
