@extends('layouts.app')

@section('nav')
@include('header.index')
@endsection

@section('title')

<div class="container mb-2">
    <div class="row">
        <div class="col-md-12">
            <p  class="text-center mb-0"><img  src="https://www.venicegym.fr/wp-content/uploads/2024/08/Sport-is-life-2.png" alt="Abonnement Club de sport" width="100" height="100"></p>
            <h1 class="text-center">Bienvenue 😊!</h1>
            <p class="text-center">Pour continuer, dites-nous qui vous êtes :</p>
        </div>
    </div>
</div>
@endsection

@section('content')

       

<div class="container mb-5">
    <div class="row mb-5">
        <div class="col-lg-6 col-md-6 col-12 mb-3">
            <div class="card card-hover  text-white bg-dark">
                <div class="card-body text-center">
                <p class="mb-0"> <a href="{{route('register.create.step.one')}}"> <img src="{{asset('image/Sautez.png')}}" width="250" alt="Abonnement Club de sport"></a></p>
                <h2 class="mb-3 text-white">Vous êtes nouveau ?</h2>
                <p class="card-text fs-sm">Devenez membre Venice Gym en quelques clics et profitez de nos abonnements & pass.</p>

                    <a href="{{route('register.create.step.one')}}" class="btn btn-yellow ms-auto">
                        Inscrivez-vous
                    </a>

                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12 mb-3">
            <div class="card card-hover  text-white bg-dark">
                <div class="card-body text-center">
                <p class="mb-0"><a href="{{route('login.index')}}"><img src="{{asset('image/Restez.png')}}" width="250" alt="Abonnement Club de sport"></a></p>
                    <h2 class="mb-3 text-white">Déjà inscrit ?</h2>
                    <p class="card-text fs-sm">Connectez-vous à votre espace pour commander un abonnement ou un pass.</p>

                    <a href="{{route('login.index')}}" class="btn btn-yellow ms-auto">
                       Commandez
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>




@endsection


@section('js')
@endsection