/**
 * ThinkSchool Public Website — Privacy Policy Page Component
 */
function PrivacyPage() {
  const policiesConfig = window.POLICIES_CONFIG || {};
  const privacy = policiesConfig.privacy || {};
  const sections = privacy.sections || [];

  return (
    <div className="min-h-screen bg-black text-zinc-100 flex flex-col font-body selection:bg-amber-500 selection:text-black">
      <Navbar currentPath="/privacy/" />
      <main id="main-content" tabIndex="-1" className="flex-1 pt-32 pb-24 focus:outline-none">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 mb-12">
          <Badge variant="zinc" className="mb-4">Legal Compliance</Badge>
          <h1 className="text-3xl sm:text-5xl font-heading italic text-white mb-4">
            {privacy.title || "Privacy Policy"}
          </h1>
          <p className="text-sm sm:text-base text-zinc-400">
            {privacy.subtitle}
          </p>
          <div className="mt-4 pt-4 border-t border-white/10 text-xs font-mono text-zinc-500">
            Last Updated: {policiesConfig.lastUpdated} • Effective Date: {policiesConfig.effectiveDate}
          </div>
        </div>

        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="p-8 sm:p-12 rounded-3xl bg-zinc-950 border border-white/10 space-y-10">
            {sections.map((sec) => (
              <section key={sec.id} id={sec.id} className="space-y-3">
                <h2 className="text-xl font-heading italic text-amber-400">
                  {sec.heading}
                </h2>
                <div className="text-sm text-zinc-300 leading-relaxed whitespace-pre-line font-body">
                  {sec.content}
                </div>
              </section>
            ))}

            <div className="p-4 rounded-xl bg-zinc-900/60 border border-white/5 text-xs text-zinc-500 italic">
              {policiesConfig.draftNotice || "Qualified legal counsel should review this policy before publication."}
            </div>
          </div>
        </div>
      </main>
      <Footer />
      <CookieBanner />
    </div>
  );
}

window.PrivacyPage = PrivacyPage;