<?php
/*
Template Name: Bonded Warehouse Management
*/

get_header('new');
?>
<section class="section banner supply-chain-banner pb-5 no-lazy">
    <div class="container">
        <div class="row mt-xl-5 mt-lg-0">
            <div class="col-lg-6">
                <div class="text-cont mt-0">
                    <h1 class="banner-heading"><?php echo get_field('banner_heading'); ?></h1>
                    <p class="banner-content">
                        <?php echo get_field('banner_description'); ?>
                    </p>
					<?php $highlights = get_field('banner_highlights'); ?>
                    <ul>
                        <?php if ($highlights && is_array($highlights)) : ?>
                            <?php foreach ($highlights as $highlight) : ?>
                                <li>
                                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/apparel-inventory-management/tick.webp" alt="tick" class="img-fluid">
                                    <?php echo $highlight['item']; ?>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </ul>
                    <div class="banner-btns">
						<?php $cta_1 = get_field('banner_cta_1'); ?>
						 <?php if ($cta_1) : ?>
                        <a href="<?php echo esc_url($cta_1['url']); ?>" class="primary animated-cta-btn <?php echo is_modal_link($cta_1['url']); ?>"><?php echo $cta_1['title']; ?>
                        </a>
						<?php endif; ?>
						<?php $cta_2 = get_field('banner_cta_2'); ?>
						<?php if ($cta_2) : ?>
                        <a href="<?php echo esc_url($cta_2['url']); ?>" class="border-gradient-btn animated-btn <?php echo is_modal_link($cta_2['url']); ?>"><?php echo $cta_2['title']; ?>
                            <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.35816 0.0996094H7.95016L13.3502 5.49961L7.95016 10.8996H5.35816L9.82216 6.43561H0.660156V4.56361H9.82216L5.35816 0.0996094Z" fill="black"/>
                            </svg>
                        </a>
						<?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont">
					<?php
	$desktop_img_url = get_field('banner_image');
	$mobile_img_url  = get_field('banner_mobile_image');
?>
    <picture>
        <source class="no-lazy" media="(max-width: 767px)" srcset="<?php echo $mobile_img_url ? $mobile_img_url : $desktop_img_url ?>">
        <img src="<?php echo $desktop_img_url;?>" loading="eager" fetchpriority="high" decoding="async" width="636" height="332" class="img-fluid no-lazy" alt="<?php echo strip_tags(get_field('banner_heading')); ?>">
    </picture>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- certificates section -->
<?php  get_template_part('templates-parts/pages/certificates');?>
<!-- end certificates section -->



<!-- Icons Cards Start start -->
 <?php
 $counters = ['class' => 'pt-5 '];
 get_template_part('templates-parts/pages/counter-new',null,$counters)?>
<!-- Icons Cards Start end -->

<!-- understanding section start -->
<section class="section amazon-warehouse-management shopify-warehouse-management bonded-warehouse-software">
    <div class="container">
        <div class="amazon-warehouse-content-wrapper">
            <div class="row gy-3 gy-lg-4 flex-column-reverse flex-lg-row align-items-center">
                <div class="col-lg-6">
                    <div class="text-cont">
                        <h2 class="section-title"><?php echo get_field('features_understanding_section_heading'); ?></h2>
                        <p class="section-content">
                            <?php echo get_field('features_understanding_section_text'); ?>
                        </p>
                        <a href="<?php echo get_field('features_understanding_section_button_link'); ?>" class="primary animated-cta-btn"><?php echo get_field('features_understanding_section_button_text'); ?></a>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="img-cont">
                        <?php 
                        $awm_img = get_field('features_understanding_section_image'); 
                        if ($awm_img): ?>
                            <img src="<?php echo $awm_img; ?>" 
                                 alt="<?php echo $awm_img; ?>" 
                                 loading="lazy" class="img-fluid">
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- understanding section end -->


<!-- Comprehensive Cards Start start -->
<?php
 $cards = ['class' => 'pt-4'];
 get_template_part('templates-parts/pages/comprehensive-inventory-section',null,$cards)?>
<!-- Comprehensive Cards Start end -->

<!-- bonded warehouse Process Start -->
<?php 
 $process = ['class' => 'pt-0'];
 get_template_part('templates-parts/pages/inventory-process-section',null,$process)?>
<!-- bonded warehouse Process End -->

<section class="section manufacturing-warehouse-cta curious-wms-cta">
    <div class="container">
        <div class="box">
            <p><?php echo get_field('cta_titles'); ?></p>
            <a href="<?php echo get_field('cta_button_links'); ?>" class="primary animated-cta-btn"><?php echo get_field('cta_button_text');?>
                <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.598 0.799999H8.19L13.59 6.2L8.19 11.6H5.598L10.062 7.136H0.9V5.264H10.062L5.598 0.799999Z" fill="white"/>
                </svg>
            </a>
        </div>
    </div>
</section>

 
<!-- integration tabs start -->
 <?php get_template_part('templates-parts/pages/integration-post-tabs')?>
<!-- integration tabs end -->

<!-- bonded warehouse features start -->
<?php
$boded_features = ['class' => 'bg-white',]; 
get_template_part('templates-parts/pages/bonded-warehouse-features',null,$boded_features)?>
<!-- bonded warehouse features end -->

<!-- bonded warehouse benefits start -->
<?php
$boded_benefits = ['class' => 'bg-white pt-xl-3',]; 
get_template_part('templates-parts/pages/bonded-warehouse-benefits',null,$boded_benefits)?>
<!-- bonded warehouse benefits end -->

<section class="section bg-white pt-0">
    <div class="container">
        <div class="complete-comparison-cta right-fit-business-cta">
            <div class="row align-items-center">
                <div class="col-md-3">
                    <img src="<?php echo get_field('affiliate_cta_image'); ?>" alt="<?php echo get_field('affiliate_cta_heading'); ?>" class="img-fluid">
                </div>
                <div class="col-md-6">
                    <h3><?php echo get_field('affiliate_cta_heading'); ?></h3>
                    <p><?php echo get_field('affiliate_cta_text'); ?></p>
                </div>
                <div class="col-md-3">
                    <?php $aff_cta = get_field('affiliate_cta_button');?>
                    <a href="<?php echo esc_url($aff_cta['url']); ?>" class="border-gradient-btn animated-btn" <?php echo is_modal_link(get_field('cta_button_links')); ?>><?php echo $aff_cta['title']; ?></a>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- pricing section start -->
<?php 
$pricing = [
    'class' => 'supply-chain-pricing-cards pt-5',
//     'category' => 'bonded-warehouse-management',
    'headingcon' => 'h2',
];
get_template_part('templates-parts/pages/pricing',null,$pricing)?>
<!-- pricing section end -->


<!-- industry  section start -->
<?php 
$industry = [
    'class' => 'pale-blue',
    'category' => 'bonded-warehouse-management',
];
get_template_part('templates-parts/pages/industry-solutions',null,$industry)?>
<!-- industry section end -->



<!-- testimonials start -->
<section class="section say-about-warego client-say-about-warego">
    <div class="container">
        <div class="text-center text-cont">
            <h2 class="section-title mb-5"><?php echo get_field('reviews_heading'); ?></h2>
            <p class="section-content"><?php echo get_field('reviews_description'); ?></p>
        </div>

        <?php if( have_rows('reviews') ): ?>
        <div class="row gy-4">
        <?php while( have_rows('reviews') ): the_row();?>
            <div class="col-lg-6 right-sight">
                <div class="card">
                    <p><?php echo get_sub_field('quote');?></p>
                    <ul>
                        <li>
                            <img src="<?php echo get_sub_field('image');?>" alt="Sarah Johnson" class="img-fluid">
                        </li>
                        <li>
                            <h3><?php echo get_sub_field('name');?></h3>
                            <p><?php echo get_sub_field('position');?></p>
                        </li>
                    </ul>
                </div>
            </div>
            <?php endwhile; ?>
        </div>
        <?php endif; ?>
    </div>
</section>
<!-- testimonials end -->


<!-- why leading section start -->
<section class="section why-leading">
    <div class="container">
        <div class="text-cont text-center">
            <h2 class="section-title mb-5"><?php echo get_field('why_warego_wms_heading'); ?></h2>
            <p class="section-content"><?php echo get_field('why_warego_wms_description'); ?></p>
        </div>
        <?php if( have_rows('why_warego_wms_features') ): ?>
        <ul>
            <?php while( have_rows('why_warego_wms_features') ): the_row(); ?>
                <li>
                    <div class="left">
                        <?php $image = get_sub_field('image'); ?>
                        <?php if ($image) : ?>
                            <img src="<?php echo esc_url($image); ?>" alt="<?php echo get_sub_field('heading'); ?>" class="img-fluid">
                        <?php endif; ?>
                    </div>
                    <div class="right">
                        <h3><?php echo get_sub_field('heading'); ?></h3>
                        <p><?php echo get_sub_field('description'); ?></p>
                    </div>
                </li>
            <?php endwhile; ?>
        </ul>
        <?php else: ?>
        <p>No features available.</p>
        <?php endif; ?>

        <div class="text-center mt-5">
            <a href="<?php echo esc_url(get_field('why_warego_wms_cta_link')); ?>" class="primary animated-cta-btn" <?php echo is_modal_link(get_field('why_warego_wms_cta_link')); ?>><?php echo get_field('why_warego_wms_cta_label'); ?></a>
        </div>
    </div>
</section>
<!-- why leading section end -->


<!-- case studies start -->
<?php 
$portfolio = ['class' => 'bg-white pt-4'];
get_template_part('templates-parts/pages/case-studies',null,$portfolio);?>
<!-- case studies end -->

<!-- Faqs Start -->
<?php
    $args = [
        'category'  => 'bonded-warehouse-management',
        'heading'   => 'Frequently Asked <span>Questions</span>',
		'class'     => 'pt-0 bg-white',
    ];
    get_template_part('templates-parts/pages/faqs-new', null, $args);
?>
<!-- Faqs End -->

<?php
    get_footer('new');
?>

<script>document.addEventListener("DOMContentLoaded",function(){if(window.jQuery){var $=jQuery;$(".about-our-product-slider").length&&$(".about-our-product-slider").owlCarousel({loop:false,margin:10,nav:false,dots:false,responsive:{0:{items:1},600:{loop:true,items:3},1000:{items:5}}});$(".portfolio-slider").length&&$(".portfolio-slider").owlCarousel({loop:false,margin:40,nav:false,dots:true,dotsData:true,responsive:{0:{items:1},600:{items:2,margin:20},1000:{items:2}}});var more_industries_slider=$(".industry-specific-slider");more_industries_slider.length&&($(".slide-next-button").on("click",function(){more_industries_slider.trigger("next.owl.carousel")}),$(".slide-prev-button").on("click",function(){more_industries_slider.trigger("prev.owl.carousel")}),more_industries_slider.owlCarousel({loop:true,autoplay:false,margin:20,nav:false,stagePadding:50,dots:false,responsive:{0:{items:1,stagePadding:1},480:{items:1},600:{items:2},1400:{items:2}}}))}});</script>


