// app/dmca/page.tsx
import { ShieldAlert, Mail, FileText, CheckCircle2 } from 'lucide-react';

export default function DMCAPage() {
  return (
    <main className="mx-auto max-w-3xl px-4 py-12 text-slate-800 space-y-8">
      {/* Header */}
      <div className="border-b border-slate-200 pb-6">
        <div className="flex items-center gap-3">
          <ShieldAlert className="h-8 w-8 text-indigo-600" />
          <h1 className="text-3xl font-bold">DMCA & Copyright Policy</h1>
        </div>
        <p className="mt-2 text-slate-500">
          Notice and Takedown Procedure for Copyright Holders
        </p>
      </div>

      {/* Intro Section */}
      <section className="space-y-4 text-sm leading-relaxed text-slate-600">
        <p>
          <strong>[Your Site Name]</strong> ("we", "our", or "us") respects the intellectual property rights of others and expects its users to do the same. In accordance with the Digital Millennium Copyright Act of 1998 ("DMCA"), we will respond expeditiously to claims of copyright infringement committed using our service.
        </p>
        <p>
          Our website operates as a free, community-driven platform and utility for craft enthusiasts to generate and share pixel art/perler bead patterns. All fan-art patterns uploaded by users are intended strictly for personal, non-commercial use and educational purposes.
        </p>
      </section>

      {/* Takedown Request Instructions */}
      <section className="rounded-xl border border-slate-200 bg-slate-50 p-6 space-y-4">
        <div className="flex items-center gap-2 text-base font-semibold text-slate-900">
          <FileText className="h-5 w-5 text-indigo-600" />
          <h2>Filing a DMCA Notice of Infringement</h2>
        </div>
        
        <p className="text-xs text-slate-500">
          If you are a copyright owner, or authorized to act on behalf of one, please report alleged copyright infringements taking place on or through our site by submitting a notice containing the following information to our Designated Copyright Agent:
        </p>

        <ul className="list-disc pl-5 text-xs text-slate-600 space-y-2">
          <li>
            <strong>Identification of the copyrighted work:</strong> A description of the copyrighted work that you claim has been infringed, or a representative list if multiple works are covered.
          </li>
          <li>
            <strong>Identification of the infringing material:</strong> The specific URL(s) or exact location on our website where the material in question is located.
          </li>
          <li>
            <strong>Contact Information:</strong> Your name, mailing address, telephone number, and email address.
          </li>
          <li>
            <strong>Good Faith Statement:</strong> A statement that you have a good faith belief that the use of the material is not authorized by the copyright owner, its agent, or the law.
          </li>
          <li>
            <strong>Accuracy Statement:</strong> A statement made under penalty of perjury that the information in the notification is accurate, and that you are authorized to act on behalf of the owner of an exclusive right that is allegedly infringed.
          </li>
          <li>
            <strong>Signature:</strong> An electronic or physical signature of the person authorized to act on behalf of the copyright owner.
          </li>
        </ul>

        {/* Email CTA Button */}
        <div className="pt-3">
          <a
            href="mailto:dmca@yourdomain.com?subject=DMCA%20Takedown%20Request"
            className="inline-flex items-center gap-2 rounded-lg bg-indigo-600 px-4 py-2.5 text-xs font-medium text-white shadow hover:bg-indigo-700 transition-colors"
          >
            <Mail className="h-4 w-4" />
            Submit Takedown Notice (dmca@yourdomain.com)
          </a>
        </div>
      </section>

      {/* Action Commitment */}
      <section className="rounded-lg border border-emerald-100 bg-emerald-50/50 p-4 text-xs text-emerald-800 flex items-start gap-3">
        <CheckCircle2 className="h-5 w-5 text-emerald-600 shrink-0 mt-0.5" />
        <div>
          <strong>Response Timeframe:</strong> Upon receipt of a valid and complete DMCA notice, we will take reasonable steps to promptly remove or disable access to the allegedly infringing content within 24 to 48 hours.
        </div>
      </section>

      {/* Counter-Notice Section (Legal Shield) */}
      <section className="text-xs text-slate-400 space-y-2">
        <h3 className="font-medium text-slate-500">Repeat Infringer Policy</h3>
        <p>
          In accordance with the DMCA and other applicable law, [Your Site Name] has adopted a policy of terminating, in appropriate circumstances, the accounts of users who are deemed to be repeat infringers.
        </p>
      </section>
    </main>
  );
}