@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 mt-10">
  <div class="bg-white border border-gray-200 rounded-2xl shadow-md my-8 p-8 md:p-12 text-center">
    
    <!-- Decorative top badge -->
    <div class="inline-flex items-center gap-3 mb-6">
      <span class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-indigo-100 text-indigo-600 shadow">
        <svg class="w-6 h-6 animate-bounce" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M12 2c.7 0 2.5 1.2 4.1 2.8 1.6 1.6 2.8 3.4 2.8 4.1 0 0-2.7.3-6.8 4.4C7.3 18.7 7 16 7 16c.7 0 2.5-1.2 4.1-2.8C12.9 11.6 12 9.6 12 2z"/>
        </svg>
      </span>
      <span class="text-sm uppercase tracking-wide text-indigo-700 font-semibold">ডেভেলপমেন্টে আছে</span>
    </div>

    <!-- Headline -->
    <h1 class="text-3xl md:text-4xl font-extrabold text-gray-800 mb-4">
      আমরা কাজ করছি এই পেজ এ ✨
    </h1>

    <!-- Short description -->
    <p class="max-w-xl mx-auto text-gray-600 text-sm md:text-base leading-relaxed mb-6">
      এই পৃষ্ঠা বর্তমানে ডেভেলপমেন্টের মধ্যে আছে। আমাদের দক্ষ ডেভেলপার দল এটি আরও উন্নত, ব্যবহারবান্ধব ও নিরাপদ করার জন্য কাজ করছে। কয়েক দিনের মধ্যে এটি লাইভ হবে। ধৈর্য ধরে অপেক্ষা করুন এবং পরে আবার চেক করুন।
    </p>

    <!-- Footer small note -->
    <p class="mt-6 text-xs text-gray-400">
      ধন্যবাদ আপনার ধৈর্যের জন্য — আমরা শীঘ্রই একটি সুন্দর এবং কার্যকর পৃষ্ঠা প্রদর্শন করতে উন্মুখ।
    </p>
  </div>
</div>
@endsection