@extends('frontend::layouts.master')

@section('content')
<!-- Privacy Policy Section -->
<section class="pt-24 md:pt-32 pb-16 relative overflow-hidden">
    <!-- Decorative Background Elements -->

    <div class="container mx-auto px-4 relative z-10">
        <div class="max-w-4xl mx-auto">
            <!-- Header Section -->
            <div class="text-center mb-12">
                <div class="inline-flex items-center px-4 py-2 rounded-full bg-gradient-to-r from-teal-100 to-emerald-100 mb-4">
                    <span class="text-transparent bg-clip-text bg-gradient-to-r from-teal-600 to-emerald-600 font-medium">Updated January 2024</span>
                </div>
                <h1 class="text-5xl font-bold mb-6">Privacy Policy</h1>
                <div class="flex justify-center gap-2 mb-4">
                    <div class="w-16 h-2 rounded-full bg-gradient-to-r from-teal-500 to-emerald-500"></div>
                    <div class="w-4 h-2 rounded-full bg-gray-200"></div>
                    <div class="w-4 h-2 rounded-full bg-gray-200"></div>
                </div>
                <p class="text-xl text-gray-600">Your privacy is important to us. This policy outlines how we collect, use, and protect your information.</p>
            </div>

            <!-- Content Sections -->
            <div class="space-y-8">
                <!-- Information Collection Section -->
                <div class="mb-8">
                    <h2 class="text-2xl font-bold mb-4">Information We Collect</h2>
                    <p class="mb-4">We collect various types of information to provide and improve our services:</p>
                    <ul class="list-disc pl-5 mb-4">
                        <li>Personal Information</li>
                        <li>Device Information</li>
                        <li>Usage Data</li>
                        <li>Communication Records</li>
                    </ul>
                </div>

                <!-- Data Usage Section -->
                <div class="mb-8">
                    <h2 class="text-2xl font-bold mb-4">How We Use Your Information</h2>
                    <ul class="list-disc pl-5">
                        <li>Personalize and enhance your experience with our services</li>
                        <li>Process transactions and manage your account effectively</li>
                        <li>Send important updates and notifications about our services</li>
                        <li>Analyze usage patterns to optimize and improve our offerings</li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</section>
@endsection