@extends('layouts.shop')

@section('title', 'Shipping Policy - Hair Niche By Shelly')

@section('content')
    <div class="max-w-4xl mx-auto px-4 py-16 sm:px-6 lg:px-8">
        <h1 class="text-4xl font-bold text-[#9B2D69] mb-8 text-center uppercase tracking-wide">Shipping Policy</h1>

        <div class="prose prose-lg mx-auto text-gray-600 space-y-6">
            <section>
                <h2 class="text-xl font-bold text-gray-800 mb-3">Delivery Charges</h2>
                <p>Delivery charges are not fixed and vary based on the distance from our warehouse to the destination
                    address for each item in your order.</p>
            </section>

            <section>
                <h2 class="text-xl font-bold text-gray-800 mb-3">Estimated Delivery Time</h2>
                <p>Our estimated delivery dates account for Sundays and holidays. If a holiday falls between your order date
                    and the delivery date, an extra day will be added to the timeline.</p>
            </section>

            <p>We strive to deliver your products as quickly and safely as possible. Once your order is shipped, you will
                receive tracking details to monitor your package's journey.</p>
        </div>
    </div>
@endsection