@extends('layouts.front.app')

@section('title', 'Privacy Policy - JotiJournal')

@section('content')
    <section class="breadcrumb-section">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a class="text-muted text-decoration-none" href="{{ route('welcome') }}">Home</a></li>
                    <li aria-current="page" class="breadcrumb-item active text-dark">Privacy Policy</li>
                </ol>
            </nav>
        </div>
    </section>

    <!-- Main Content -->
    <main class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-center mb-5">
                    <h1 class="display-5 font-serif fw-bold text-dark mb-3">Privacy Policy</h1>
                    <div class="header-divider mx-auto bg-gold" style="height: 3px; width: 60px; background-color: var(--legal-gold);"></div>
                </div>

                <div class="bg-white p-5 rounded shadow-sm border font-serif" style="color: var(--legal-slate); line-height: 1.8;">
                    <p class="lead mb-4">
                        At JotiJournal, we are committed to protecting your privacy and ensuring the security of your personal information.
                    </p>
                    
                    <h4 class="fw-bold mt-4 mb-3 text-dark">1. Information Collection</h4>
                    <p>We may collect information you provide directly to us, such as when you create an account, subscribe to our newsletter, or contact us for support.</p>

                    <h4 class="fw-bold mt-4 mb-3 text-dark">2. Use of Information</h4>
                    <p>The information we collect is used to provide, maintain, and improve our services, as well as to communicate with you about updates and new features.</p>

                    <h4 class="fw-bold mt-4 mb-3 text-dark">3. Data Security</h4>
                    <p>We implement appropriate security measures to protect against unauthorized access, alteration, disclosure, or destruction of your personal information.</p>

                    <div class="alert alert-secondary mt-5 mb-0 border-start border-4 border-gold" style="border-left-color: var(--legal-gold) !important;">
                        <i class="fas fa-info-circle me-2"></i> This privacy policy is subject to change. Please review it periodically for updates.
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection