@extends('layouts.web')

@section('content')
<div class="px-4 py-20">
    <div class="max-w-4xl mx-auto text-center">
        <div class="inline-flex items-center px-4 py-1.5 rounded-full bg-white border border-slate-200 text-[#7D26C2] text-xs font-bold uppercase tracking-widest mb-6 shadow-sm">
            AlephoraX communication
        </div>
        <h1 class="text-4xl md:text-6xl font-bold text-slate-900 mb-4">Welcome to the new landing experience</h1>
        <p class="text-lg text-slate-600 mb-8">The old homepage design has been removed.</p>
        <a href="{{ route('login') }}" class="inline-flex items-center justify-center bg-slate-900 text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-[#7D26C2] transition-colors">
            Login
        </a>
    </div>
</div>
@endsection