@include('header')

<header class="row align-items-center m-0 p-2 bg-black text-white text-small">
    <a class="h3 text-center m-0 col-lg-1 col-12" href="/">
        <i class="fab fa-instagram"></i>
    </a>
    <a class="col-lg-1 col-12 text-white" href="/">786 801-4478</a>
    <a class="col-lg-1 col-12 text-white" href="/">CONTACT@CLUBDECORUSA.COM</a>
</header>

<div class="float-buttons">
    <a class="bg-fade text-white px-3 py-2" href="https://app.clubdecorusa.com/login" target="_blank">{{__("LOGIN")}}</a>
    <a class="bg-red hover-red text-white px-3 py-2" href="https://app.clubdecorusa.com/register" target="_blank">{{__("BECOME A MEMBER")}}</a>
</div>

<section class="row justify-content-center mt-lg-0 mt-6 mb-5">
    <a href="/" class="text-center">
        <img src="/images/logo.png" class="col-lg-4 col-10">
    </a>
    <div class="col-10 row justify-content-center text-center">
        <a href="/#about" class="col-lg-3 col-12 split-letters font-weight-bold text-fade">{{__("ABOUT")}}</a>
        <a href="/#experiences" class="col-lg-3 col-12 split-letters font-weight-bold text-fade">{{__("EXPERIENCES")}}</a>
        <a href="/#vendors" class="col-lg-3 col-12 split-letters font-weight-bold text-fade">{{__("OUR VENDORS")}}</a>
    </div>
</section>

@if(@$errors->any())
<div class="bg-black text-white font-roman">
    <div class="container py-5">
        <p class="h1 py-5 text-center">{{$errors->first('text')}}</p>
    </div>
</div>
@endif

@if (!$errors->has('success'))
<section class="bg-black text-white font-roman py-4 text-center">
    <div class="col-lg-9 col-12 offset-lg-1">
        <form method="POST" action="/submit">
            <div class="form-group text-left">
                @csrf
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <label class="h3 mt-5" for="email">Email</label>
                        <input name="email" value="{{ old('email') }}" required type="email" class="form-control bg-transparent text-light border" placeholder="Enter Email">
                    </div>
                    <div class="col-lg-6 col-12">
                        <label class="h3 mt-5" for="phone">Phone</label>
                        <input name="phone" value="{{ old('phone') }}" required v-mask="['(###) ###-###']" type="phone" class="form-control bg-transparent text-light border" placeholder="Enter Phone">
                    </div>
                </div>
                <div class="form-group">
                    <label class="h3 mt-5" for="segment">What is the segment of your company?</label>
                    <input name="segment" value="{{ old('segment') }}" required type="text" class="form-control bg-transparent text-light border" placeholder="Enter segment">
                </div>
                <div class="form-group">
                    <label class="h3 mt-5" for="contact">Do you have contacts with professionals, interior designers, architects, designers or landscapers?</label>
                    <input name="contact" value="{{ old('contact') }}" required type="text" class="form-control bg-transparent text-light border" placeholder="Enter contact">
                </div>
                <div class="form-group">
                    <label class="h3 mt-5" for="website">What is your company’s website?</label>
                    <input name="website" value="{{ old('website') }}" type="text" class="form-control bg-transparent text-light border" placeholder="Enter website">
                </div>
                <div class="form-group">
                    <label class="h3 mt-5" for="know">How did you know about CLUBDECOR USA?</label>
                    <input name="know" value="{{ old('know') }}" required type="text" class="form-control bg-transparent text-light border">
                </div>
            </div>
            <div class="modal-footer border-top-0 d-flex justify-content-end">
                <button type="submit" class="btn-white text-dark font-weight-bold px-3 py-2">SEND FOR CLUB DECOR USA</button>
            </div>
        </form>
    </div>
</section>
@endif

<section class="text-center">
    <p class="col-12 my-5 col-12 text-center split-letters font-weight-bold">{{__("FOLLOW US")}}</p>
    <div data-mc-src="57e96de6-1872-4f8c-8140-0a019af908c7#instagram"></div>
    <script src="https://cdn2.woxo.tech/a.js#60a50f28073ebe00155a2bae" async data-usrc></script>
</section>

@include('footer')