<?php
/*
Template Name: Contact Us
*/
get_header('new');
?>

<section class="section contact-us-banner no-lazy">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-cont slide-right">
                    <h1 class="banner-heading"><?php echo get_field('banner_title'); ?></h1>
                    <p class="banner-content"><?php echo get_field('banner_description'); ?></p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6">
                <div class="card slide-right">
                    <span class="left">
                        <img src="<?php echo get_field('contact_icon_email'); ?>" alt="icon" class="img-fluid" loading="lazy">
                    </span>
                    <span class="right">
                        <h3><?php echo get_field('contact_title_email'); ?></h3>
                        <a href="mailto:<?php echo get_field('contact_email'); ?>"><?php echo get_field('contact_email'); ?></a>
                    </span>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="card slide-up">
                    <span class="left">
                        <img src="<?php echo get_field('contact_icon_address'); ?>" alt="icon" class="img-fluid" loading="lazy">
                    </span>
                    <span class="right">
                        <h3><?php echo get_field('contact_title_address'); ?></h3>
                        <p> <?php echo get_field('contact_address'); ?></p>
                    </span>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="card slide-left">
                    <span class="left">
                        <img src="<?php echo get_field('contact_icon_phone'); ?>" alt="icon" class="img-fluid" loading="lazy">
                    </span>
                    <span class="right">
                        <h3><?php echo get_field('contact_title_phone'); ?></h3>
                        <a href="tel:<?php echo get_field('contact_phone'); ?>"><?php echo get_field('contact_phone'); ?></a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section get-in-touch">
    <div class="container">
        <div class="row align-items-lg-end">
            <div class="col-lg-6">
                <div class="text-cont slide-right">
                    <span><?php echo get_field('touch_title'); ?></span>
                    <h2 class="section-title"><?php echo get_field('touch_heading'); ?></h2>
                    <p class="section-content">
                    <?php echo get_field('touch_description'); ?>
                    </p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="box slide-left">
                    <?php echo do_shortcode('[contact-form-7 id="b9d99cc" title="contact us page"]'); ?>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="section stop-inventory">
    <div class="container">
        <div class="box slide-down">
            <h2 class="section-innertitle"><?php echo get_field('cta_title'); ?></h2>
            <p class="section-content">
            <?php echo get_field('cta_description'); ?>
            </p>
            <a href="<?php echo get_field('cta_link'); ?>" class="demo-btn animated-btn"><?php echo get_field('cta_button_text'); ?>
            <svg class="ms-2" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00391 5.44716L12.0039 8.16591C12.1602 8.29091 12.2227 8.47841 12.2539 8.72841C12.2539 8.91591 12.1602 9.13466 12.0039 9.22841L9.00391 12.0097C8.78516 12.2284 8.47266 12.2597 8.19141 12.1659C7.91016 12.0409 7.75391 11.7597 7.75391 11.4784V9.72841H5.00391C4.56641 9.72841 4.25391 9.41591 4.25391 8.97841V8.47841C4.25391 8.07216 4.56641 7.72841 5.00391 7.72841H7.72266V5.97841C7.72266 5.69716 7.94141 5.41591 8.19141 5.32216C8.44141 5.19716 8.78516 5.22841 9.00391 5.44716ZM8.25391 0.728409C12.6602 0.728409 16.2539 4.32216 16.2539 8.72841C16.2539 13.1659 12.6602 16.7284 8.25391 16.7284C3.81641 16.7284 0.253906 13.1659 0.253906 8.72841C0.253906 4.32216 3.81641 0.728409 8.25391 0.728409ZM8.25391 15.2284C11.8164 15.2284 14.7539 12.3222 14.7539 8.72841C14.7539 5.16591 11.8164 2.22841 8.25391 2.22841C4.66016 2.22841 1.75391 5.16591 1.75391 8.72841C1.75391 12.3222 4.66016 15.2284 8.25391 15.2284Z" fill="white"></path> </svg>
            </a>
        </div>
    </div>
</section>

<?php
    get_footer();
?>