<?php
/*
Template Name: Cold Chain
*/
get_header();
?>
<section class="section banner warehouse-banner gold-chain-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-cont slide-right">
                    <h1 class="banner-heading">
                        Smart Solutions for <span>Cold Chain</span> Logistics
                    </h1>
                    <p class="banner-content">
                        Preserve your product's highest quality with our well-planned routing and temperature-tracking solutions.
                    </p>
                    <div class="banner-btns">
                        <a href="<?php echo site_url();?>/signup/" class="animated-cta-btn primary">Start Now - It's Free</a>
                        <a href="<?php echo site_url();?>/signup/" class="animated-cta-btn accent-btn">Get a Free Demo</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont h-100">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/cold-chain-banner.webp" alt="banner" class="img-fluid" loading="lazy">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section banner-logos cold-chain-logos">
    <div class="container relative">
        <div class="box slide-up">
            <div class="owl-carousel owl-theme banner-logos-slider">
                <div class="item">
                    <div class="img-cont">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo1.webp" alt="logo" class="img-fluid" loading="lazy">
                    </div>
                </div>
                <div class="item">
                    <div class="img-cont">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo2.webp" alt="logo" class="img-fluid" loading="lazy">
                    </div>
                </div>
                <div class="item">
                    <div class="img-cont">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo3.webp" alt="logo" class="img-fluid" loading="lazy">
                    </div>
                </div>
                <div class="item">
                    <div class="img-cont">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo4.webp" alt="logo" class="img-fluid" loading="lazy">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section stay-connected">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h2 class="section-title">Stay Connected with <br /> Live Tracking and <span>Notifications</span></h2>
                <p class="section-content">Our solutions help you to monitor your assets and deliveries effectively so that you can maintain
                    a high level of service for your customers
                </p>

                <div class="row mt-5">
                    <div class="col-sm-12 col-md-6">
                        <div class="stay-content-wrapper d-flex gap-3">
                            <div class="img-cont">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/real-time-icon.webp" alt="logo" class="img-fluid"
                                    loading="lazy">
                            </div>
                            <div class="stay-connected-content">
                                <h3>Real-Time Temperature Tracking</h3>
                                <p>Receive quick notifications for all high-priority and urgent on-ground events.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <div class="stay-content-wrapper d-flex gap-3">
                            <div class="img-cont">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/alert-icon.webp" alt="logo" class="img-fluid"
                                    loading="lazy">
                            </div>
                            <div class="stay-connected-content">
                                <h3>Instant Alerts & Notifications</h3>
                                <p>Calculate ETAs of all moving vehicles and notified of the occurrence of deliveries.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <div class="stay-content-wrapper d-flex gap-3">
                            <div class="img-cont">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/calculation-icon.webp" alt="logo" class="img-fluid"
                                    loading="lazy">
                            </div>
                            <div class="stay-connected-content">
                                <h3>Shipment Quality Tracking</h3>
                                <p>Monitor shipment quality and track in-transit conditions against preset requirements.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <div class="stay-content-wrapper d-flex gap-3">
                            <div class="img-cont">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/find-icon.webp" alt="logo" class="img-fluid"
                                    loading="lazy">
                            </div>
                            <div class="stay-connected-content">
                                <h3>Instant Delivery Validation</h3>
                                <p>Stay updated with safe and secure delivery of all your items to their destination hub</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <div class="stay-content-wrapper d-flex gap-3">
                            <div class="img-cont">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/delivery-validation-icon.webp" alt="logo" class="img-fluid"
                                    loading="lazy">
                            </div>
                            <div class="stay-connected-content">
                                <h3>Real-Time Temperature Tracking</h3>
                                <p>Monitor shipment temperature from your product loading to its final destination.</p>
                            </div>
                        </div>
                    </div>
                    
                </div>

            </div>

            <div class="col-md-4">
                <div class="img-cont">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/younger-man-img.webp" alt="logo" class="img-fluid"
                        loading="lazy">
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section management-system-integrations">
    <div class="container">
        <div class="text-cont slide-down">
            <h2 class="section-title">The 3PL management system with 150+ integrations</h2>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="card slide-right">
                    <div class="img-content">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/3pl-management-system/icon1.webp" alt="icon" class="img-fluid" loading="lazy">
                    </div>
                    <div class="text-content">
                        <h3>89+</h3>
                        <p>Courire <br> integrations</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card slide-up">
                    <div class="img-content">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/3pl-management-system/icon2.webp" alt="icon" class="img-fluid" loading="lazy">
                    </div>
                    <div class="text-content">
                        <h3>67+</h3>
                        <p>Online shopping <br> platforms</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card slide-up">
                    <div class="img-content">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/3pl-management-system/icon3.webp" alt="icon" class="img-fluid" loading="lazy">
                    </div>
                    <div class="text-content">
                        <h3>400+</h3>
                        <p>3PL & fullfilment <br> customers</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card slide-left">
                    <div class="img-content">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/3pl-management-system/icon4.webp" alt="icon" class="img-fluid" loading="lazy">
                    </div>
                    <div class="text-content">
                        <h3>200+</h3>
                        <p>Online retal <br> customrs</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- Shipment Planning Section -->

<section class="section shipment-planning">
    <div class="container">
        <div class="row gy-5">
            <div class="col-md-6">
                <div class="img-cont slide-right">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/shedule-planning.webp" alt="Story" class="img-fluid" loading="lazy">
                </div>
            </div>
            <div class="col-md-6">
                <div class="text-cont">
                    <h2 class="mb-3 section-title">Shipment Planning and <span>Scheduling</span></h3>

                    <div class="check-wrapper d-flex align-items-start gap-3 mb-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/check-image.webp" alt="" class="img-fluid" loading="lazy">
                    <p class="section-content">WareGo’s automated management software provides you with intuitive tools for precise planning and scheduling to simplify the process. We help you connect each shipment with the perfect temperature-controlled vehicle and qualified driver, ensuring the best handling of goods.d.</p>
                </div>
                    <div class="check-wrapper d-flex align-items-start gap-3 mb-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/check-image.webp" alt="" class="img-fluid" loading="lazy">
                    <p class="section-content">WareGo’s automated management software provides you with intuitive tools for precise planning and scheduling to simplify the process. We help you connect each shipment with the perfect temperature-controlled vehicle and qualified driver, ensuring the best handling of goods.d.</p>
                </div>
                </div>
            </div>


            <div class="col-md-6">
                <div class="text-cont">
                    <h2 class="mb-3 section-title">Developing an Agile and Responsive <span>System</span></h3>

                    <div class="check-wrapper d-flex align-items-start gap-3 mb-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/check-image.webp" alt="" class="img-fluid" loading="lazy">
                    <p class="section-content">Our automated system is SLA compliant and gives instant alerts for any delays or disruptions in cold chain movement. It has a comprehensive view of all temperature-controlled logistics that you can access through a user-friendly dashboard.</p>
                </div>
                    <div class="check-wrapper d-flex align-items-start gap-3 mb-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/check-image.webp" alt="" class="img-fluid" loading="lazy">
                    <p class="section-content">From there, you can track and manage your shipments via an
                        intuitive map to easily check live delivery statutes and shipment 
                        conditions with just a click.</p>
                </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="img-cont slide-right">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/gold-chain/develop-plannning.webp" alt="Story" class="img-fluid" loading="lazy">
                </div>
            </div>
            
        </div>
    </div>
</section>

<section class="section stop-inventory free-stop-inventory">
    <div class="container">
        <div class="box slide-down">
            <h2 class="section-title">Book Your Free Demo</h2>
            <p class="section-content">Sign up now to preview how our automated warehouse <br> software can work for you.</p>
            <a href="javascript:;">CONTACT US </a>
        </div>
    </div>
</section>

<!-- Pricing -->
<?php
    $pricing =[
        'class' => 'black-friday-pricing-cards',
        'headingcon' => 'h2',
    ];
    get_template_part('templates-parts/pages/pricing','',$pricing);?>
?>
<!-- pricing -->

<!-- INDUSTRIES SECTION START -->

<?php
    $testimonials_title = get_field('testimonials_title');
    
    $testimonial = [
        'title'      =>$testimonials_title,
        'category'   =>'about-testimonials',

    ];
    get_template_part('templates-parts/pages/testimonials', '' , $testimonial);
?>
<!-- INDUSTRIES SECTION END -->
<section class="section solid-network">
    <div class="container">
        <div class="text-cont slide-down">
            <h2 class="section-title">Our Solid Network of
                <span>Affiliations <img src="<?php echo get_template_directory_uri(); ?>/assets/img/network-stick.webp" alt="network-stick" class="img-fluid" loading="lazy"></span>
            </h2>
            <p class="section-content">Having an authoritative value of our WareGO in the warehousing industry, we have <br>
                secured some authentic affiliations to scale up our product’s capabilities.</p>
        </div>
        <ul>
            <li class="slide-up">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/certificates.webp" alt="certificates" class="img-fluid" loading="lazy">
            </li>
        </ul>
    </div>
</section>

<!-- contact form -->
<?php
      
        get_template_part('templates-parts/pages/contact-form');
    ?>
<?php
    get_footer();
?>
<script>
    $('.banner-logos-slider').owlCarousel({
        loop: false,
        margin: 10,
        nav: false,
        autoplay: true,
        dots: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 5
            }
        }
    });
    $('.industries-slider').owlCarousel({
        loop: false,
        dots: false,
        margin: 30,
        stagePadding: 140,
        nav: false,
        responsive: {
            0: {
                stagePadding: 0,
                autoplay: true,
                items: 1
            },
            600: {
                items: 2,
            },
            1000: {
                items: 4
            },

            1920: {
                stagePadding: 300,
                items: 4
            }
        }
    });
    $('.satisfied-customer-slider').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        navText: ["<img src='<?php echo get_template_directory_uri(); ?>/assets/img/left-arrow.webp' alt='Previous Slide'>","<img src='<?php echo get_template_directory_uri(); ?>/assets/img/right-arrow.webp' alt='Next Slide'>"],
        dots:false,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    });


</script>