import { jsx, jsxs } from "react/jsx-runtime";
import { Skeleton } from "./skeleton.js";
function SkeletonHeroSection() {
  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col items-center justify-center px-4 py-24 text-center", children: [
    /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-96 max-w-full sm:h-16" }),
    /* @__PURE__ */ jsx(Skeleton, { className: "mt-6 h-6 w-[32rem] max-w-full" }),
    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-6 w-96 max-w-full" }),
    /* @__PURE__ */ jsx(Skeleton, { className: "mt-10 h-12 w-40" })
  ] });
}
function SkeletonFeaturesSection() {
  return /* @__PURE__ */ jsx("section", { className: "px-4 py-24 bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto", children: [
    /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-64 mx-auto" }),
    /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-5 w-96 mx-auto" }),
    /* @__PURE__ */ jsx("div", { className: "mt-12 grid gap-8 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "p-6 rounded-lg border bg-card", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-lg" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-6 w-32" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-4 w-full" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-4 w-3/4" })
    ] }, i)) })
  ] }) });
}
function SkeletonLandingPage() {
  return /* @__PURE__ */ jsxs("main", { className: "flex min-h-screen flex-col", children: [
    /* @__PURE__ */ jsx(SkeletonHeroSection, {}),
    /* @__PURE__ */ jsx(SkeletonFeaturesSection, {})
  ] });
}
function SkeletonSupportPage() {
  return /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto px-4 py-12", children: [
    /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-48" }),
    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-5 w-80" }),
    /* @__PURE__ */ jsxs("div", { className: "mt-8 space-y-6", children: [
      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })
      ] }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" })
    ] })
  ] });
}
export {
  SkeletonFeaturesSection,
  SkeletonHeroSection,
  SkeletonLandingPage,
  SkeletonSupportPage
};
