import type { Metadata } from 'next';
import React from 'react';
import { Navbar } from '@/components/Navbar';
import { FooterAndContact } from '@/components/FooterAndContact';
import { pageMetadata } from '@/lib/seo';

export const metadata: Metadata = pageMetadata({
  title: 'Privacy Policy',
  description:
    'How YS Lootah Robotics collects, uses and protects personal information on this website and in enquiries, demo bookings and orders.',
  path: '/privacy-policy/',
});

export default function PrivacyPolicyPage() {
  return (
    <>
      <Navbar />
      <div style={{ background: '#070707', minHeight: '100vh', color: '#ffffff', fontFamily: 'Inter, sans-serif' }}>
        <main style={{ maxWidth: '800px', margin: '0 auto', padding: '12rem 1.5rem 6rem', lineHeight: 1.8 }}>
          <h1 style={{ fontSize: '3rem', fontWeight: 200, marginBottom: '1rem', letterSpacing: '-0.03em' }}>Privacy <span style={{ color: 'var(--color-gold)', fontWeight: 500 }}>Policy</span></h1>
          <p style={{ color: '#a8a8a8', fontSize: '1rem', marginBottom: '4rem' }}>Effective Date: {new Date().toLocaleDateString('en-AE')}</p>
          
          <section style={{ marginBottom: '3rem' }}>
            <h2 style={{ fontSize: '1.5rem', fontWeight: 500, color: '#e8e0cf', marginBottom: '1rem' }}>1. Information We Collect</h2>
            <p style={{ color: '#e7e7e7', marginBottom: '1rem' }}>
              At YS Lootah Robotics, we collect information you provide directly to us when you request information, use the G1 Customizer, or contact us. This includes your name, email address, phone number, and any other information you choose to provide in your message.
            </p>
          </section>

          <section style={{ marginBottom: '3rem' }}>
            <h2 style={{ fontSize: '1.5rem', fontWeight: 500, color: '#e8e0cf', marginBottom: '1rem' }}>2. How We Use Your Information</h2>
            <p style={{ color: '#e7e7e7', marginBottom: '1rem' }}>
              We use the information we collect to respond to your inquiries, deliver our robotics enterprise solutions, maintain our dashboard, and communicate with you about your custom humanoid configurations.
            </p>
          </section>

          <section style={{ marginBottom: '3rem' }}>
            <h2 style={{ fontSize: '1.5rem', fontWeight: 500, color: '#e8e0cf', marginBottom: '1rem' }}>3. Data Security</h2>
            <p style={{ color: '#e7e7e7', marginBottom: '1rem' }}>
              We implement robust security measures designed to protect your personal information. Your contact data is stored securely in our private databases strictly for administrative and operational purposes.
            </p>
          </section>

          <section style={{ marginBottom: '3rem' }}>
            <h2 style={{ fontSize: '1.5rem', fontWeight: 500, color: '#e8e0cf', marginBottom: '1rem' }}>4. Contact Us</h2>
            <p style={{ color: '#e7e7e7', marginBottom: '1rem' }}>
              If you have questions or concerns about this Privacy Policy, please reach out to us at:
              <br/><br/>
              <strong>YS Lootah Robotics</strong><br/>
              Showroom No 03, Sheikh Zayed Rd Trade Center Second - DIFC<br/>
              Dubai, United Arab Emirates<br/>
              Email: info@yslootahrobotics.com
            </p>
          </section>
        </main>
      </div>
      <FooterAndContact />
    </>
  );
}