<?php include 'header.php' ?>


<main>
    <!-- Banner area start here -->
    <section class="banner-two-area">

        <div class="swiper banner__slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="banner-two__line-left" data-animation="slideInLeft" data-duration="3s" data-delay=".3s">
                        <img src="assets/images/banner/banner-two-left-line.png" alt="shape">
                    </div>
                    <div class="banner-two__shape2" data-animation="slideInRight" data-duration="2s" data-delay=".3s">
                        <img src="assets/images/banner/banner-two-solid-right-down.png" alt="shape">
                    </div>
                    <div class="banner-two__shape1" data-animation="slideInRight" data-duration="2s" data-delay=".5s">
                        <img src="assets/images/banner/banner-two-solid-right-up.png" alt="shape">
                    </div>
                    <div class="banner-two__right-shape wow slideInRight" data-wow-delay="200ms"
                        data-wow-duration="1500ms">
                        <img class="sway_Y__animation" src="assets/images/banner/banner-two-right-shape.png"
                            alt="shape">
                    </div>


                    <div class="slide-bg" data-background="assets/images/banner.png"></div>
                    <div class="container">
                        <div class="banner-two__content text-center">
                            <h4 data-animation="fadeInUp" data-delay=".3s" class="text-white mb-20">
                                Welcome To Pacific Trading Company
                            </h4>
                            <h1 data-animation="fadeInUp" data-delay=".5s" class="text-white">
                                Premium Packaging Solutions from
                                Industry-Leading Manufacturers
                            </h1>

                            <a data-animation="fadeInUp" data-delay="1s" href="about.php" class="btn-one mt-50">Laern
                                More <i class="fa-regular fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="banner-two__line-left" data-animation="slideInLeft" data-duration="3s" data-delay=".3s">
                        <img src="assets/images/banner/banner-two-left-line.png" alt="shape">
                    </div>
                    <div class="banner-two__shape2" data-animation="slideInRight" data-duration="2s" data-delay=".3s">
                        <img src="assets/images/banner/banner-two-solid-right-down.png" alt="shape">
                    </div>
                    <div class="banner-two__shape1" data-animation="slideInRight" data-duration="2s" data-delay=".5s">
                        <img src="assets/images/banner/banner-two-solid-right-up.png" alt="shape">
                    </div>
                    <div class="banner-two__right-shape wow slideInRight" data-wow-delay="200ms"
                        data-wow-duration="1500ms">
                        <img class="sway_Y__animation" src="assets/images/banner/banner-two-right-shape.png"
                            alt="shape">
                    </div>
                    <!-- <div class="banner-two__circle-solid">
                        <img class="animation__rotate" src="assets/images/banner/banner-two-circle-solid.png"
                            alt="shape">
                    </div>
                    <div class="banner-two__circle-regular">
                        <img class="animation__rotateY" src="assets/images/banner/banner-two-circle-regular.png"
                            alt="shape">
                    </div> -->
                    <div class="slide-bg" data-background="assets/images/banner-2.png"></div>
                    <div class="container">
                        <div class="banner-two__content text-center">
                            <h4 data-animation="fadeInUp" data-delay=".3s" class="text-white mb-20">
                                Welcome To Pacific Trading Company
                            </h4>
                            <h1 data-animation="fadeInUp" data-delay=".5s" class="text-white">
                                Discover a Wide Range of
                                Packaging Products and Accessories for Every Need
                            </h1>

                            <a data-animation="fadeInUp" data-delay="1s" href="product.php" class="btn-one mt-50">Explore
                                Now <i class="fa-regular fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="banner-two__line-left" data-animation="slideInLeft" data-duration="3s" data-delay=".3s">
                        <img src="assets/images/banner/banner-two-left-line.png" alt="shape">
                    </div>
                    <div class="banner-two__shape2" data-animation="slideInRight" data-duration="2s" data-delay=".3s">
                        <img src="assets/images/banner/banner-two-solid-right-down.png" alt="shape">
                    </div>
                    <div class="banner-two__shape1" data-animation="slideInRight" data-duration="2s" data-delay=".5s">
                        <img src="assets/images/banner/banner-two-solid-right-up.png" alt="shape">
                    </div>
                    <div class="banner-two__right-shape wow slideInRight" data-wow-delay="200ms"
                        data-wow-duration="1500ms">
                        <img class="sway_Y__animation" src="assets/images/banner/banner-two-right-shape.png"
                            alt="shape">
                    </div>

                    <div class="slide-bg" data-background="assets/images/banner-1.png"></div>
                    <div class="container">
                        <div class="banner-two__content text-center">
                            <h4 data-animation="fadeInUp" data-delay=".3s" class="text-white mb-20">
                                Welcome To Pacific Trading Company
                            </h4>
                            <h1 data-animation="fadeInUp" data-delay=".5s" class="text-white">
                                Partner with Us for
                                Reliable, Customized Solutions
                            </h1>

                            <a data-animation="fadeInUp" data-delay="1s" href="contact.php" class="btn-one mt-50">Contact
                                Us
                                <i class="fa-regular fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner__dot-wrp banner-two__dot-wrp">
            <div class="dot-light banner__dot"></div>
        </div>
    </section>
    <!-- Banner area end here -->



    <!-- About area start here -->
    <section class="about-two-area pt-60">
        <div class="about-two__shape">
            <img src="assets/images/shape/about-two-shape.png" alt="shape">
        </div>
        <div class="container">
            <div class="row g-4">
                <div class="col-xl-6 wow fadeInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="about-two__left-item">
                        <div class="dots">
                            <img class="sway_Y__animation" src="assets/images/shape/about-two-dot.png" alt="shape">
                        </div>
                        <div class="shape-halper">
                            <img class="sway__animation" src="assets/images/shape/about-circle-helper.png" alt="shape">
                        </div>
                        <div class="image big-image">
                            <img src="assets/images/about.png" style="border-radius: 10px;" alt="image">
                        </div>
                        <div class="image sm-image d-none d-md-block d-lg-block d-xl-block">
                            <img src="assets/images/about-1.png" style="border-radius: 10px;" alt="image">
                        </div>
                        <!-- <div class="circle-shape">
                            <img class="animation__rotate" src="assets/images/shape/about-two-circle.png" alt="shape">
                        </div> -->
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="section-header mb-40">
                        <h5 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <img class="me-1 title-icon" src="assets/images/icon.png" alt="icon">
                            About Us
                        </h5>
                        <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">Welcome To Pacific
                            Trading Company</h2>
                        <p class="wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms">At Pacific Trading
                            Company, we pride ourselves on being pioneers in the realm of packaging solutions. With a
                            commitment to excellence and innovation, we stand as leaders among packaging products and
                            accessories manufacturers. Our dedication to quality craftsmanship and customer satisfaction
                            drives us to constantly push boundaries and redefine industry standards. From concept to
                            creation, we offer tailored solutions that not only meet but exceed expectations.</p>
                    </div>

                    <div class="about__info mt-50 wow fadeInDown" data-wow-delay="400ms" data-wow-duration="1500ms">
                        <a href="about.php" class="btn-one">About Us <i class="fa-regular fa-arrow-right-long"></i></a>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About area end here -->

    <!-- Service area start here -->
    <section class="service-two-area secondary-bg pt-60 pb-120">
        <div class="service-two__shape-left sway_Y__animationY">
            <img src="assets/images/shape/service-two-shape-left.png" alt="shape">
        </div>
        <div class="service-two__shape-right sway_Y__animation">
            <img src="assets/images/shape/service-two-shape-right.png" alt="shape">
        </div>
        <div class="container">
            <div class="d-flex gap-4 flex-wrap align-items-center justify-content-between mb-60">
                <div class="section-header">
                    <h5 class="wow fadeInLeft" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <img class="me-1 title-icon" src="assets/images/icon.png" alt="icon">
                        Packaging products
                    </h5>

                </div>
                <div class="arry-btn  d-flex gap-3 wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <button class="arry-prev service__arry-prev"><i class="fa-light fa-chevron-left"></i></button>
                    <button class="arry-next service__arry-next active"><i
                            class="fa-light fa-chevron-right"></i></button>
                </div>
            </div>
            <div class="swiper service-two__slider">
                <div class="swiper-wrapper">
                    <?php
                    // Query to get all different categories
                    $sqlCategories = "SELECT DISTINCT category.category_name
                       FROM category INNER JOIN product ON product.category_name = category.category_name
                       ORDER BY category.category_name ASC";

                    $resultCategories = mysqli_query($con, $sqlCategories);

                    // Display one product from each category
                    if ($resultCategories) {
                        while ($row = mysqli_fetch_assoc($resultCategories)) {
                            $categoryName = $row['category_name'];

                            // Query to get the first product for the selected category
                            $sqlOneProduct = "SELECT * FROM category WHERE category_name = '$categoryName' ORDER BY id ASC ";
                            $resultOneProduct = mysqli_query($con, $sqlOneProduct);

                            // Display product details
                            if ($resultOneProduct && $product = mysqli_fetch_assoc($resultOneProduct)) {

                                $productId = $product['id'];
                                $productName = $product['category_name'];
                                $productImage = $product['image'];
                                $description = $product['description'];

                                $product_category_name = $product["category_name"];

                                $string_replace = str_replace(" ", "-", $product_category_name);
                                $stringlower = strtolower($string_replace); ?>


                                <div class="swiper-slide">
                                    <div class="service-two__item">
                                        <div class="image">
                                            <img src="my-admin/img_uploads/<?php echo $productImage ?>" style="width: 100%; height: 230px;" alt="image">
                                        </div>
                                        <div class="service-two__content">
                                            <div class="icon">
                                                <img src="assets/images/package-icon-1.png" style="width: 46px;" alt="icon">
                                            </div>

                                            <h4><a href="product?product=<?php echo $stringlower ?>" class="primary-hover">
                                                    <?php echo $productName ?>
                                                </a></h4>
                                          
                                            <p>
                                                <?php
                                                // Truncate news details to 30 words
                                                $words = explode(' ', $description);
                                                $word_count = count($words);
                                                $trimmed_details = implode(' ', array_slice($words, 0, min(17, $word_count)));

                                                // Output the truncated details
                                                echo $trimmed_details;

                                                // Add ellipsis if the content has more than 30 words
                                                if ($word_count > 17) {
                                                    echo '.....';
                                                }
                                                ?>

                                            </p>

                                            <a class="read-more-btn" href="product.php?product=<?php echo $stringlower ?>">Read More <i
                                                    class="fa-regular fa-arrow-right-long"></i></a>
                                        </div>
                                    </div>
                                </div>




                            <?php } else {
                                echo "No product found for category: $categoryName<br>";
                            }
                        }
                    } else {
                        echo "Error retrieving categories: " . mysqli_error($con);
                    } ?>



                </div>
            </div>
        </div>
    </section>
    <!-- Service area end here -->


    <section class="quote-area pt-60">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 position-relative">
                    <div class="image-container">
                        <img src="assets/images/banner-card.jpg" style="width: 100%; border-radius: 10px;" alt="">
                        <div class="banner-card">
                            <div class="banner-card-content">
                                <h2 class="banner-card-heading wow fadeInLeft" data-wow-delay="200ms"
                                    data-wow-duration="1500ms">Discover more Unique Products!</h2>
                                <a href="contact.php" class="btn-one wow fadeInUp" data-wow-delay="200ms"
                                    data-wow-duration="1500ms" style="border-radius: 10px;">Get in Touch <i
                                        class="fa-regular fa-arrow-right-long"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-md-6 col-sm-12  position-relative mbn-card-top">
                    <div class="image-container">
                        <img src="assets/images/banner-card-1.jpg" style="width: 100%; border-radius: 10px;" alt="">
                        <div class="banner-card">
                            <div class="banner-card-content">
                                <p class="banner-card-heading-2 wow fadeInRight" data-wow-delay="200ms"
                                    data-wow-duration="1500ms">Seeking something different? Whether it's custom
                                    packaging or a bulk quote, we're here to assist you!</p>
                                <a href="contat.php" class="btn-one wow fadeInUp" data-wow-delay="200ms"
                                    data-wow-duration="1500ms" style="border-radius: 10px;">Contact Us <i
                                        class="fa-regular fa-arrow-right-long"></i></a>
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>
    </section>




    <!-- Counter area start here -->
    <section class="counter-area pt-60 pb-60">
        <div class="container">
            <div class="counter__wrp gradient-bg">
                <div class="counter__shape wow slideInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <img src="assets/images/shape/counnter-bg-shape.png" alt="shape">
                </div>
                <div class="counter__item wow bounceInUp" data-wow-delay="00ms" data-wow-duration="1000ms">
                    <img src="assets/images/package/pc-1.png" style="width: 54px;" alt="icon">
                    <div class="content">
                        <h3><span class="count">25</span>+</h3>
                        <p class="text-white">Years Of Experience</p>
                    </div>
                </div>
                <div class="counter__item wow bounceInUp" data-wow-delay="200ms" data-wow-duration="1000ms">
                    <img src="assets/images/package/pc-2.png" style="width: 54px;" alt="icon">
                    <div class="content">
                        <h3><span class="count">2000</span>+</h3>
                        <p class="text-white">Finished Projects</p>
                    </div>
                </div>
                <div class="counter__item wow bounceInUp" data-wow-delay="400ms" data-wow-duration="1000ms">
                    <img src="assets/images/package/pc-3.png" style="width: 54px;" alt="icon">
                    <div class="content">
                        <h3><span class="count">2500</span>+</h3>
                        <p class="text-white">Satisfied Customers</p>
                    </div>
                </div>
                <div class="counter__item wow bounceInUp" data-wow-delay="800ms" data-wow-duration="1000ms">
                    <img src="assets/images/package/pc-4.png" style="width: 54px;" alt="icon">
                    <div class="content">
                        <h3><span class="count">10000</span>+</h3>
                        <p class="text-white">Boxes Supplied</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Counter area end here -->

    <!-- Offer area start here -->
    <section class="offer-area secondary-bg pt-120 pb-200">
        <div class="offer__shadow wow fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
            <img src="assets/images/shape/offer-shadow-shape.png" alt="shadow">
        </div>
        <div class="offer__shape-left">
            <img class="wow fadeInUpBig" data-wow-delay="400ms" data-wow-duration="1500ms"
                src="assets/images/shape/offer-bg-shape-left.png" alt="shape">
        </div>
        <div class="offer__shape-right">
            <img class="wow fadeInDownBig" data-wow-delay="400ms" data-wow-duration="1500ms"
                src="assets/images/shape/offer-bg-shape-right.png" alt="shape">
        </div>
        <div class="container">
            <div class=" align-items-center text-center mb-95">
                <div class="section-header">
                    <h5 class="wow fadeInLeft" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <img class="me-1 title-icon" src="assets/images/icon.png" alt="icon">
                        Why Choose us
                    </h5>

                    <p class="text-white wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                        At Pacific Trading Company, we offer a wide range of packaging supplies to suit diverse business
                        needs. Our commitment to versatility ensures tailored options, reflecting your brand's essence.
                        Choose us for packaging that speaks volumes about our dedication to quality and innovation
                    </p>
                </div>

            </div>
            <div class="row g-4">
                <div class="col-lg-3 col-md-3 col-sm-6 wow bounceInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                    <div class="offer__item">
                        <div class="shape-top">
                            <img src="assets/images/shape/offter-item-shape-top.png" alt="shape">
                        </div>
                        <div class="shape-bottom">
                            <img src="assets/images/shape/offter-item-shape-bottom.png" alt="shape">
                        </div>
                        <div class="offer__icon">
                            <img src="assets/images/package/wc-1.png" style="width: 40px;" alt="">
                        </div>
                        <h4 class="text-white mt-20">Customization</h4>
                        <p class="text-white wc-height">
                            Personalized packaging solutions tailored to your preferences
                        </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 wow bounceInUp" data-wow-delay="100ms"
                    data-wow-duration="1500ms">
                    <div class="offer__item">
                        <div class="shape-top">
                            <img src="assets/images/shape/offter-item-shape-top.png" alt="shape">
                        </div>
                        <div class="shape-bottom">
                            <img src="assets/images/shape/offter-item-shape-bottom.png" alt="shape">
                        </div>
                        <div class="offer__icon">
                            <img src="assets/images/package/wc-2.png" style="width: 40px;" alt="">

                        </div>
                        <h4 class="text-white mt-20">Sustainability</h4>
                        <p class="text-white wc-height">
                            Packaging with a conscience
                        </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 wow bounceInUp" data-wow-delay="200ms"
                    data-wow-duration="1500ms">
                    <div class="offer__item">
                        <div class="shape-top">
                            <img src="assets/images/shape/offter-item-shape-top.png" alt="shape">
                        </div>
                        <div class="shape-bottom">
                            <img src="assets/images/shape/offter-item-shape-bottom.png" alt="shape">
                        </div>
                        <div class="offer__icon">
                            <img src="assets/images/package/wc-3.png" style="width: 40px;" alt="">


                        </div>
                        <h4 class="text-white mt-20">Low MOQ</h4>
                        <p class="text-white wc-height">
                            Flexible options with affordable prices & low minimums
                        </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 wow bounceInUp" data-wow-delay="300ms"
                    data-wow-duration="1500ms">
                    <div class="offer__item">
                        <div class="shape-top">
                            <img src="assets/images/shape/offter-item-shape-top.png" alt="shape">
                        </div>
                        <div class="shape-bottom">
                            <img src="assets/images/shape/offter-item-shape-bottom.png" alt="shape">
                        </div>
                        <div class="offer__icon">
                            <img src="assets/images/package/wc-4.png" style="width: 40px;" alt="">

                        </div>
                        <h4 class="text-white mt-20">Expertise</h4>
                        <p class="text-white wc-height">
                            From startups to established business, supporting every growth journey
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- Offer area end here -->
    <!-- Testimonial area start here -->
    <section class="testimonial-area bg-image pt-120 pb-120" data-background="assets/images/bg/testimonial-bg.png">
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-6 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="talk-us__item">
                        <div class="section-header mb-30">
                            <h5 class="text-white">
                                <img class="me-1 title-icon" src="assets/images/icon.png" alt="icon">
                                TALK TO US
                            </h5>
                            <h2 class="text-white">How May We Help You!</h2>
                        </div>
                        <form action="#">
                            <div class="row g-3">
                                <div class="col-sm-6">
                                    <label for="name">Your name*</label>
                                    <input type="text" id="name" placeholder="Enter Your Name">
                                </div>
                                <div class="col-sm-6">
                                    <label for="email">Your Email*</label>
                                    <input type="email" id="email" placeholder="Enter yout E-mail">
                                </div>
                                <div class="col-sm-6">
                                    <label for="number">Your Phone*</label>
                                    <input type="text" id="number" placeholder="Enter Your Number">
                                </div>
                                <div class="col-sm-6">
                                    <label for="subject">subject</label>
                                    <input type="text" id="subject" placeholder="Subject">
                                </div>

                                <div class="col-12">
                                    <label for="massage">Message</label>
                                    <textarea id="massage" placeholder="Write Message"></textarea>
                                </div>
                            </div>
                            <button>Sand Message</button>
                        </form>
                    </div>
                </div>
                <div class="col-lg-6 ps-2 ps-lg-5 ">
                    <div class="section-header pt-40  mb-20 text-center">
                        <h5 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <img class="me-1 title-icon" src="assets/images/icon.png" alt="icon">
                            CLIENTS TESTIMONIALS
                        </h5>
                        <!-- <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">What They Say
                            About Pacific Trading</h2> -->

                    </div>
                    <div class="swiper testimonial__slider wow fadeInDown" data-wow-delay="00ms"
                        data-wow-duration="1500ms">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="testimonial__item">
                                    <svg class="coma" width="50" height="37" viewBox="0 0 50 37" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 0V37L18.75 18.5V0H0ZM31.25 0V37L50 18.5V0H31.25Z" fill="#3C72FC" />
                                    </svg>
                                    <div class="d-flex align-items-center gap-3">
                                        <img src="assets/images/clients.png" style="width: 74px;" alt="image">
                                        <div class="testi-info">
                                            <h4>Rajesh </h4>
                                            <!-- <p>Web Developer</p> -->
                                            <div class="star mt-1">
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star "></i>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="mt-30">“ I've been in the retail business for years, and I've never found
                                        packaging solutions as reliable and customizable as those offered by Pacific
                                        Trading Company. Their attention to detail and commitment to quality make them
                                        my go-to choice every time. ”</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testimonial__item">
                                    <svg class="coma" width="50" height="37" viewBox="0 0 50 37" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 0V37L18.75 18.5V0H0ZM31.25 0V37L50 18.5V0H31.25Z" fill="#3C72FC" />
                                    </svg>
                                    <div class="d-flex align-items-center gap-3">
                                        <img src="assets/images/clients.png" style="width: 74px;" alt="image">
                                        <div class="testi-info">
                                            <h4>Priya </h4>
                                            <!-- <p>Web Developer</p> -->
                                            <div class="star mt-1">
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star "></i>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="mt-30">“ Pacific Trading Company truly understands the needs of businesses
                                        like ours. Their innovative packaging solutions not only protect our products
                                        but also enhance their presentation. We've seen a significant improvement in
                                        customer satisfaction since we started using their products ”</p>
                                </div>
                            </div>


                            <div class="swiper-slide">
                                <div class="testimonial__item">
                                    <svg class="coma" width="50" height="37" viewBox="0 0 50 37" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 0V37L18.75 18.5V0H0ZM31.25 0V37L50 18.5V0H31.25Z" fill="#3C72FC" />
                                    </svg>
                                    <div class="d-flex align-items-center gap-3">
                                        <img src="assets/images/clients.png" style="width: 74px;" alt="image">
                                        <div class="testi-info">
                                            <h4>Vikram </h4>
                                            <!-- <p>Web Developer</p> -->
                                            <div class="star mt-1">
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star"></i>
                                                <i class="fa-sharp fa-solid fa-star "></i>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="mt-30">“ The team at Pacific Trading Company goes above and beyond to
                                        ensure customer satisfaction. Their dedication to understanding our specific
                                        requirements and delivering tailored solutions sets them apart from other
                                        packaging manufacturers. Working with them has been a seamless experience from
                                        start to finish. ”</p>
                                </div>
                            </div>


                        </div>
                    </div>
                    <div class="testimonial__arry-btn  wow fadeInDown" data-wow-delay="200ms"
                        data-wow-duration="1500ms">
                        <button class="arry-prev testimonial__arry-prev"><i
                                class="fa-light fa-chevron-left"></i></button>
                        <button class="arry-next testimonial__arry-next active"><i
                                class="fa-light fa-chevron-right"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial area end here -->

    <!-- Brand area start here -->
    <div class="brand-area pt-10 pb-50">
        <div class="container">
            <div class="brand__wrp">
                <div class="brand__shape">
                    <img src="assets/images/shape/brand-shape.png" alt="">
                </div>
                <div class="swiper brand__slider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="brand__image image">
                                <img src="assets/images/client-logo.png" style="border-radius: 8px;" alt="image">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__image image">
                                <img src="assets/images/client-logo.png" style="border-radius: 8px;" alt="image">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__image image">
                                <img src="assets/images/client-logo.png" style="border-radius: 8px;" alt="image">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__image image">
                                <img src="assets/images/client-logo.png" style="border-radius: 8px;" alt="image">
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Brand area end here -->





    <?php include 'footer.php' ?>