@extends('layouts/layout')

@section('title', "Become a Provider | Partner with Quintessence Biologics Regenerative Skincare")
@section('page-description', "Join Quintessence Biologics' network of leading medical spas and clinics. Offer your clients advanced regenerative skincare and haircare solutions powered by umbilical cord-derived growth factors.")
@section('page-keywords', 'Become a provider, Partner with Quintessence Biologics, Regenerative skincare partnership, Medical spa products, Advanced skincare solutions, Umbilical cord growth factors, Aesthetic clinic products, Bioactive biomolecules, Skin rejuvenation products, Hair restoration solutions, Innovative skincare for providers, Join our network, Beauty industry partnership, Offer regenerative skincare, Cutting-edge beauty products, Spa and clinic collaboration, Skincare distributor, Advanced aesthetic treatments, Provider application, Regenerative haircare products')

@section('page-style')
@endsection

@section('page-script')
<script src="{{asset('assets/js/provider.js')}}"></script>
@endsection

@section('content')
    <div class="provider-page">
        <div class="section join-network">
            <div class="container join-us text-center">
                <h1 class="fs-96 fw-strong mb-40">JOIN OUR NETWORK OF LEADING MEDICAL SPAS</h1>
                <p class="fs-20 mb-40">At Quintessence Biologics, we are proud to partner with top medical spas dedicated to delivering exceptional results. Our bioactive biomolecule products offer natural and effective solutions for a wide range of aesthetic concerns, from scar reduction and hair restoration to skin  rejuvenation and more,</p>
                <a class="btn btn-primary btn-lg" href="#join_section" id="joinBtn" style="width: 193px">Join Us</a>
            </div>
            <div class="container why-partner text-center">
                <h1 class="fs-72 fw-strong mb-64">Why Partner with Us?</h1>
                <div class="row">
                    <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
                        <div class="partner-item">
                            <div class="text-center mb-40">
                                <svg width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M25.0002 1.53858C11.4002 1.53858 1.92323 4.7809 1.92323 7.69244C1.92323 10.6021 11.4002 13.8463 25.0002 13.8463C38.6002 13.8463 48.0771 10.6021 48.0771 7.69244C48.0771 4.7809 38.6002 1.53858 25.0002 1.53858ZM25.0002 15.3848C13.0675 15.3848 0.384766 12.6886 0.384766 7.69244C0.384766 2.69628 13.0675 0.000115395 25.0002 0.000115395C36.9329 0.000115395 49.6156 2.69628 49.6156 7.69244C49.6156 12.6886 36.9329 15.3848 25.0002 15.3848Z" fill="white"/>
                                    <path d="M25.001 21.5381C15.5799 21.5381 7.1741 19.9823 3.06256 17.4766C2.6991 17.2573 2.58563 16.7823 2.80486 16.4208C3.02602 16.0573 3.49909 15.9419 3.86255 16.1631C7.68756 18.4938 15.9856 19.9996 25.001 19.9996C38.601 19.9996 48.078 16.7554 48.078 13.8458V7.6919C48.078 7.2669 48.4222 6.92267 48.8472 6.92267C49.2722 6.92267 49.6164 7.2669 49.6164 7.6919V13.8458C49.6164 18.8419 36.9337 21.5381 25.001 21.5381Z" fill="white"/>
                                    <path d="M1.154 14.6152C0.728997 14.6152 0.384766 14.271 0.384766 13.846V7.69214C0.384766 7.26714 0.728997 6.92291 1.154 6.92291C1.579 6.92291 1.92323 7.26714 1.92323 7.69214V13.846C1.92323 14.271 1.579 14.6152 1.154 14.6152Z" fill="white"/>
                                    <path d="M24.9997 33.8457C24.5747 33.8457 24.2305 33.5015 24.2305 33.0765V26.1534C24.2305 25.7284 24.5747 25.3841 24.9997 25.3841C34.0151 25.3841 42.3132 23.8784 46.1382 21.5476C46.4997 21.3284 46.9747 21.4418 47.1959 21.8053C47.417 22.1668 47.3016 22.6418 46.9382 22.8611C42.9401 25.2995 34.8766 26.838 25.7689 26.9188V32.3034C38.9555 32.1842 48.0766 29.0092 48.0766 26.1534C48.0766 25.7284 48.4209 25.3841 48.8459 25.3841C49.2709 25.3841 49.6151 25.7284 49.6151 26.1534C49.6151 31.1495 36.9324 33.8457 24.9997 33.8457Z" fill="#E30B8F"/>
                                    <path d="M25.0002 40C13.0675 40 0.384766 37.3038 0.384766 32.3077V13.8461C0.384766 13.4211 0.728997 13.0769 1.154 13.0769C1.579 13.0769 1.92323 13.4211 1.92323 13.8461V32.3077C1.92323 35.2173 11.4002 38.4615 25.0002 38.4615C38.6002 38.4615 48.0771 35.2173 48.0771 32.3077V13.8461C48.0771 13.4211 48.4213 13.0769 48.8463 13.0769C49.2713 13.0769 49.6156 13.4211 49.6156 13.8461V32.3077C49.6156 37.3038 36.9329 40 25.0002 40Z" fill="white"/>
                                </svg>
                            </div>
                            <div class="partner-detail">
                                <h5 class="mb-3">PRODUCT DETAILS</h5>
                                <p class="mb-0">Our products harness the power  of bioactive molecules derived from  human umbilical cord and amniotic membrane tissues, known for their regenerative properties. They provide a natural alternative to traditional aesthetic treatments with little to no downtime</p>
                            </div>
                        </div>
                    </div>
                   
                    <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
                        <div class="partner-item">
                            <div class="text-center mb-40">
                                <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21C1 9.95431 9.95431 1 21 1C24.1379 1 27.107 1.72264 29.75 3.01058" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M38 9L20.8889 26L16 21.1429" stroke="#E30B8F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </div>
                            <div class="partner-detail">
                                <h5 class="mb-3">EXCEPTIONAL RESULTS</h5>
                                <p class="mb-0">Our proprietary formulations are  designed to support your clients' skin and hair at the cellular level, promoting regeneration, restoration, and a youthful appearance.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
                        <div class="partner-item">
                            <div class="text-center mb-40">
                                <svg width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M25.0002 1.53858C11.4002 1.53858 1.92323 4.7809 1.92323 7.69244C1.92323 10.6021 11.4002 13.8463 25.0002 13.8463C38.6002 13.8463 48.0771 10.6021 48.0771 7.69244C48.0771 4.7809 38.6002 1.53858 25.0002 1.53858ZM25.0002 15.3848C13.0675 15.3848 0.384766 12.6886 0.384766 7.69244C0.384766 2.69628 13.0675 0.000115395 25.0002 0.000115395C36.9329 0.000115395 49.6156 2.69628 49.6156 7.69244C49.6156 12.6886 36.9329 15.3848 25.0002 15.3848Z" fill="white"/>
                                    <path d="M25.001 21.5381C15.5799 21.5381 7.1741 19.9823 3.06256 17.4766C2.6991 17.2573 2.58563 16.7823 2.80486 16.4208C3.02602 16.0573 3.49909 15.9419 3.86255 16.1631C7.68756 18.4938 15.9856 19.9996 25.001 19.9996C38.601 19.9996 48.078 16.7554 48.078 13.8458V7.6919C48.078 7.2669 48.4222 6.92267 48.8472 6.92267C49.2722 6.92267 49.6164 7.2669 49.6164 7.6919V13.8458C49.6164 18.8419 36.9337 21.5381 25.001 21.5381Z" fill="white"/>
                                    <path d="M1.154 14.6152C0.728997 14.6152 0.384766 14.271 0.384766 13.846V7.69214C0.384766 7.26714 0.728997 6.92291 1.154 6.92291C1.579 6.92291 1.92323 7.26714 1.92323 7.69214V13.846C1.92323 14.271 1.579 14.6152 1.154 14.6152Z" fill="white"/>
                                    <path d="M24.9997 33.8457C24.5747 33.8457 24.2305 33.5015 24.2305 33.0765V26.1534C24.2305 25.7284 24.5747 25.3841 24.9997 25.3841C34.0151 25.3841 42.3132 23.8784 46.1382 21.5476C46.4997 21.3284 46.9747 21.4418 47.1959 21.8053C47.417 22.1668 47.3016 22.6418 46.9382 22.8611C42.9401 25.2995 34.8766 26.838 25.7689 26.9188V32.3034C38.9555 32.1842 48.0766 29.0092 48.0766 26.1534C48.0766 25.7284 48.4209 25.3841 48.8459 25.3841C49.2709 25.3841 49.6151 25.7284 49.6151 26.1534C49.6151 31.1495 36.9324 33.8457 24.9997 33.8457Z" fill="#E30B8F"/>
                                    <path d="M25.0002 40C13.0675 40 0.384766 37.3038 0.384766 32.3077V13.8461C0.384766 13.4211 0.728997 13.0769 1.154 13.0769C1.579 13.0769 1.92323 13.4211 1.92323 13.8461V32.3077C1.92323 35.2173 11.4002 38.4615 25.0002 38.4615C38.6002 38.4615 48.0771 35.2173 48.0771 32.3077V13.8461C48.0771 13.4211 48.4213 13.0769 48.8463 13.0769C49.2713 13.0769 49.6156 13.4211 49.6156 13.8461V32.3077C49.6156 37.3038 36.9329 40 25.0002 40Z" fill="white"/>
                                </svg>
                            </div>
                            <div class="partner-detail">
                                <h5 class="mb-3">EXPANDING NETWORK</h5>
                                <p class="mb-0">We are continuously expanding our  network of providers to make our innovative products readily available. Partnering with us means joining a community committed to the highest standards of beauty and wellness.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
                        <div class="partner-item">
                            <div class="text-center mb-40">
                                <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M34.75 23.8419C37.2583 25.719 39.5 30.4453 39.5 33.3574C39.5 34.2646 38.8392 35.0001 38.024 35.0001H37.125M27.625 16.1477C29.2476 15.2075 30.3393 13.4502 30.3393 11.4376C30.3393 9.42496 29.2476 7.66771 27.625 6.72754" stroke="#E30B8F" stroke-width="2" stroke-linecap="round"/>
                                    <path d="M1.5 33.3573C1.5 27.6547 6.25646 23.0317 15.9762 23.0317C25.6959 23.0317 30.4524 27.6547 30.4524 33.3573C30.4524 34.2645 29.7916 35 28.9764 35H2.976C2.16083 35 1.5 34.2645 1.5 33.3573Z" stroke="white" stroke-width="2" stroke-linecap="round"/>
                                    <path d="M21.4048 11.4375C21.4048 14.4405 18.9743 16.875 15.9762 16.875C12.9781 16.875 10.5476 14.4405 10.5476 11.4375C10.5476 8.43445 12.9781 6 15.9762 6C18.9743 6 21.4048 8.43445 21.4048 11.4375Z" stroke="white" stroke-width="2" stroke-linecap="round"/>
                                </svg>
                            </div>
                            <div class="partner-detail">
                                <h5 class="mb-3">SUPPORT AND COLLABORATION</h5>
                                <p class="mb-0">When you become a provider,  you gain access to our dedicated support team, comprehensive training, and marketing materials to help you integrate our products seamlessly into your services.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset('assets/imgs/bubble-sm.png')}}" class="bubble-img bubble-first">
            <img src="{{asset('assets/imgs/bubble-lg.png')}}" class="bubble-img bubble-second">
        </div>
        <div class="section become-provider text-center">
            <div class="container" style="position: relative">
                <h1 class="fs-72 fw-strong mb-64">How To Become A Provider</h1>
                <p class="fs-20 mb-64" id="join_section">
                    Interested in joining our network? Fill out the form below, and a member of our team will contact you to discuss the next steps.
                </p>
                <div class="provider-form">
                    <h4 class="mb-5">PROVIDER APPLICATION FORM</h4>
                    <form id="provider_form">
                        <div class="error-msg text-danger mb-4 d-none"></div>
                        <div class="success-msg text-success mb-4 d-none"></div>
                        <div class="mb-5">
                            <input class="form-control form-control-outline mb-3" type="text" placeholder="First Name*" id="first_name" required>
                            <input class="form-control form-control-outline mb-3" type="text" placeholder="Last Name*" id="last_name" required>
                            <input class="form-control form-control-outline mb-3" type="text" placeholder="Company Name*" id="company_name" required>
                            <input class="form-control form-control-outline mb-3" type="text" placeholder="Address*" id="address" required>
                            <input class="form-control form-control-outline mb-3" type="text" placeholder="Phone Number*" id="phone_number" required>
                            <input class="form-control form-control-outline mb-3" type="email" placeholder="Email*" id="email" required>
                        </div>
                        <button type="submit" id="submit_btn" class="btn btn-primary btn-lg w-100">Join Us<i class="fas fa-spinner fa-spin ms-2 d-none"></i></button>
                    </form>
                </div>
            </div>
        </div>

        @include('_partials/_modals/modal-welcome-provider')
    </div>
@endsection