<?php
include 'includes/header.php';
$page = 'home';
?>
<style type="text/css" data-type="vc_shortcodes-custom-css">
.vc_custom_1706176104109 {
    background-image: url(assets/wp-content/uploads/2024/01/about-back8964.png?id=1005) !important;
}

.vc_custom_1706190976624 {
    background-color: #f4f4f4 !important;
}
</style>

<section data-vc-full-width="true" data-vc-full-width-init="false"
    class="vc_section about-banner contactBanner vc_custom_1706176104109 vc_section-has-fill">
    <div class="vc_row wpb_row vc_row-fluid">
        <div class="wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp wpb_column vc_column_container vc_col-sm-12">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_single_image wpb_content_element vc_align_center">

                        <figure class="wpb_wrapper vc_figure">
                            <div class="vc_single_image-wrapper   vc_box_border_grey">
                                <img decoding="async" width="117" height="137"
                                    src="assets/wp-content/uploads/2023/12/frame-1.png"
                                    class="vc_single_image-img attachment-full" alt="" title="Frame" />
                            </div>
                        </figure>
                    </div>

                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <h1 style="text-align: center;">Book Your <strong>Free Consultation <br />
                                    & Transform </strong> Your Vision Into Reality!</h1>

                        </div>
                    </div>

                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <p style="text-align: center;">Let’s embark on a journey to create your dream app together!
                                Schedule a free discovery session with our expert app consultants, where we’ll dive into
                                your ideas, understand your goals, and provide custom solutions. </p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="vc_row-full-width vc_clearfix"></div>
<section data-vc-full-width="true" data-vc-full-width-init="false" class="vc_section contactLinks">
    <div class="vc_row wpb_row vc_row-fluid">
        <div class="wpb_column vc_column_container vc_col-sm-3">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <h3 style="text-align: center;">You Can Email here</h3>
                            <p style="text-align: center;">
                                <a href="mailto:<?php echo $locEmail; ?>"><?php echo $locEmail; ?></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wpb_column vc_column_container vc_col-sm-3">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <h3 style="text-align: center;">Call us On</h3>
                            <p style="text-align: center;"><a
                                    href="tel:<?php echo $locNumber; ?>"><?php echo $locNumber; ?></a></p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wpb_column vc_column_container vc_col-sm-3">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <h3 style="text-align: center;">Working Hours</h3>
                            <p style="text-align: center;">10:00 AM &#8211; 6:00 PM</p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wpb_column vc_column_container vc_col-sm-3">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <h3 style="text-align: center;">Follow Us</h3>
                            <p style="text-align: center;">
                                <?php echo $socialLinks; ?>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="vc_row-full-width vc_clearfix"></div>
<section data-vc-full-width="true" data-vc-full-width-init="false" class="vc_section contactPageForm">
    <div class="vc_row wpb_row vc_row-fluid vc_row-o-content-middle vc_row-flex">
        <div class="wpb_column vc_column_container vc_col-sm-5">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_single_image wpb_content_element vc_align_center">

                        <figure class="wpb_wrapper vc_figure">
                            <div class="vc_single_image-wrapper   vc_box_border_grey"><img fetchpriority="high"
                                    decoding="async" width="473" height="770"
                                    src="assets/wp-content/uploads/2024/01/Mask-group.png"
                                    class="vc_single_image-img attachment-full" alt="" title="Mask group"
                                    srcset="https://koderspedia.com/wp-content/uploads/2024/01/Mask-group.png 473w, https://koderspedia.com/wp-content/uploads/2024/01/Mask-group-184x300.png 184w"
                                    sizes="(max-width: 473px) 100vw, 473px" /></div>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
        <div class="wpb_column vc_column_container vc_col-sm-7">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class='gf_browser_chrome gform_wrapper gravity-theme' id='gform_wrapper_1'>
                        <div id='gf_1' class='gform_anchor' tabindex='-1'></div>
                        <?php include 'includes/forms/contact-pg-from.php'; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="vc_row-full-width vc_clearfix"></div>
<section data-vc-full-width="true" data-vc-full-width-init="false"
    class="vc_section contactLocation vc_custom_1706190976624 vc_section-has-fill">
    <div class="vc_row wpb_row vc_row-fluid">
        <div class="wpb_column vc_column_container vc_col-sm-4">
            <div class="vc_column-inner">
                <div class="wpb_wrapper">
                    <div class="wpb_single_image wpb_content_element vc_align_center">

                        <figure class="wpb_wrapper vc_figure">
                            <a href="javascript:;" target="_self" class="vc_single_image-wrapper   vc_box_border_grey"
                                rel="nofollow noopener">
                                <img decoding="async" width="369" height="240"
                                    src="assets/wp-content/uploads/2024/01/image-1.png"
                                    class="vc_single_image-img attachment-full" alt="location" title=""
                                    sizes="(max-width: 369px) 100vw, 369px" />
                            </a>
                        </figure>
                    </div>

                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <div class="merge">
                                <h3>United States</h3>
                                <p>Open Location</p>
                            </div>
                            <h4>Address</h4>
                            <p><a href="javascript:;" target="_blank"
                                    rel="noopener nofollow"><?php echo $locAddress; ?></a></p>
                            <h4>PHONE</h4>
                            <p><a href="tel:<?php echo $locNumber; ?>"><?php echo $locNumber; ?></a></p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wpb_column vc_column_container vc_col-sm-4">
            <div class="vc_column-inner">
                <div class="wpb_wrapper"></div>
            </div>
        </div>
        <div class="wpb_column vc_column_container vc_col-sm-4">
            <div class="vc_column-inner">
                <div class="wpb_wrapper"></div>
            </div>
        </div>
    </div>
</section>
<div class="vc_row-full-width vc_clearfix"></div>


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