@extends('layouts.app', ['locale' => $locale])

@section('title', __('messages.legal.title') . ' — Victory Tours')

@section('content')
<section class="bg-gradient-to-br from-[#0F1E45] via-[#152858] to-[#1B3A8C] pt-6 pb-8 md:pt-12 md:pb-12 px-4 md:px-16 overflow-hidden">
    <div class="absolute inset-0 opacity-10 bg-[radial-gradient(circle_at_70%_30%,white,transparent_55%)]"></div>
    <div class="max-w-[1400px] mx-auto relative" data-animate>
        <h1 class="font-display text-3xl md:text-5xl text-white font-semibold">{{ __('messages.legal.title') }}</h1>
        <p class="text-white/50 text-sm mt-3">{{ __('messages.legal.updated') }}</p>
    </div>
</section>

<section class="py-6 md:py-12 px-4 md:px-16 bg-white">
    <div class="max-w-3xl mx-auto">
        @foreach(__('messages.legal.sections') as $i => $section)
            <div data-animate class="mb-8 md:mb-10 last:mb-0">
                <h2 class="font-display text-lg md:text-2xl text-[#0F1E45] font-semibold mb-2 md:mb-3">{{ $section['title'] }}</h2>
                <p class="text-gray-600 text-sm md:text-base leading-relaxed">{{ $section['body'] }}</p>
            </div>
        @endforeach
    </div>
</section>
@endsection