'use client';

import { AppShell, useShell } from '@/components/AppShell';
import Link from 'next/link';
import { Shield, Lock, Eye, FileText, CheckCircle2, ArrowLeft } from 'lucide-react';

export default function PrivacyPage() {
  return (
    <AppShell activePage="privacy">
      <div className="bg-neutral-50 py-14 border-b border-neutral-200">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <Link
            href="/"
            className="inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-neutral-500 hover:text-emerald-700 transition-colors mb-6"
          >
            <ArrowLeft className="w-3.5 h-3.5" />
            <span>Back to Home</span>
          </Link>
          <div className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-emerald-100 border border-emerald-300 text-emerald-800 text-xs font-bold uppercase tracking-widest mb-4">
            <Shield className="w-3.5 h-3.5 text-emerald-700" />
            <span>Data Protection & Privacy</span>
          </div>
          <h1 className="text-3xl sm:text-5xl font-black text-neutral-900 uppercase tracking-tight mb-3">
            Privacy Policy
          </h1>
          <p className="text-neutral-600 text-sm sm:text-base">
            Effective Date: October 2026 • Healthy Billionaires Fitness Club (HBFC), Calabar, Nigeria.
          </p>
        </div>
      </div>

      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 sm:py-16 text-neutral-700 space-y-10 leading-relaxed text-sm sm:text-base">
        <section className="space-y-3">
          <h2 className="text-xl font-bold uppercase tracking-wide text-neutral-900 border-b border-neutral-200 pb-2">
            1. Commitment to Privacy
          </h2>
          <p>
            Healthy Billionaires Fitness Club (&ldquo;HBFC&rdquo;, &ldquo;we&rdquo;, &ldquo;our&rdquo;, or &ldquo;us&rdquo;) is committed to protecting the personal data and privacy rights of our club members, Walkathon participants, mountain expedition climbers, volunteers, and website visitors.
          </p>
        </section>

        <section className="space-y-3">
          <h2 className="text-xl font-bold uppercase tracking-wide text-neutral-900 border-b border-neutral-200 pb-2">
            2. Information We Collect
          </h2>
          <p>We collect information you provide directly through our registration portals and contact channels:</p>
          <ul className="list-disc pl-5 space-y-2">
            <li><strong>Participant Information:</strong> Full name, email address, phone number, residential state/city, emergency contact details, blood group/genotype, and t-shirt kit sizing for Calabar Walkathon and Obudu Mountain expeditions.</li>
            <li><strong>Membership Profiles:</strong> Professional vocation, corporate affiliation, executive sponsor recommendations, and club attendance records.</li>
            <li><strong>Inquiries & Correspondence:</strong> Messages, suggestions, and sponsorship requests submitted through our contact forms.</li>
            <li><strong>Media & Photography:</strong> Event photographs and video coverage captured during official club aerobic workouts, road walks, and community outreaches.</li>
          </ul>
        </section>

        <section className="space-y-3">
          <h2 className="text-xl font-bold uppercase tracking-wide text-neutral-900 border-b border-neutral-200 pb-2">
            3. How We Use Your Information
          </h2>
          <p>Your information is used strictly to:</p>
          <ul className="list-disc pl-5 space-y-2">
            <li>Issue official Walkathon bib numbers, race kits, and digital finisher certificates.</li>
            <li>Coordinate safety, medical emergency standby, and route logistics during expeditions.</li>
            <li>Distribute club announcements, training schedules, and health advisories.</li>
            <li>Maintain verified executive club rolls and audit internal club governance.</li>
          </ul>
        </section>

        <section className="space-y-3">
          <h2 className="text-xl font-bold uppercase tracking-wide text-neutral-900 border-b border-neutral-200 pb-2">
            4. Data Security & Retention
          </h2>
          <p>
            We implement administrative and technical measures to protect against unauthorized access or alteration. We do not sell, rent, or lease personal information to commercial third-party advertisers. Data is retained solely for administrative and event logistics purposes.
          </p>
        </section>

        <section className="space-y-3">
          <h2 className="text-xl font-bold uppercase tracking-wide text-neutral-900 border-b border-neutral-200 pb-2">
            5. Contact the Secretariat
          </h2>
          <p>
            For inquiries regarding this Privacy Policy or your recorded details, please contact the HBFC Secretariat:
          </p>
          <div className="p-4 rounded-xl bg-neutral-100 border border-neutral-200 text-xs sm:text-sm space-y-1">
            <p><strong>Healthy Billionaires Fitness Club Secretariat</strong></p>
            <p>Email: <a href="mailto:healthybillionairesfc@gmail.com" className="text-emerald-700 hover:underline">healthybillionairesfc@gmail.com</a></p>
            <p>Location: Calabar, Cross River State, Nigeria</p>
          </div>
        </section>
      </div>
    </AppShell>
  );
}