@extends('layouts.public')

@section('content')
<div class="bg-white">
    <!-- Hero Section -->
    <div class="relative py-16 bg-gradient-to-r from-blue-900 to-indigo-900 overflow-hidden">
        <div class="absolute inset-0 opacity-10">
            <svg class="h-full w-full" preserveAspectRatio="none" viewBox="0 0 100 100">
                <defs>
                    <pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
                        <path d="M 10 0 L 0 0 0 10" fill="none" stroke="white" stroke-width="0.5" />
                    </pattern>
                </defs>
                <rect width="100" height="100" fill="url(#grid)" />
            </svg>
        </div>
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative">
            <div class="text-center">
                <h1 class="text-4xl md:text-5xl font-bold text-white mb-4 tracking-tight">Privacy Policy</h1>
                <p class="text-blue-100 text-lg md:text-xl max-w-2xl mx-auto">
                    We value your trust and recognize the importance of secure transactions and information privacy.
                </p>
            </div>
        </div>
    </div>

    <!-- Content Section -->
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24">
        <div class="prose prose-lg prose-blue max-w-none text-gray-600 leading-relaxed">
            <p class="mb-8">
                This Privacy Policy describes how <strong>Shift Matrix</strong> (hereinafter referred to as the “Platform”) collects, uses, shares or otherwise processes your personal information. By visiting the Platform, providing your information or availing our product/service, you expressly agree to be bound by the terms and conditions of this Privacy Policy.
            </p>

            <div class="space-y-12">
                <!-- Section 1 -->
                <section>
                    <div class="flex items-center mb-4">
                        <div class="h-8 w-1 bg-blue-600 rounded-full mr-4"></div>
                        <h2 class="text-2xl font-bold text-gray-900 m-0">1. Collection of Your Information</h2>
                    </div>
                    <p>
                        When you use our Platform, we collect and store your information which is provided by you from time to time. In general, you can browse the Platform without telling us who you are. Once you give us your personal information, you are not anonymous to us.
                    </p>
                    <p>
                        We may track your behavior and preferences to perform internal research on our users' demographics and behavior to better understand, protect, and serve our users. This information may include the URL that you just came from, your computer browser information, and your IP address.
                    </p>
                </section>

                <!-- Section 2 -->
                <section>
                    <div class="flex items-center mb-4">
                        <div class="h-8 w-1 bg-blue-600 rounded-full mr-4"></div>
                        <h2 class="text-2xl font-bold text-gray-900 m-0">2. Use of Demographic / Profile Data</h2>
                    </div>
                    <p>
                        We use your personal information to provide the product and services you request. To the extent we use your personal information to market to you, we will provide you the ability to opt-out of such uses. 
                    </p>
                    <p>
                        We analyze demographic and profile data about our users' activity on our Platform to diagnose problems with our server and to administer our Platform. Your IP address is also used to help identify you and gather broad demographic information.
                    </p>
                </section>

                <!-- Section 3 -->
                <section>
                    <div class="flex items-center mb-4">
                        <div class="h-8 w-1 bg-blue-600 rounded-full mr-4"></div>
                        <h2 class="text-2xl font-bold text-gray-900 m-0">3. Cookies</h2>
                    </div>
                    <p>
                        We use "cookies" on certain pages of the Platform to help analyze our web page flow, measure promotional effectiveness, and promote trust and safety. Cookies are small files placed on your hard drive that assist us in providing our services. They do not contain any of your personal information.
                    </p>
                </section>

                <!-- Section 4 -->
                <section>
                    <div class="flex items-center mb-4">
                        <div class="h-8 w-1 bg-blue-600 rounded-full mr-4"></div>
                        <h2 class="text-2xl font-bold text-gray-900 m-0">4. Sharing of Personal Information</h2>
                    </div>
                    <p>
                        We may share personal information with our other corporate entities and affiliates for purposes of providing services, and to help detect and prevent identity theft, fraud, and other potentially illegal acts. 
                    </p>
                    <p>
                        We may disclose personal information if required to do so by law or in the good faith belief that such disclosure is reasonably necessary to respond to subpoenas, court orders, or other legal processes.
                    </p>
                </section>

                <!-- Section 5 -->
                <section>
                    <div class="flex items-center mb-4">
                        <div class="h-8 w-1 bg-blue-600 rounded-full mr-4"></div>
                        <h2 class="text-2xl font-bold text-gray-900 m-0">5. Security Precautions</h2>
                    </div>
                    <p>
                        Our Platform has stringent security measures in place to protect the loss, misuse, and alteration of the information under our control. Whenever you change or access your account information, we offer the use of a secure server. 
                    </p>
                </section>

                <!-- Section 6 -->
                <section>
                    <div class="flex items-center mb-4">
                        <div class="h-8 w-1 bg-blue-600 rounded-full mr-4"></div>
                        <h2 class="text-2xl font-bold text-gray-900 m-0">6. Your Consent</h2>
                    </div>
                    <p>
                        By using the Platform and/or by providing your information, you consent to the collection and use of the information you disclose on the Platform in accordance with this Privacy Policy.
                    </p>
                </section>
            </div>

            <div class="mt-16 p-8 bg-gray-50 rounded-2xl border border-gray-100">
                <p class="text-sm text-gray-400 italic mb-0 text-center">
                    Last updated: {{ date('F d, Y') }}
                </p>
            </div>
        </div>
    </div>
</div>
@endsection