@extends('layouts.main')

@section('content')
    <!--main content  -->
    <section class="main-bg d-flex align-items-center">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-7 text-center">
                    <img src="{{ asset('assets/images/img/main-img.svg') }}" alt="" class="left-graphic-img">
                </div>
                <div class="col-md-5">
                    <div class="ps-5 ">
                        <h1 class="text-white mb-4">Apex Tools</h1>
                        <div class="btn-style orange-border">
                            <a href="{{ route('teams') }}">
                                <Button class="main-btn fw-bold">Draft</Button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection