@extends('layouts.app')
@section('title','Home')
@section('content')
<div class='bg-white rounded-lg shadow p-8'>
  <div class='md:flex md:items-center md:gap-6'>
    <div class='md:flex-1'>
      <h2 class='text-3xl font-bold text-gray-800'>Welcome to MLM</h2>
      <p class='mt-4 text-gray-600'>Build your network and earn commissions by inviting others. One-time join fee: <strong>{{ config('mlm.joining_fee') }} {{ config('mlm.currency') }}</strong></p>
      <div class='mt-6'>
        <a href='/register' class='inline-flex items-center gap-2 bg-green-600 text-white px-4 py-2 rounded shadow'>
          <!-- heroicon: user-plus -->
          <svg class='w-5 h-5' viewBox='0 0 24 24' fill='none' stroke='currentColor'><path stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M16 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><path stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 8v6M23 11h-6'/></svg>
          Join Now
        </a>
      </div>
    </div>
    <div class='md:w-1/2 mt-6 md:mt-0'>
      <img src='/assets/img/hero.png' alt='hero' class='w-full rounded'>
    </div>
  </div>
</div>
@endsection