@extends('layouts.app')

@section('title', 'Главная')

@section('content')

    <div style="margin-top:40px;display:flex;flex-direction:column;gap:40px;">
        <div>
            <div class="page-title">«Выбери питомца»</div>
        </div>
        <div class="hub-block">
            <a href="{{ route('test') }}" class="hub-block-item" style="gap: 14px;">
                <div class="hub-block-item__img">
                    <img src="{{ asset('/img/pet_test.png') }}" alt="img">
                </div>
                <div class="hub-block-item__title">Какой питомец тебе подойдет</div>
            </a>
            <a href="{{ route('chat') }}" class="hub-block-item" style="gap: 14px;">
                <div class="hub-block-item__img">
                    <img src="{{ asset('/img/pet_chat.png') }}" alt="img">
                </div>
                <div class="hub-block-item__title">Справочная информация</div>
            </a>
        </div>
    </div>
@endsection