@extends('Front.PatientLayout.mainLayout')
@section('title', 'Expert Points')
@section('content')

    <div class="container-fluid p-0">
        <nav class="sticky-top bgDarkBlue">
            <div class="">
                <a href="{{ route('front.patient.dashboard') }}">
                    <i class=" mt-4 p-2 fa fa-arrow-left fs-4 float-start ms-2 ">
                    </i>
                </a>
            </div>
        </nav>

        <div class="container mt-5">
            <div class="d-flex justify-content-center my-3">
                <img src="{{ asset('patientAssets/img/allstar.png') }}" class="img-fluid w-25" alt="">

            </div>
            <h3 class="text-center my-5">{{ __('expertpoint.welcome_text') }}
            </h3>
            <p class="text-center my-4">{{ __('expertpoint.becoming_an_expert_patient') }}
            </p>

            <p class="text-center my-4">{{ __('expertpoint.by_becoming_an_expert_patient') }}
            </p>

            <p class="text-center my-4">{{ __('expertpoint.expert_patients_typically') }}
            </p>

            <p class="text-center my-4">{{ __('expertpoint.complete_tasks_in_the_expert_patient_panel') }}
            </p>

            <div class="d-flex justify-content-center my-3">
                <img class="img-fluid w-25" src="{{ asset('uploads/asthma_hub@3x.png') }}" alt="">
            </div>
            <div class="d-flex justify-content-center my-3">
                <a href="{{ route('front.patient.achievement') }}"
                    class="btn bg-darkBlue rounded-pill text-white btn-dark">{{ __('expertpoint.start') }}</a>
            </div>
        </div>
    </div>
@endsection