<?php
/*
Template Name: sps commerce integration
*/

get_header('new');
?>
<section class="section banner netsuite-banner  mb-4 mb-lg-0 no-lazy">
    <div class="container">
        <div class="row mt-xl-5 mt-lg-0 justify-content-center">
            <div class="col-lg-10 col-xl-9">
                <div class="text-cont mt-4 mt-lg-0 text-center">
                    <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 flex-lg-row  justify-content-center">
                        <?php $cta_1 = get_field('banner_cta_1'); ?>
                         <?php if (!is_null($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 (!is_null($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 class="bottom-img text-center">
					<?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="686" height="262" class="img-fluid no-lazy" alt="<?php echo strip_tags(get_field('banner_heading')); ?>">
    </picture>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Certificates Section Start -->
<?php get_template_part('templates-parts/pages/certificates'); ?>
<!-- Certificates Section End -->

<?php
$sps_glance_section_title   = get_field('sps_glance_section_title');
$sps_glance_section_content = get_field('sps_glance_section_content');
$sps_glance_button_text     = get_field('sps_glance_button_text');
$sps_glance_button_link     = get_field('sps_glance_button_link');
?>

<section class="section understanding-sps">
    <div class="container">
        <div class="row align-items-lg-center gy-5">
            <div class="col-lg-6">
                <div class="text-cont">

                    <?php if ($sps_glance_section_title) : ?>
                        <h2 class="section-title">
                            <?php echo $sps_glance_section_title; ?>
                        </h2>
                    <?php endif; ?>

                    <?php if ($sps_glance_section_content) : ?>
                        <div class="section-content">
                            <?php echo $sps_glance_section_content; ?>
                        </div>
                    <?php endif; ?>

                    <?php if ($sps_glance_button_link && $sps_glance_button_text) : ?>
                        <div class="req-demo-btn-wrapper mt-lg-5">
                            <a href="<?php echo $sps_glance_button_link['url']; ?>" 
                               class="demo-btn animated-btn"
                               target="<?php echo $sps_glance_button_link['target']; ?>">
                                <?php echo $sps_glance_button_text; ?>
                            </a>
                        </div>
                    <?php endif; ?>

                </div>
            </div>

            <div class="col-lg-6">
                <?php if (have_rows('sps_glance_feature_items')) : ?>
                    <ul>
                        <?php while (have_rows('sps_glance_feature_items')) : the_row(); 
                            $sps_glance_feature_title    = get_sub_field('sps_glance_feature_title');
                            $sps_glance_feature_content  = get_sub_field('sps_glance_feature_content');
                            $sps_glance_feature_icon_svg = get_sub_field('sps_glance_feature_icon_svg');
                        ?>
                            <li>
                                <div class="left">

                                    <?php if ($sps_glance_feature_title) : ?>
                                        <h3>
                                            <?php echo $sps_glance_feature_title; ?>
                                        </h3>
                                    <?php endif; ?>

                                    <?php if ($sps_glance_feature_content) : ?>
                                        <p>
                                            <?php echo $sps_glance_feature_content; ?>
                                        </p>
                                    <?php endif; ?>

                                </div>

                                <?php if ($sps_glance_feature_icon_svg) : ?>
                                    <div class="right">
                                        <?php echo $sps_glance_feature_icon_svg; ?>
                                    </div>
                                <?php endif; ?>

                            </li>
                        <?php endwhile; ?>
                    </ul>
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>



<?php
$sps_struggling_cta_heading     = get_field('sps_struggling_cta_heading');
$sps_struggling_cta_content     = get_field('sps_struggling_cta_content');
$sps_struggling_cta_button_text = get_field('sps_struggling_cta_button_text');
$sps_struggling_cta_button_link = get_field('sps_struggling_cta_button_link');
?>

<section class="section sps-struggling-cta bg-white">
    <div class="container">
        <div class="box">
            <div class="row align-items-center">
                <div class="col-lg-8">
                    <div class="text-cont">

                        <?php if ($sps_struggling_cta_heading) : ?>
                            <h2><?php echo $sps_struggling_cta_heading; ?></h2>
                        <?php endif; ?>

                        <?php if ($sps_struggling_cta_content) : ?>
                            <p><?php echo $sps_struggling_cta_content; ?></p>
                        <?php endif; ?>

                    </div>
                </div>

                <div class="col-lg-4 text-lg-end">
                    <?php if ($sps_struggling_cta_button_link && $sps_struggling_cta_button_text) : ?>
                        <a href="<?php echo $sps_struggling_cta_button_link; ?>" class="animated-cta-btn accent-btn">
                            <?php echo $sps_struggling_cta_button_text; ?>
                        </a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- why integrate fedex wms section start -->
<section class="section why-integrate-fedex pale-blue">
  <div class="container">
    <div class="row justify-content-between align-items-start">
      <div class="col-lg-6 col-xl-5">
        <h2 class="section-title text-center text-lg-start">
          <?php the_field('why_integ_fedex_wms_section_title'); ?>
        </h2>
      </div>

      <div class="col-lg-6 col-xl-5">
        <p class="section-content text-center text-lg-start">
          <?php the_field('why_integ_fedex_wms_section_text'); ?>
        </p>
      </div>
    </div>

    <div class="row align-items-start g-4 mt-0 mt-lg-2 flex-column-reverse flex-lg-row">
      <div class="col-lg-6">
        <div class="features-wrap">
          <ul class="features">
            <?php if (have_rows('why_integ_fedex_wms_section_lists')) : ?>
              <?php while (have_rows('why_integ_fedex_wms_section_lists')) : the_row(); ?>
                <li class="feature-item">
                  <span class="icon-bubble bg-white" aria-hidden="true">
                    <?php the_sub_field('why_integ_fedex_wms_section_lists_icon'); ?>
                  </span>

                  <h3 class="feature-title">
                    <?php the_sub_field('why_integ_fedex_wms_section_lists_title'); ?>
                  </h3>

                  <p class="feature-text">
                    <?php the_sub_field('why_integ_fedex_wms_section_lists_text'); ?>
                  </p>
                </li>
              <?php endwhile; ?>
            <?php endif; ?>
          </ul>
        </div>

        <?php $btn = get_field('why_integ_fedex_wms_section_button'); ?>
        <div class="demo-btn-wrapper text-center text-lg-start mt-4 mt-lg-5">
          <?php if ($btn) : ?>
            <a href="<?php echo esc_url($btn['url']); ?>" class="primary animated-cta-btn">
              <?php echo $btn['title']; ?>
            </a>
        </div>
        <?php endif; ?>
        </div>

      <div class="col-lg-6">
        <div class="img-cont">
          <?php $img = get_field('why_integ_fedex_wms_section_image'); ?>
          <?php if ($img) : ?>
            <img src="<?php echo $img?>" alt="<?php wp_strip_all_tags(the_field('why_integ_fedex_wms_section_title'));?>" class="img-fluid rounded-0" loading="lazy">
          <?php endif; ?>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- why integrate fedex wms section end -->

<?php
$sps_integration_steps_title       = get_field('sps_integration_steps_title');
$sps_integration_steps_content     = get_field('sps_integration_steps_content');
$sps_integration_steps_button_text = get_field('sps_integration_steps_button_text');
$sps_integration_steps_button_link = get_field('sps_integration_steps_button_link');
?>

<section class="section sps-commerce-integration bg-white">
    <div class="container">

        <div class="text-cont text-center">

            <?php if ($sps_integration_steps_title) : ?>
                <h2 class="section-title mb-3">
                    <?php echo $sps_integration_steps_title; ?>
                </h2>
            <?php endif; ?>

            <?php if ($sps_integration_steps_content) : ?>
                <p class="section-content">
                    <?php echo $sps_integration_steps_content; ?>
                </p>
            <?php endif; ?>

        </div>

        <?php if (have_rows('sps_integration_steps_items')) : ?>
            <div class="cards-wrapper">

                <?php while (have_rows('sps_integration_steps_items')) : the_row();
                    $sps_integration_step_number      = get_sub_field('sps_integration_step_number');
                    $sps_integration_step_title       = get_sub_field('sps_integration_step_title');
                    $sps_integration_step_description = get_sub_field('sps_integration_step_description');
                    $sps_integration_step_active      = get_sub_field('sps_integration_step_active');

                    $sps_integration_step_class = $sps_integration_step_active ? 'step-card active' : 'step-card';
                ?>
                    <div class="<?php echo $sps_integration_step_class; ?>">

                        <?php if ($sps_integration_step_number) : ?>
                            <div class="step-number">
                                <?php echo $sps_integration_step_number; ?>
                            </div>
                        <?php endif; ?>

                        <?php if ($sps_integration_step_title) : ?>
                            <div class="vertical-title">
                                <?php echo $sps_integration_step_title; ?>
                            </div>
                        <?php endif; ?>

                        <div class="expanded-content">

                            <?php if ($sps_integration_step_title) : ?>
                                <div class="step-title">
                                    <?php echo $sps_integration_step_title; ?>
                                </div>
                            <?php endif; ?>

                            <?php if ($sps_integration_step_description) : ?>
                                <p class="step-desc">
                                    <?php echo $sps_integration_step_description; ?>
                                </p>
                            <?php endif; ?>

                        </div>
                    </div>
                <?php endwhile; ?>

            </div>
        <?php endif; ?>

        <?php if ($sps_integration_steps_button_text && $sps_integration_steps_button_link) : ?>
            <div class="text-center mt-5">
                <a href="<?php echo $sps_integration_steps_button_link; ?>" class="primary animated-cta-btn">
                    <?php echo $sps_integration_steps_button_text; ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>


<section class="section cloud-base-chemical-cta sps-commerce-cta bg-white pt-0">
    <div class="container">
        <div class="box">
            <div class="row">
                <div class="col-lg-6">
                    <div class="text-cont">

                        <?php if (get_field('cloud_chem_cta_title')) : ?>
                            <h2>
                                <?php the_field('cloud_chem_cta_title'); ?>
                            </h2>
                        <?php endif; ?>

                        <?php if (get_field('cloud_chem_cta_content')) : ?>
                            <p>
                                <?php the_field('cloud_chem_cta_content'); ?>
                            </p>
                        <?php endif; ?>

                        <?php 
                        $cloud_chem_cta_button_text = get_field('cloud_chem_cta_button_text');
                        $cloud_chem_cta_button_link = get_field('cloud_chem_cta_button_link');
                        ?>

                        <?php if ($cloud_chem_cta_button_text) : ?>
                            <a href="<?php echo $cloud_chem_cta_button_link ? $cloud_chem_cta_button_link : 'javascript:;'; ?>" 
                               class="accent-btn animated-cta-btn">
                                <?php the_field('cloud_chem_cta_button_text'); ?>
                            </a>
                        <?php endif; ?>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
$sps_edi_fit_image       = get_field('sps_edi_fit_image');
$sps_edi_fit_title       = get_field('sps_edi_fit_title');
$sps_edi_fit_content     = get_field('sps_edi_fit_content');
$sps_edi_fit_button_text = get_field('sps_edi_fit_button_text');
$sps_edi_fit_button_link = get_field('sps_edi_fit_button_link');
?>

<section class="section sps-commerce-edi bg-white pt-4">
    <div class="container">
        <div class="row gy-4">
            <div class="col-xl-6 col-lg-5">
                <?php if ($sps_edi_fit_image) : ?>
                    <div class="img-cont">
                        <img src="<?php echo $sps_edi_fit_image['url']; ?>"
                             alt="<?php echo $sps_edi_fit_image['alt']; ?>"
                             loading="lazy"
                             class="img-fluid">
                    </div>
                <?php endif; ?>
            </div>

            <div class="col-xl-6 col-lg-7">
                <div class="text-cont">

                    <?php if ($sps_edi_fit_title) : ?>
                        <h2 class="section-title">
                            <?php echo $sps_edi_fit_title; ?>
                        </h2>
                    <?php endif; ?>

                    <?php if ($sps_edi_fit_content) : ?>
                        <p class="section-content">
                            <?php echo $sps_edi_fit_content; ?>
                        </p>
                    <?php endif; ?>

                    <?php if (have_rows('sps_edi_fit_items')) : ?>
                        <ul>
                            <?php while (have_rows('sps_edi_fit_items')) : the_row();
                                $sps_edi_fit_item_number  = get_sub_field('sps_edi_fit_item_number');
                                $sps_edi_fit_item_title   = get_sub_field('sps_edi_fit_item_title');
                                $sps_edi_fit_item_content = get_sub_field('sps_edi_fit_item_content');
                            ?>
                                <li>
                                    <?php if ($sps_edi_fit_item_number) : ?>
                                        <div class="left">
                                            <?php echo $sps_edi_fit_item_number; ?>
                                        </div>
                                    <?php endif; ?>

                                    <div class="right">
                                        <?php if ($sps_edi_fit_item_title) : ?>
                                            <h3>
                                                <?php echo $sps_edi_fit_item_title; ?>
                                            </h3>
                                        <?php endif; ?>

                                        <?php if ($sps_edi_fit_item_content) : ?>
                                            <p>
                                                <?php echo $sps_edi_fit_item_content; ?>
                                            </p>
                                        <?php endif; ?>
                                    </div>
                                </li>
                            <?php endwhile; ?>
                        </ul>
                    <?php endif; ?>

                </div>
            </div>
        </div>

        <?php if ($sps_edi_fit_button_text && $sps_edi_fit_button_link) : ?>
            <div class="text-center mt-5">
                <a href="<?php echo $sps_edi_fit_button_link; ?>" class="primary animated-cta-btn">
                    <?php echo $sps_edi_fit_button_text; ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
</section>

<!-- 100% Optimized WMS With 50+ Integrations Starts -->
<?php
$optimize_integ = ['class' => 'mb-0 bg-light-grey'];   
get_template_part('templates-parts/pages/optimized-integrations',null,$optimize_integ);?>
<!-- 100% Optimized WMS With 50+ Integrations Ends -->


<!-- Netsuite integration table Section Start -->
<?php
$sps_comparison_table_title          = get_field('sps_comparison_table_title');
$sps_comparison_table_content        = get_field('sps_comparison_table_content');
$sps_comparison_table_first_heading  = get_field('sps_comparison_table_first_heading');
$sps_comparison_table_second_heading = get_field('sps_comparison_table_second_heading');
$sps_comparison_table_third_heading  = get_field('sps_comparison_table_third_heading');
$sps_comparison_table_button_text    = get_field('sps_comparison_table_button_text');
$sps_comparison_table_button_link    = get_field('sps_comparison_table_button_link');
?>

<section class="section netsuite-integration-table-sec bg-white how-sps-commerce-integration-table">
    <div class="container">

        <div class="text-cont text-center mb-5">

            <?php if ($sps_comparison_table_title) : ?>
                <h2 class="section-title mb-4">
                    <?php echo $sps_comparison_table_title; ?>
                </h2>
            <?php endif; ?>

            <?php if ($sps_comparison_table_content) : ?>
                <p class="section-content">
                    <?php echo $sps_comparison_table_content; ?>
                </p>
            <?php endif; ?>

        </div>

        <?php if (have_rows('sps_comparison_table_rows')) : ?>
            <div class="table-responsive">
                <table class="table table-borderless">
                    <thead>
                        <tr>
                            <th><?php echo $sps_comparison_table_first_heading ? $sps_comparison_table_first_heading : 'Features'; ?></th>
                            <th><?php echo $sps_comparison_table_second_heading ? $sps_comparison_table_second_heading : 'Manual'; ?></th>
                            <th><?php echo $sps_comparison_table_third_heading ? $sps_comparison_table_third_heading : 'SPS Commerce integration'; ?></th>
                        </tr>
                    </thead>

                    <tbody>
                        <?php while (have_rows('sps_comparison_table_rows')) : the_row();
                            $sps_comparison_table_row_title       = get_sub_field('sps_comparison_table_row_title');
                            $sps_comparison_table_row_content     = get_sub_field('sps_comparison_table_row_content');
                            $sps_comparison_table_manual_svg      = get_sub_field('sps_comparison_table_manual_svg');
                            $sps_comparison_table_integration_svg = get_sub_field('sps_comparison_table_integration_svg');
                        ?>
                            <tr>
                                <td>
                                    <?php if ($sps_comparison_table_row_title) : ?>
                                        <h3 class="td-title">
                                            <?php echo $sps_comparison_table_row_title; ?>
                                        </h3>
                                    <?php endif; ?>

                                    <?php if ($sps_comparison_table_row_content) : ?>
                                        <p class="td-text">
                                            <?php echo $sps_comparison_table_row_content; ?>
                                        </p>
                                    <?php endif; ?>
                                </td>

                                <td>
                                    <?php if ($sps_comparison_table_manual_svg) : ?>
                                        <?php echo $sps_comparison_table_manual_svg; ?>
                                    <?php endif; ?>
                                </td>

                                <td>
                                    <?php if ($sps_comparison_table_integration_svg) : ?>
                                        <?php echo $sps_comparison_table_integration_svg; ?>
                                    <?php endif; ?>
                                </td>
                            </tr>
                        <?php endwhile; ?>
                    </tbody>
                </table>
            </div>
        <?php endif; ?>

        <?php if ($sps_comparison_table_button_text && $sps_comparison_table_button_link) : ?>
            <div class="text-center mt-4">
                <a href="<?php echo $sps_comparison_table_button_link; ?>" class="primary animated-cta-btn">
                    <?php echo $sps_comparison_table_button_text; ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>
<!-- Netsuite integration table 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 -->

<?php
$sps_stock_cta_image       = get_field('sps_stock_cta_image');
$sps_stock_cta_heading     = get_field('sps_stock_cta_heading');
$sps_stock_cta_content     = get_field('sps_stock_cta_content');
$sps_stock_cta_button_text = get_field('sps_stock_cta_button_text');
$sps_stock_cta_button_link = get_field('sps_stock_cta_button_link');
?>

<section class="section dashboard-access-cta ready-to-upscale-cta">
    <div class="container">
        <div class="box py-5">
            <div class="row gy-3 gy-lg-0 align-items-center justify-content-between">
                <div class="col-lg-6 col-xl-6">
                    <?php if ($sps_stock_cta_image) : ?>
                        <div class="img-cont">
                            <img src="<?php echo $sps_stock_cta_image['url']; ?>"
                                 alt="<?php echo $sps_stock_cta_image['alt']; ?>"
                                 class="img-fluid">
                        </div>
                    <?php endif; ?>
                </div>

                <div class="col-lg-6 col-xl-5">
                    <div class="text-cont">

                        <?php if ($sps_stock_cta_heading) : ?>
                            <h2>
                                <?php echo $sps_stock_cta_heading; ?>
                            </h2>
                        <?php endif; ?>

                        <?php if ($sps_stock_cta_content) : ?>
                            <p>
                                <?php echo $sps_stock_cta_content; ?>
                            </p>
                        <?php endif; ?>

                        <?php if ($sps_stock_cta_button_text && $sps_stock_cta_button_link) : ?>
                            <a href="<?php echo $sps_stock_cta_button_link; ?>" class="accent-btn animated-cta-btn">
                                <?php echo $sps_stock_cta_button_text; ?>
                            </a>
                        <?php endif; ?>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

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




<script src="<?php echo get_template_directory_uri(); ?>/assets/js/owl.carousel.min.js"></script>
<?php
    get_footer();
?>

<script>
    $('.about-our-product-slider').owlCarousel({
        loop:false,
        margin:10,
        nav:false,
        dots: false,
        responsive:{
            0:{
                items:1,
                autoplay:true
            },
            600:{
                loop:true,
                items:3,
                autoplay:true
            },
            1000:{
                items:5
            }
        }
    });
</script>

<script>
    const cards = document.querySelectorAll(".sps-commerce-integration .step-card");

    cards.forEach((card) => {
        card.addEventListener("mouseenter", () => {
            cards.forEach((item) => item.classList.remove("active"));
            card.classList.add("active");
        });
    });
</script>

<script>
    // *********************** Optimized Warehouse Gsap Animation Start ***********************
    gsap.registerPlugin();

    function startCircularScroll(wrapper, scrollSpeed) {
        const originalContent = wrapper.innerHTML;
        wrapper.innerHTML += originalContent;

        const totalHeight = wrapper.scrollHeight / 2;

        const duration = totalHeight / scrollSpeed;

        gsap.to(wrapper, {
            y: `-${totalHeight}px`,
            duration: duration,
            ease: "linear",
            repeat: -1,
        });
    }

    const firstSlideWrapper = document.querySelector('.first-slide-wrapper');
    const thirdSlideWrapper = document.querySelector('.third-slide-wrapper');

    if (firstSlideWrapper) {
        startCircularScroll(firstSlideWrapper, 30);
    }
    if (thirdSlideWrapper) {
        startCircularScroll(thirdSlideWrapper, 30);
    }


    const secondSlideWrapper = document.querySelector('.second-slide-wrapper');

    function startSeamlessTopToBottomScroll(wrapper, scrollSpeed) {

        const duplicate = wrapper.innerHTML;
        wrapper.innerHTML += duplicate;

        const totalHeight = wrapper.scrollHeight / 2;

        const duration = totalHeight / scrollSpeed;

        gsap.fromTo(
            wrapper,
            { y: `-${totalHeight}px` },
            {
                y: 0,
                duration: duration,
                ease: "linear",
                repeat: -1,
            }
        );
    }

    if (secondSlideWrapper) {
        startSeamlessTopToBottomScroll(secondSlideWrapper, 30);
    }
    // *********************** Optimized Warehouse Gsap Animation End ***********************
</script>