import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Privacybeleid | PROINN",
  description: "Privacybeleid van Proinn - hoe wij omgaan met uw persoonsgegevens.",
};

export default function PrivacyPage() {
  return (
    <>
      <section className="bg-[#1A2E2E] pt-32 pb-16">
        <div className="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8">
          <h1 className="text-3xl font-light text-white sm:text-4xl">
            Privacybeleid
          </h1>
          <p className="mt-3 text-sm text-gray-400">
            Laatst bijgewerkt: februari 2025
          </p>
        </div>
      </section>

      <section className="bg-white py-16">
        <div className="prose prose-sm prose-gray mx-auto max-w-3xl px-4 sm:px-6 lg:px-8">
          <div className="space-y-8 text-sm leading-relaxed text-gray-600">
            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                1. Wie zijn wij?
              </h2>
              <p>
                Proinn is gevestigd aan de Schotsbossenstraat 2, 4705AG
                Roosendaal en ingeschreven bij de Kamer van Koophandel onder
                nummer 85086991. Wij zijn verantwoordelijk voor de verwerking
                van uw persoonsgegevens zoals beschreven in dit privacybeleid.
              </p>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                2. Welke gegevens verzamelen wij?
              </h2>
              <p className="mb-2">
                Wanneer u contact met ons opneemt of een offerte aanvraagt via
                onze website, kunnen wij de volgende gegevens verwerken:
              </p>
              <ul className="ml-4 list-disc space-y-1 text-gray-600">
                <li>Naam</li>
                <li>E-mailadres</li>
                <li>Telefoonnummer</li>
                <li>De configuratie van uw gewenste product</li>
                <li>Eventuele opmerkingen die u bij uw aanvraag plaatst</li>
              </ul>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                3. Waarvoor gebruiken wij uw gegevens?
              </h2>
              <p className="mb-2">Wij verwerken uw persoonsgegevens voor de volgende doeleinden:</p>
              <ul className="ml-4 list-disc space-y-1 text-gray-600">
                <li>Het verwerken en opvolgen van uw offerteaanvraag</li>
                <li>Het beantwoorden van uw vragen via e-mail of telefoon</li>
                <li>Het verbeteren van onze dienstverlening en website</li>
              </ul>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                4. Hoe lang bewaren wij uw gegevens?
              </h2>
              <p>
                Wij bewaren uw persoonsgegevens niet langer dan strikt
                noodzakelijk is voor de doeleinden waarvoor zij worden
                verzameld. In de regel hanteren wij een bewaartermijn van
                maximaal 2 jaar na het laatste contact, tenzij wettelijke
                verplichtingen een langere bewaartermijn vereisen.
              </p>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                5. Delen wij uw gegevens?
              </h2>
              <p>
                Wij delen uw persoonsgegevens niet met derden, tenzij dit
                noodzakelijk is voor de uitvoering van onze dienstverlening
                (bijvoorbeeld een monteur die bij u op locatie komt) of
                wanneer wij hiertoe wettelijk verplicht zijn.
              </p>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                6. Cookies
              </h2>
              <p>
                Onze website maakt gebruik van technisch noodzakelijke cookies
                om de website goed te laten functioneren. Wij plaatsen geen
                tracking- of marketingcookies.
              </p>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                7. Uw rechten
              </h2>
              <p className="mb-2">
                U heeft het recht om uw persoonsgegevens in te zien, te
                corrigeren of te verwijderen. Daarnaast heeft u het recht om
                bezwaar te maken tegen de verwerking van uw gegevens. U kunt
                een verzoek indienen via:
              </p>
              <p className="font-medium text-gray-900">
                E-mail: info@proinn.nl
                <br />
                Telefoon: 0165 311 490
              </p>
            </div>

            <div>
              <h2 className="mb-3 text-lg font-semibold text-gray-900">
                8. Klachten
              </h2>
              <p>
                Mocht u een klacht hebben over de verwerking van uw
                persoonsgegevens, dan kunt u contact met ons opnemen. U heeft
                daarnaast altijd het recht een klacht in te dienen bij de
                Autoriteit Persoonsgegevens (autoriteitpersoonsgegevens.nl).
              </p>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}