<?php
include 'includes/header.php';
$page = 'home';
?>
<main>
    <!-- Contact Form Section Start -->
    <section class="form-contact-sec-main">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 colmd-12 col-lg-8 col-xl-8" data-aos="zoom-in" data-aos-duration="800">
                    <div class="contact-form-dv">
                        <h2>Book a Call With Us!</h2>
                        <p>Unleash your artistic potential with Sport Combine Sport! Complete the form for a free consultation.</p>
                        <form action="#" method="GET" class="contact-form-main">
                            <input type="hidden" name="brand_name" value="#">
                            <input type="hidden" id="lead_area" name="lead_area" value="#">
                            <div id="step-1">
                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="email">Email</label>
                                        <input type="email" name="email" id="em" class="required email form-control"
                                            required="" aria-required="true">
                                    </div>
                                    <div class="col-md-12">
                                        <label for="name">Name</label>
                                        <input type="text" name="name" id="cn" class="required form-control" required
                                            aria-required="true">

                                    </div>
                                    <div class="col-md-12">
                                        <label for="phone">Number</label>
                                        <input type="phone" name="phone" class="required phone number form-control"
                                            required="" aria-required="true" maxlength="10">
                                    </div>
                                    <div class="from-text">
                                        <p>By proceeding to the next step, you consent to receiving communications from Sport Combine Sport, adhering to our <a href="void:;">Privacy Policy</a>.</p>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="website-main-buttons">
                                            <button type="button" data-hide="step-1" data-show="step-2"
                                                class="btn popup-btn next-btn">Next</button>
                                        </div>
                                        <input type="hidden" name="send" value="1">
                                    </div>
                                </div>
                            </div>
                            <div id="step-2" style="display: none;">
                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="email">Email</label>
                                        <input type="email" name="email" id="em" class="required email form-control"
                                            required="" aria-required="true">
                                    </div>
                                    <div class="col-md-12">
                                        <label for="name">Name</label>
                                        <input type="text" name="name" id="cn" class="required form-control" required
                                            aria-required="true">

                                    </div>
                                    <div class="col-md-12">
                                        <label for="phone">Number</label>
                                        <input type="number" name="phone" class="required phone number form-control"
                                            required="" aria-required="true">
                                    </div>
                                    <div class="col-md-12">
                                        <div class="website-main-buttons">
                                            <button type="submit" class="btn popup-btn">Submit</button>
                                            <input type="hidden" name="send" value="1">
                                            <button type="button" data-hide="step-2" data-show="step-1"
                                                class="btn popup-btn prev-btn" id="previousButton">Previous</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Contact Form Section End -->

    <!-- Contact Info Detail Section Start -->
    <section class="cont-info-det">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" data-aos="fade-right" data-aos-duration="800">
                    <div class="crd-sec-dv">
                        <h3>Chat with Us</h3>
                        <p>Connect with our dedicated account specialists today! We're delighted to address any questions you may have and provide comprehensive assistance.</p>
                        <div class="cont-btn">
                            <a href="void:;">Start Chatting
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" data-aos="zoom-in" data-aos-duration="800">
                    <div class="crd-sec-dv">
                        <h3>Book a Demo</h3>
                        <p>Curious about the creative wonders of Sport Combine Sport? Book a live demo to take a guided tour through our artistic process.</p>
                        <div class="cont-btn">
                            <a href="void:;">Start Chatting
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" data-aos="fade-left" data-aos-duration="800">
                    <div class="crd-sec-dv">
                        <h3>Chat with Us</h3>
                        <p><strong>Hours</strong><br> Monday through Friday<br> 8:00am – 5:00pm PST<br> Available 24
                            hours (via chat)</p>
                        <p><strong>Email us</strong><br><a
                                href="mailto:<?php echo $locEmail ;?>"><?php echo $locEmail ;?></a></p>
                        <p><strong>Call us</strong><br><a
                                href="tel:<?php echo $locNumber ;?>"><?php echo $locNumber ;?></a></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Contact Info Detail Section End -->

    <!-- CTA Contact Section Start -->
    <section class="cta-sec-contact">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"  data-aos="zoom-in" data-aos-duration="800">
                    <div class="cta-sec-content-dv">
                        <h2>Your on-demand design team is standing by for your next project.</h2>
                        <div class="website-main-buttons">
                            <button class="btn-contact cta-btn-1">Find the Right Plan
                                For You</button>
                            <button class="btn-contact cta-btn-2">Speak to a
                                Expert</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- CTA Contact Section End -->

</main>


<?php
include 'includes/footer.php';
$page = 'home';
?>