<?php include 'header.php'; ?>

<div class="px-0 py-3 md:p-2 lg:p-6 min-h-screen">
    
<div class="flex justify-end mb-2">
    <a href="lockora_replacement_policy.php"
        class="inline-flex items-center gap-2 bg-white px-4 py-2.5 rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all duration-300">

        <i class="ri-arrow-left-line"></i>
        Back

    </a>
</div>

    <div class="bg-white rounded-2xl border border-gray-200 p-6">

        <!-- Title -->
        <div class="mb-8">
            <h1 class="text-3xl font-bold text-gray-900">
                Replacement Policy
            </h1>
            <p class="text-gray-500 mt-2">
                Replacement terms, warranty guidelines and usage charges.
            </p>
        </div>

        <!-- Section 1 -->
        <div class="mb-6 p-6 rounded-2xl border border-gray-200">
            <div class="flex items-center gap-3 mb-3">
                <div class="w-8 h-8 rounded-lg bg-blue-600 text-white flex items-center justify-center text-sm font-bold">
                    1
                </div>
                <h3 class="text-xl font-semibold">
                    Purpose of Policy
                </h3>
            </div>

            <p class="text-gray-600 leading-7">
                This policy defines the terms and conditions under which
                Lockora Locks will provide replacement of smart lock products.
            </p>
        </div>

    </div>
</div>

<?php include 'footer.php'; ?>