import { Shield, Mail, Trash2 } from 'lucide-react'

export function TrustSection() {
  return (
    <section id="trust" className="py-16 sm:py-20 bg-white dark:bg-slate-900 border-y border-slate-200 dark:border-slate-800">
      <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 className="text-2xl sm:text-3xl font-bold text-slate-900 dark:text-slate-100 text-center mb-10">
          Your data, in plain language
        </h2>
        <ul className="space-y-6">
          <li className="flex gap-4 items-start">
            <div className="w-10 h-10 rounded-lg bg-slate-100 dark:bg-slate-800 flex items-center justify-center flex-shrink-0">
              <Mail className="w-5 h-5 text-slate-600 dark:text-slate-400" />
            </div>
            <div>
              <p className="font-semibold text-slate-900 dark:text-slate-100 mb-0.5">We only read what we need</p>
              <p className="text-slate-600 dark:text-slate-400 text-sm">
                We use sender, subject, and a short snippet to decide the category (e.g. newsletter vs client). We don&apos;t store your email body or attachments.
              </p>
            </div>
          </li>
          <li className="flex gap-4 items-start">
            <div className="w-10 h-10 rounded-lg bg-slate-100 dark:bg-slate-800 flex items-center justify-center flex-shrink-0">
              <Shield className="w-5 h-5 text-slate-600 dark:text-slate-400" />
            </div>
            <div>
              <p className="font-semibold text-slate-900 dark:text-slate-100 mb-0.5">No selling, no ads</p>
              <p className="text-slate-600 dark:text-slate-400 text-sm">
                Your email data is not used for advertising or sold to anyone. We run a paid product; our revenue comes from subscriptions, not your inbox.
              </p>
            </div>
          </li>
          <li className="flex gap-4 items-start">
            <div className="w-10 h-10 rounded-lg bg-slate-100 dark:bg-slate-800 flex items-center justify-center flex-shrink-0">
              <Trash2 className="w-5 h-5 text-slate-600 dark:text-slate-400" />
            </div>
            <div>
              <p className="font-semibold text-slate-900 dark:text-slate-100 mb-0.5">You can leave anytime</p>
              <p className="text-slate-600 dark:text-slate-400 text-sm">
                Disconnect your account and we stop. Cancel your subscription with one click. No lock-in, no &quot;contact sales&quot; to leave.
              </p>
            </div>
          </li>
        </ul>
      </div>
    </section>
  )
}
