<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Zain ul Abdin">
    <title>Sponsorship & Exhibition | GEO 4.0</title>

    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/custom.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">

    <style>
        .spon {
            color: var(--white, #FFF);
            font-size: 16px;
            width: 296px;
            font-style: normal;
            font-weight: 600;
            line-height: 18px;
            text-transform: uppercase;
            padding: 12px 24px;
            border-radius: 8px;
            border: 2px solid #FFF;
            background: var(--orange-gradient, linear-gradient(172deg, #FFA000 0%, #FFA000 17.51%, #E75200 100%));
            margin: 0 auto;
            display: block;

        }


        input[type=email] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box lightblue;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        input[type=text] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        input[type=number] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        /* Hide the increment and decrement buttons */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
        }

        .adjustCol .col-edit {
            padding-left: 5px;
            padding-right: 5px;
        }

        .res {
            display: flex;
            justify-content: center;
        }

        @media(max-width:767px) {
            .lastthree {
                margin-right: 0% !important;
            }
        }
        @media(max-width:767px) {
            .lastrow {
                margin-left: 0% !important;
            }
        }
        @media(max-width:767px) {
            .boothmedia {
                max-width: 857px !important;
            }
        }
    </style>


</head>

<body>
    @include('include.header')

    <div class="heroSection innerHero">
        <div class="image">
            <img src="assets/img/innerBg.png" alt="">
        </div>
        <div class="innerContent">
            <h1>Sponsorship & Exhibition</h1>
            <!--<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-gredient">Become a Sponsor</a>-->
        </div>
    </div>
    @if(session("message"))
    <div class="alert alert-success" role="alert">
        <h6>{{ session("message") }}</h6>
    </div>
    @endif

    <div class="pricingPlanSection lightGBg">
        <div class="container mt-3 mb-3 mx-auto" style="z-index: 2;position: sticky;">
        <h2 class="text-center mb-4"><b>SPONSORSHIP PACKAGES</b></h2>
            <div class="row">
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/diamond.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/platinum.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/gold.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/silver.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/gala-dinner.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/prelium-tp.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/registeration-sponsor.png" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/authors-speakers-room.png" alt="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/lanyards.png" class="lastthree" style="margin-right: 23%;" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/delegate-gift-sponsor.png" class="lastthree" style="margin-right: 18%;" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/speaker-gift-sponsor.png" class="lastthree" style="margin-right: 15%;" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/lunch.png" class="lastrow" style="margin-left: 126%;" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/coffee-break.png" class="lastrow" style="margin-left: 139%;" alt="">
                </div>
                <div class="col-md-3 col-6 res">
                    <img src="assets/img/Sponsorship-packages/exhibition-end-of-day.png" class="lastrow" style="margin-left: 139%;" alt="">
                </div>
            </div>
        </div>
        <div class="link" style="margin-bottom:3%">
              <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-d-orange-outline mt-2" style="background-color:#050e61;z-index:2;position:sticky">Become A Sponsor</a>
              <a href="mailto:corporaterelations@eage.org" class="btn btn-d-orange-outline mt-2" style="background-color:#050e61;z-index:2;position:sticky">Contact Us</a>
            </div>
    </div>

    <span style="color:blue;width:100%;height:2px;display:block;background-color:#050e61"></span>
    <div class="container mt-5 mb-5">
        <div class="row">
            <h2 class="text-center mb-4"><b>BENEFITS OF SPONSORING</b></h2>
            <div class="col-md-1"></div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Sponsorship Benefits/benefit-1.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Sponsorship Benefits/benefit-2.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Sponsorship Benefits/benefit-3.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Sponsorship Benefits/benefit-4.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Sponsorship Benefits/benefit-5.png" alt="">
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>

    <span style="color:blue;width:100%;height:2px;display:block;background-color:#050e61"></span>

    <div class="pricingPlanSection lightGBg">
        <div class="container boothmedia" style="z-index:2;position:sticky">
            <div class="row">
                <div class="col-sm-12">
                    <div class="headText" style="text-align: center;">
                        <h3 style="font-weight: bold;">EXHIBITION BOOTH PACKAGES</h3>
                    </div>
                    <div class="head">
                        <p style="color: black;"><b>Booth Packages are an excellent choice for companies that wish to have minimal cost but maximum exposure during their participation in the symposium. We will take care of the basic booth and registration needs as follows:</b></p>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="pricingPlanCarousel">
                        <div class="owl-carousel pricePlan">
                            <img style="display:flex;margin:0px auto;height:240px;width:340px"" src=" assets/img/booth-packages/booth-package-1.png" style="width: 94%; height: 100%;" alt="">
                            <img style="display:flex;margin:0px auto;height:240px;width:340px"" src=" assets/img/booth-packages/booth-package-2.png" style="width: 94%; height: 100%;" alt="">
                            <img style="display:flex;margin:0px auto;height:240px;width:340px"" src=" assets/img/booth-packages/booth-package-3.png" style="width: 94%; height: 100%;" alt="">
                            <img style="display:flex;margin:0px auto;height:240px;width:340px"" src=" assets/img/booth-packages/booth-package-4.png" style="width: 94%; height: 100%;" alt="">
                            <img style="display:flex;margin:0px auto;height:240px;width:340px"" src=" assets/img/booth-packages/booth-package-5.png" style="width: 94%; height: 100%;" alt="">


                        </div>
                    </div>
                    <div class="link" style="margin-bottom:3%;">
                        <a href="#" style="margin-top:2%;background-color:#050e61" data-bs-toggle="modal" data-bs-target="#exampleModal2" class="btn btn-d-orange-outline">Book A Stand</a>
                        <a href="https://eage.expocad.com/Events/24disy/index.html" style="margin-top:2%;background-color:#050e61" class="btn" target="_blank">View Floor Plan</a>
                    </div><br>
                </div>
                <div class="col-sm-12">
                    <div class="head">
                        <p style="color: black;"><b>For more information on Sponsorship & Exhibition Opportunities, please contact:</b></p>
                        <h1 style="color: black;"><b>EAGE</b></h1>
                        <p style="color: black;"> <a href="mailto:corporaterelations@eage.org" style="color: black; text-decoration: none;"><b>corporaterelations@eage.org</b></a><br> <b>T.</b> <a href="tel:+31889955055" style="color: black; text-decoration: none;"><b>+31 88 99 55 055</b></a> | <b>M.</b> <a href="tel:+31621516823" style="color: black; text-decoration: none;"><b>+31 6 21516823</b></a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--<div class="downloadSection">
        <h2>Click Here to Download Form</h2>
        <a href="download" class="btn btn-d-orange">Download Form</a>
    </div>-->
    <div class=" modal-dialog-centered modal-dialog-scrollable">
        <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content pt-5 techCommitteeRepresent">
                    <form action="requestquote" method="post"> @csrf <div class="modal-header"> <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a> <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button> </div>
                        <div class="modal-body"> <input type="text" name="name" placeholder="First Name" required> <br> <input type="text" name="surname" placeholder="Last Name" required> <br> <input type="text" class="d-none" name="botfield" placeholder="Bot Field"> <input type="text" name="title" placeholder="Job Title" required> <br> <input type="text" name="company" placeholder="Company Name" required> <br> <input type="email" name="email" placeholder="Email Address" required> <br> <input type="number" name="phoneNo" placeholder="Contact No" required> <br> </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary btn btn-gredient" style="width: 30%;" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn btn-gredient" style="width: 30%;">Send</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-dialog-centered modal-dialog-scrollable">
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content pt-5 techCommitteeRepresent">
                    <form action="become_sponsor" method="post">
                        @csrf
                        <div class="modal-header">
                            <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                            <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <input type="text" name="name" placeholder="First Name" style="color: black;" required>
                            <br>
                            <input type="text" name="surname" placeholder="Last Name" required>
                            <br>
                            <input type="text" name="title" placeholder="Job Title" required>
                            
                              <input type="text" class="d-none" name="botfield" placeholder="Bot Field">
                            <br>
                            <input type="text" name="company" placeholder="Company Name" required>
                            <br>
                            <input type="email" name="email" placeholder="Email Address" required>
                            <br>
                            <input type="number" name="phoneNo" placeholder="Contact No" required>
                            <br>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary btn btn-gredient" style="width: 30%;" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn btn-gredient" style="width: 30%;">Send</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content techCommitteeRepresent" style="padding: 0;">
                <div class="modal-header">
                    <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                    <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Email Sent Successfully</p>
                    <p>We appreciate your interest. <br> Our dedicated team will reach out to you shortly.</p>
                </div>
            </div>
        </div>
    </div>
     <div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content techCommitteeRepresent" style="padding: 0;">
                <div class="modal-header">
                    <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                    <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Form Not Submited</p>
                    <p>Bot Submision Detected</p>
                </div>
            </div>
        </div>
    </div>




    @include('include.footer')
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="/docs/4.6/assets/js/vendor/jquery.slim.min.js"><\/script>')
    </script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="assets/js/custom.js"></script>
    @php
    if(session('success')) {
    echo "
    <script>
        $(document).ready(function() {
            $('#exampleModal3').modal('show');
        });
    </script>
    ";
    }
     if(session('error')) {
    echo "
    <script>
        $(document).ready(function() {
            $('#exampleModal4').modal('show');
        });
    </script>
    ";
    }
    @endphp

    </div>
</body>

</html>