@extends('layouts.app-mobile')
@section('title', 'Welcome — Befikreyy App')
@section('apptitle', '')
@section('appheaderright', '')

@section('content')
<div class="splash-screen">
    <div class="splash-bg"></div>
    <div class="splash-content">
        <div class="splash-logo">
            <img src="/assets/brand/logo.png" alt="Befikreyy" class="splash-logo-img">
        </div>
        <h1 class="splash-title">Befikreyy</h1>
        <p class="splash-tagline">Home services &amp; property care.<br>Just a tap away.</p>

        <div class="splash-features">
            <div class="splash-feat">
                <span class="ic">✓</span>
                <span>Verified local partners</span>
            </div>
            <div class="splash-feat">
                <span class="ic">✓</span>
                <span>Monthly doorstep subscription</span>
            </div>
            <div class="splash-feat">
                <span class="ic">✓</span>
                <span>OTP-protected, live photo proof</span>
            </div>
        </div>
    </div>

    <div class="splash-bottom">
        <a href="{{ route('app.login') }}" class="btn-app btn-app-primary">Login</a>
        <a href="{{ route('app.register') }}" class="btn-app btn-app-secondary">Create account</a>
        <a href="{{ route('home') }}" class="splash-foot-link">Continue on website →</a>
    </div>
</div>
@endsection