@extends('layouts.horizontal', ['withLoader' => true])

@section('content')
<div class="row">
    <div class="col-md-12 text-center pt-md-5 pt-2">
        
        <div class="d-inline-block school-logo-box my-5 bg-white p-0"><img src="{{ $currentSchool->image }}" class="img-fluid"/></div>

        <h1 class="mb-3 mt-0 title">Welcome <span class="text-success">{{ $currentSchool->name }}</span></h1>

        <div class="mb-4"><div class="col-lg-8 mx-auto"><p class="font-size-18">Welcome to TeachKloud! We’re always here to help. Please use the live chat button to contact us. Get started to transform your Childcare or Childminding Service.</p></div></div>

        <a href="{{ route('room') }}" class="btn btn-success">Let’s get started!</a>

    </div>
</div>
<div class="image-anim">
    <img src="{{ Helper::assets('assets/images/welcome.png') }}" alt="Image" />
</div>
@endsection
@section('script-bottom')
<script>$(document).ready(function() {$(".image-anim img").addClass("animation")});</script>
@endsection