@extends('landingpage.layouts.main')

@section('title', 'Kebijakan Privasi')

@section('content')

<style>
    body,
    main{
        color:#2F2F2F;
    }
    .privacy-section{
        position:relative;
        padding:120px 0 90px;
        overflow:hidden;
        background:transparent !important;
    }
    .privacy-section::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
            radial-gradient(
                circle at top left,
                rgba(200,154,75,.05),
                transparent 35%
            ),
            radial-gradient(
                circle at bottom right,
                rgba(255,255,255,.20),
                transparent 45%
            );
        z-index:0;
    }
    .privacy-section > .container{
        position:relative;
        z-index:1;
    }
    .small-title{
        display:block;
        margin-bottom:15px;
        color:#C89A4B;
        text-transform:uppercase;
        letter-spacing:4px;
        font-size:13px;
        font-weight:600;
    }
    .page-title{
        font-size:48px;
        font-weight:700;
        color:#2B2B2B;
        margin-bottom:18px;
        letter-spacing:1px;
    }
    .page-desc{
        max-width:820px;
        margin:auto;
        color:#6E6558;
        line-height:1.9;
        font-size:15px;
    }
    .policy-wrapper{
        max-width:950px;
        margin:70px auto 0;
    }
    .policy-card{
        position:relative;
        background:rgba(255,255,255,.94);
        border:1px solid #E8DCC2;
        border-radius:24px;
        padding:35px;
        margin-bottom:24px;
        overflow:hidden;
        transition:.35s ease;
        box-shadow:
            0 15px 35px rgba(0,0,0,.06);
    }
    .policy-card::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:4px;
        background:linear-gradient(
            to right,
            #C89A4B,
            #F4E7CC,
            #C89A4B
        );
    }
    .policy-card:hover{
        transform:translateY(-6px);
        border-color:#D7C4A1;
        box-shadow:
            0 22px 40px rgba(0,0,0,.10);
    }
    .policy-card h4{
        color:#2B2B2B;
        font-size:22px;
        font-weight:700;
        margin-bottom:18px;
    }
    .policy-card p{
        color:#6E6558;
        line-height:1.9;
        margin-bottom:0;
    }
    .policy-card ul{
        margin-top:15px;
        padding-left:22px;
    }
    .policy-card li{
        color:#6E6558;
        margin-bottom:10px;
        line-height:1.8;
    }
    .policy-card li::marker{
        color:#C89A4B;
    }
    .contact-box{
        margin-top:70px;
        background:rgba(255,255,255,.94);
        border:1px solid #E8DCC2;
        border-radius:28px;
        padding:50px;
        text-align:center;
        box-shadow:
            0 15px 35px rgba(0,0,0,.06);
    }
    .contact-box h3{
        color:#2B2B2B;
        font-size:30px;
        margin-bottom:15px;
    }
    .contact-box p{
        color:#6E6558;
        line-height:1.9;
        max-width:700px;
        margin:0 auto 30px;
    }
    .btn-contact{
        display:inline-block;
        padding:14px 36px;
        border-radius:50px;
        text-decoration:none;
        font-weight:600;
        background:#C89A4B;
        color:#fff;
        transition:.35s;
        box-shadow:
            0 10px 20px rgba(200,154,75,.25);
    }
    .btn-contact:hover{
        background:#B88C42;
        color:#fff;
        transform:translateY(-3px);
        box-shadow:
            0 18px 30px rgba(200,154,75,.35);
    }
    @media(max-width:768px){
        .privacy-section{
            padding-top:100px;
        }
        .page-title{
            font-size:34px;
        }
        .page-desc{
            font-size:14px;
        }
        .policy-card{
            padding:26px;
        }
        .policy-card h4{
            font-size:19px;
        }
        .contact-box{
            padding:32px 24px;
        }
        .contact-box h3{
            font-size:24px;
        }
    }
</style>

<section class="privacy-section">
    <div class="container">

        {{-- HEADER --}}
        <div class="text-center">
            <span class="small-title">
                Privacy & Security
            </span>

            <h1 class="page-title">
                Kebijakan Privasi
            </h1>

            <p class="page-desc">
                <strong>Parfum Jogja</strong> menghargai privasi setiap pelanggan
                dan berkomitmen untuk menjaga keamanan informasi pribadi yang
                diberikan selama penggunaan website, proses pembelian,
                maupun interaksi dengan layanan kami.
            </p>
        </div>

        {{-- CONTENT --}}
        <div class="policy-wrapper">

            {{-- INFORMASI --}}
            <div class="policy-card">
                <h4>Informasi yang Kami Kumpulkan</h4>

                <p>
                    Untuk mendukung proses transaksi dan memberikan pelayanan
                    terbaik, <strong>Parfum Jogja</strong> dapat mengumpulkan
                    beberapa informasi pelanggan, meliputi:
                </p>

                <ul>
                    <li>Nama lengkap pelanggan</li>
                    <li>Alamat email</li>
                    <li>Nomor telepon</li>
                    <li>Alamat pengiriman</li>
                    <li>Informasi pesanan dan transaksi</li>
                </ul>
            </div>

            {{-- PENGGUNAAN DATA --}}
            <div class="policy-card">
                <h4>Penggunaan Informasi</h4>

                <p>
                    Informasi pelanggan digunakan untuk membantu proses
                    pemesanan dan pembayaran, mengatur pengiriman produk,
                    memberikan informasi terkait status pesanan, menangani
                    pertanyaan pelanggan, serta meningkatkan kualitas layanan
                    <strong>Parfum Jogja</strong>.
                </p>
            </div>

            {{-- KEAMANAN --}}
            <div class="policy-card">
                <h4>Keamanan Data</h4>

                <p>
                    <strong>Parfum Jogja</strong> berupaya menjaga keamanan
                    informasi pelanggan dengan menerapkan langkah perlindungan
                    yang wajar. Informasi pribadi pelanggan tidak akan
                    diperjualbelikan atau dibagikan kepada pihak lain tanpa
                    alasan yang sah, kecuali diperlukan untuk memenuhi pesanan,
                    proses pengiriman, atau diwajibkan berdasarkan ketentuan
                    hukum yang berlaku.
                </p>
            </div>

            {{-- KERAHASIAAN --}}
            <div class="policy-card">
                <h4>Kerahasiaan Informasi</h4>

                <p>
                    Data pribadi pelanggan hanya digunakan untuk keperluan
                    yang berkaitan dengan layanan <strong>Parfum Jogja</strong>.
                    Kami berupaya menjaga kerahasiaan informasi dan mencegah
                    akses, penggunaan, atau pengungkapan data yang tidak
                    semestinya.
                </p>
            </div>

            {{-- PERUBAHAN --}}
            <div class="policy-card">
                <h4>Perubahan Kebijakan</h4>

                <p>
                    <strong>Parfum Jogja</strong> dapat memperbarui kebijakan
                    privasi sewaktu-waktu untuk menyesuaikan perkembangan
                    layanan, teknologi, maupun kebutuhan operasional.
                    Setiap perubahan akan ditampilkan pada halaman ini agar
                    pelanggan dapat memperoleh informasi terbaru.
                </p>
            </div>

        </div>

        {{-- CONTACT --}}
        <div class="contact-box">
            <h3>Butuh Bantuan?</h3>

            <p>
                Jika Anda memiliki pertanyaan mengenai kebijakan privasi,
                penggunaan informasi, atau perlindungan data pribadi,
                silakan menghubungi tim layanan pelanggan
                <strong>Parfum Jogja</strong>.
                Kami siap membantu memberikan informasi yang Anda perlukan.
            </p>

            <a href="https://wa.me/6282123346910"
                target="_blank"
                rel="noopener noreferrer"
                class="btn-contact">
                Hubungi Kami
            </a>
        </div>

    </div>
</section>

@endsection