import type { Metadata } from 'next'
export const metadata: Metadata = { title: 'Privacy Policy' }
export default function Privacy() {
  return (
    <>
      <section style={{ background: 'var(--dark-bg)', padding: '3rem 1.5rem 2rem' }}>
        <div style={{ maxWidth: 700, margin: '0 auto' }}>
          <div className="eyebrow">Legal</div>
          <h1 style={{ fontSize: '2rem', color: 'var(--cta-heading)', marginBottom: 8 }}>Privacy Policy</h1>
          <p style={{ fontSize: 12, color: 'var(--dark-muted)' }}>Last updated: 1 June 2025</p>
        </div>
      </section>
      <section style={{ padding: '2.5rem 1.5rem', background: 'var(--section-bg)', borderTop: '0.5px solid var(--border)' }}>
        <div style={{ maxWidth: 700, margin: '0 auto' }} className="policy-body">
          <p>We are committed to protecting your personal data in accordance with Singapore's Personal Data Protection Act 2012 (PDPA).</p>
          <h2>What We Collect</h2>
          <ul><li>Name, email, and phone number submitted via forms</li><li>Storeroom measurements provided for quotation</li><li>BTO estate and address for delivery and installation purposes</li></ul>
          <h2>How We Use Your Data</h2>
          <ul><li>To prepare and send your quotation</li><li>To schedule delivery and installation</li><li>To send order confirmations and service updates</li><li>To follow up after installation for feedback</li></ul>
          <h2>Data Retention</h2>
          <p>We retain your data for up to 3 years for warranty and service purposes, then delete it securely.</p>
          <h2>Third Parties</h2>
          <p>We do not sell or share your personal data with third parties for marketing purposes. Data may be shared with our installation team solely for the purpose of completing your order.</p>
          <h2>Contact</h2>
          <p>To request access to, correction, or deletion of your data, contact hello@lshapedrack.sg.</p>
        </div>
      </section>
      <style>{`.policy-body h2{font-size:1rem;font-weight:600;color:var(--heading);margin:1.75rem 0 .5rem}.policy-body p{font-size:.9rem;color:var(--body);line-height:1.78;margin:0 0 .75rem}.policy-body ul{padding-left:1.25rem;color:var(--body);font-size:.9rem;line-height:1.78}`}</style>
    </>
  )
}