import { Heading, Text } from "@/components/ui/Typography";
import { container } from "@/lib/utils";

export default function PrivacyPolicyPage() {
  return (
    <div className={`${container} py-12`}>
      <Heading level={1} className="mb-8 text-center">Privacy Policy</Heading>
      
      <div className="max-w-3xl mx-auto">
        <Text className="mb-6">
          Last updated: {new Date().toLocaleDateString()}
        </Text>
        
        <Heading level={2} className="mb-4 mt-8">1. Introduction</Heading>
        <Text className="mb-4">
          Welcome to SENT. We respect your privacy and are committed to protecting your personal data. 
          This privacy policy will inform you about how we look after your personal data when you visit our website 
          and tell you about your privacy rights and how the law protects you.
        </Text>
        
        <Heading level={2} className="mb-4 mt-8">2. The Data We Collect About You</Heading>
        <Text className="mb-4">
          Personal data, or personal information, means any information about an individual from which that person can be identified. 
          It does not include data where the identity has been removed (anonymous data).
        </Text>
        <Text className="mb-4">
          We may collect, use, store and transfer different kinds of personal data about you which we have grouped together as follows:
        </Text>
        <ul className="list-disc pl-6 mb-6 space-y-2">
          <li>Identity Data includes first name, last name, username or similar identifier.</li>
          <li>Contact Data includes billing address, delivery address, email address and telephone numbers.</li>
          <li>Financial Data includes payment card details.</li>
          <li>Transaction Data includes details about payments to and from you and other details of products you have purchased from us.</li>
          <li>Technical Data includes internet protocol (IP) address, browser type and version, time zone setting and location, browser plug-in types and versions, operating system and platform, and other technology on the devices you use to access this website.</li>
        </ul>
        
        <Heading level={2} className="mb-4 mt-8">3. How We Use Your Personal Data</Heading>
        <Text className="mb-4">
          We will only use your personal data when the law allows us to. Most commonly, we will use your personal data in the following circumstances:
        </Text>
        <ul className="list-disc pl-6 mb-6 space-y-2">
          <li>Where we need to perform the contract we are about to enter into or have entered into with you.</li>
          <li>Where it is necessary for our legitimate interests (or those of a third party) and your interests and fundamental rights do not override those interests.</li>
          <li>Where we need to comply with a legal obligation.</li>
        </ul>
        
        <Heading level={2} className="mb-4 mt-8">4. Data Security</Heading>
        <Text className="mb-4">
          We have put in place appropriate security measures to prevent your personal data from being accidentally lost, used or accessed in an unauthorized way, altered or disclosed. 
          In addition, we limit access to your personal data to those employees, agents, contractors and other third parties who have a business need to know. 
          They will only process your personal data on our instructions and they are subject to a duty of confidentiality.
        </Text>
        
        <Heading level={2} className="mb-4 mt-8">5. Contact Us</Heading>
        <Text className="mb-6">
          If you have any questions about this privacy policy or our privacy practices, please contact us at:
        </Text>
        <Text className="font-medium mb-1">Email: info@sentshop.com</Text>
        <Text className="font-medium mb-1">Phone: +385 1 234 5678</Text>
        <Text className="font-medium mb-6">Address: Ilica 123, 10000 Zagreb, Croatia</Text>
      </div>
    </div>
  );
}