@props(['value','active'])


<div class="flex items-center justify-center min-h-screen bg-gray-100">
    <div class="bg-white rounded-lg shadow-lg p-8 max-w-md mx-auto">
      <h2 class="text-2xl font-bold text-gray-800 mb-4 text-center">Welcome to the Bridgeminds Community!</h2>
      <p class="text-gray-600 mb-6 text-center">
        {{$value}}
      </p>
      @if($active)
      <div class="text-center">
          <a href="https://t.me/bridgeminds_sg" target="_blank" class="bg-blue-500 text-white py-2 px-4 rounded-lg text-center inline-block mr-2">Bridgeminds Telegram</a>
          <a href="https://t.me/Bridgeminds_bot" target="_blank" class="bg-blue-500 text-white py-2 px-4 rounded-lg text-center inline-block">Bridgeminds Bot</a>
      </div>
      @endif
    </div>
  </div>