1#@!#!123s

: / home3 / encodto1 / www /
Filename : index.php
back
<!DOCTYPE html>
<html lang="en">


<?php
include 'style.php'
?>
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<style>
    .client-gallery {
    padding: 20px;
    background-color: #f9f9f9;
    overflow: hidden; /* Prevents overflow */
}

.client-carousel-wrapper {
    display: flex;
    overflow: hidden; /* Ensures only 5 items are visible at a time */
    position: relative;
    width: 100%;
}

.client-carousel {
    display: flex;
    animation: scroll-carousel 15s linear infinite; /* Continuous scrolling */
}

.gallery-logo {
    flex: 0 0 25%; /* Each item takes up 20% of the total width to show 5 items */
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-logo img {
    width: 300px; /* Bigger size */
    height: auto;
    border: 3px solid #ddd; /* Light gray border */
    border-radius: 12px; /* Rounded corners */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow for more depth */
    object-fit: contain;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

.gallery-logo img:hover {
    transform: scale(1.1); /* Slightly zooms in on hover */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); /* Deeper shadow on hover */
}

@keyframes scroll-carousel {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

</style>



<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.php?id=GTM-59KBRCW8"
            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- Main -->
    <main class="main-page homepage">
        <!-- Header Bar -->


        <!-- Header -->
        <?php
        include 'header.php';
        ?>

        <!-- Hero Section Start -->
        <section class="hero-empowerment-area">
            <div class="custom-container">
                <div class="custom-row align-items-center">
                    <div class="hero-empowerment-left-content">

                        <h1 class="section-title fade-in">Seamless IT for your business, boosting your growth.</h1>
                        <p>We provide the expertise and support to propel your
                            business forward in the digital landscape.</p>
                        <div class="btns-group d-flex">
                            <a href="about.php" class="theme-btn">Learn More</a>
                            <a href="contact.php" class="theme-btn2">Let's Talk
                                <i class="iconoir-arrow-up-right"></i>
                            </a>
                        </div>
                    </div>

                    <div class="hero-empowerment-right-content">
                        <div class="top-content">
                            <img class="desktop fade-in" src="assets/imgs/bg1-1.png" alt="Empowerment" />
                            <img class="mobile" src="assets/imgs/bg1.png" alt="Empowerment" />

                            <div class="experience-box simple-shadow bounce-in">
                                <div class="experience-body d-flex align-items-center">
                                    <img src="assets/logo/e-icon.png" alt="Icon" />

                                    <div class="experience-content d-flex align-items-center">
                                        <h1>7+</h1>
                                        <p>
                                            Years
                                            <span>Experience</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="bottom-content d-flex">
                            <div class="our-expert-team-box simple-shadow bounce-in delay-2">
                                <div class="our-expert-team-box-inner d-flex align-items-center">
                                    <div class="imgs imgs1 d-flex align-items-center">


                                        <img src="assets/imgs/t2.jpg" alt="team" />
                                        <img src="assets/imgs/t4 (2).jpg" alt="team" />
                                        <img src="assets/imgs/t4.jpg" alt="team" />
                                        <img src="assets/imgs/t3.jpg" alt="team" />
                                        <img src="assets/imgs/t1.jpg" alt="team" />

                                    </div>
                                    <p>
                                        Meet
                                        <span>Our Experts</span>
                                    </p>
                                </div>
                            </div>

                            <div class="google-reviews-box simple-shadow bounce-in delay-3">
                                <div class="left">
                                    <span>Verified by</span>
                                    <img src="assets/imgs/icon2.svg" alt="Google" />
                                </div>
                                <div class="right">
                                    <div class="stars d-flex align-items-center">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>

                                    </div>
                                    <p>
                                        3245
                                        <span>Reviews</span>
                                    </p>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>

        </section>
        <!-- Hero Section End -->

        <!-- Case Studio -->
        <section class="case-studio-area">
            <div class="custom-container">
                <div>

                </div>



                <div class="case-studio">

                    <ul class="nav nav-pills case-studio-tabs " id="myTab" role="tablist">
                        <li class="nav-item">
                            <button class="nav-link active" id="development-tab" data-bs-toggle="tab" href="#development"
                                role="tab" aria-controls="development" aria-selected="true">DEVELOPMENT</button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" id="it_support-tab" data-bs-toggle="tab" href="#it_support" role="tab"
                                aria-controls="it_support" aria-selected="false">TRAINING</button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" id="crm_solutions-tab" data-bs-toggle="tab" href="#crm_solutions"
                                role="tab" aria-controls="crm_solutions" aria-selected="false">SOLUTION</button>
                        </li>

                    </ul>
                    <div class="tab-content case-studio-tab-content">
                        <div class="tab-pane fade show active" id="development" role="tabpanel" aria-labelledby="development-tab">
                            <div class="case-studio-body d-flex">
                                <div class="left d-flex flex-1">
                                    <div class="case-studio-img-card simple-shadow">
                                        <img src="assets/imgs/development.png" alt="Case Studio" />
                                    </div>

                                </div>
                                <div class="right">
                                    <div class="case-studio-contents service-card card-h">
                                        <img src="assets/imgs/development-icon.svg" alt="ICON" />
                                        <h3>Development</h3>
                                        <p>At Encoders Unlimited, we specialize in delivering innovative and customized solutions to businesses. With expertise in website development and software development, the company helps organizations optimize their technology infrastructure, improve operational efficiency and drive digital transformation. Encoders Unlimited works closely with clients to understand their unique needs, providing scalable and future-ready solutions that empower businesses to stay competitive in an ever-evolving technological landscape.<br><br>
                                            Whether developing interactive websites or scalable software applications, Encoders Unlimited emphasizes innovation and adaptability to meet dynamic market demands. Each project is crafted with a focus on efficiency and user-centric design, enabling businesses to streamline processes, boost productivity and achieve sustainable development in an increasingly digital economy.
                                        </p>

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

                        <div class="tab-pane fade" id="it_support" role="tabpanel" aria-labelledby="it_support-tab">
                            <div class="case-studio-body d-flex">
                                <div class="left d-flex flex-1">
                                    <div class="case-studio-img-card simple-shadow">
                                        <img src="assets/imgs/training.png" alt="Case Studio" />
                                    </div>

                                </div>
                                <div class="right">
                                    <div class="case-studio-contents service-card card-h">
                                        <img src="assets/imgs/service-icon-5.svg" alt="ICON" />
                                        <h3>Training</h3>
                                        <p>Encoders Unlimited offers comprehensive training services designed to meet the needs of businesses navigating the complexities of modern technology. Through expert-led programs, the company equips individuals and teams with the skills required, to effectively use and manage IT solutions, enhance technical knowledge and stay up-to-date with industry advancements. Their training covers a wide range of topics, ensuring that clients are well-prepared to leverage technology for growth and success in a dynamic market.<br><br>
                                            By incorporating hands-on learning, practical demonstrations and real-world applications, participants gain confidence in utilizing cutting-edge tools and methodologies. The company also emphasizes continuous learning by providing access to updated resources and ongoing support. With a focus on empowering teams to adapt to evolving technologies, Encoders Unlimited ensures businesses remain agile, innovative and competitive in an ever-changing digital landscape.

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

                        <div class="tab-pane fade" id="crm_solutions" role="tabpanel" aria-labelledby="crm_solutions-tab">
                            <div class="case-studio-body d-flex">
                                <div class="left d-flex flex-1">

                                    <div class="case-studio-img-card simple-shadow">
                                        <img src="assets/imgs/solution.jpg" alt="Case Studio" />
                                    </div>
                                </div>
                                <div class="right">
                                    <div class="case-studio-contents service-card card-h">
                                        <img src="assets/imgs/service-icon-3.svg" alt="ICON" />
                                        <h3>Solution</h3>
                                        <p>Encoders Unlimited provides tailored IT solutions designed to address the unique challenges of businesses in various industries. We provide solutions for all technical issues, all aimed at improving operational efficiency and driving innovation. By leveraging cutting-edge technologies, Encoders Unlimited delivers scalable and secure solutions that align with client goals, enhance productivity and support long-term growth. The company’s expertise ensures that clients receive reliable and future-proof solutions that help them stay competitive in a fast-paced digital world.<br><br>
                                            Encoders Unlimited stands out as a trusted provider of comprehensive IT solutions tailored to empower businesses in achieving their goals. Encoders Unlimited ensures that each solution aligns with client needs, enhancing operational efficiency and fostering sustainable growth. Their customer-centric approach, coupled with round-the-clock support, establishes them as a reliable partner in navigating the ever-evolving technological landscape.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

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

        <!-- Service Area -->
        <section class="service-area">
            <div class="custom-container">
                <div class="service-section-header section-header d-flex align-items-end justify-content-between">
                    <div class="left">
                        <h5 class="section-subtitle">WHAT WE’RE OFFERING</h5>
                        <h1 class="section-title">Dealing in all professional <br>IT services.</h1>
                    </div>
                    <p>One fundamental aspect of IT services is infrastructure management. This involves the design,
                        implementation and maintenance of the hardware, software, networks and servers.</p>
                </div>

                <div class="services-list">
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/coding (2).png" alt="Service Icon" class="service-icon" />
                        <h3><a href="webdesign&development.php">Websites Designing & Development</a></h3>
                        <p>
                            We crafts captivating, expert websites.</p>
                        <a href="webdesign&development.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/browser (1).png" alt="Service Icon" class="service-icon" />
                        <h3><a href="webportal.php">Portal Development</a></h3>
                        <p>
                            We excels in portal development.</p>
                        <a href="webportal.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/devops.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="softwaredevelopment.php">Software Development</a></h3>
                        <p>We drives cutting-edge software evolution.</p>
                        <a href="softwaredevelopment.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/crm.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="crmsoftware.php">CRM Software</a></h3>
                        <p>We drives cutting-edge software evolution.</p>
                        <a href="crmsoftware.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/mobile app.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="mobapp.php">Mobile Application</a></h3>
                        <p>We create masters mobile app excellence</p>
                        <a href="mobapp.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/promotion.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="digitalm.php">Digital Marketing</a></h3>
                        <p>We excels in digital marketing.</p>
                        <a href="digitalm.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/social media marketing icon.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="socialmediam.php">Social Media Marketing</a></h3>
                        <p>We elevates social media marketing</p>
                        <a href="socialmediam.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/gmb.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="gmb.php">GMB Marketing</a></h3>
                        <p>We elevates google my business marketing</p>
                        <a href="gmb.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/video-marketing.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="youtubem.php">Youtube Marketing</a></h3>
                        <p>We elevates youtube marketing</p>
                        <a href="youtubem.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/content.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="contentwriting.php">Content Writing</a></h3>
                        <p>We Crafting impactful content.</p>
                        <a href="contentwriting.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/ux-design.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="graphicsdesigning.php">Graphics Designing</a></h3>
                        <p>We enhance customer
                            experiences for success.</p>
                        <a href="graphicsdesigning.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">
                        <img src="assets/imgs/toll-free.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="tollfreeno.php">Toll Free Number</a></h3>
                        <p>We provide toll free number.</p>
                        <a href="tollfreeno.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">

                        <img src="assets/imgs/interactive-voice-response.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="ivr.php">IVR</a></h3>
                        <p>We offers ivr service.</p>
                        <a href="ivr.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">

                        <img src="assets/imgs/sms.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="bulksms.php">Bulk Sms</a></h3>
                        <p>We offers efficient bulk SMS..</p>
                        <a href="bulksms.php"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                    <div class="service-card simple-shadow">

                        <img src="assets/imgs/education.png" alt="Service Icon" class="service-icon" />
                        <h3><a href="#">Training</a></h3>
                        <p>We delivers transformative training experiences.</p>
                        <a href="#"> <span class="service-badge">Explore <i class="fa-solid fa-magnifying-glass"></i></span></a>
                    </div>
                </div>
            </div>
        </section>
        <!-- Service Area End -->

        <!-- How We Do -->
        <section class="how-we-do-area">
            <div class="custom-container">
                <div class="custom-row">
                    <img src="assets/imgs/bg-shape-1.svg" alt="Shape" class="animation-slide-left how-we-do-bg" />
                    <div class="how-we-do-left-content">
                        <div class="top">
                            <h5 class="section-subtitle">Our Model</h5>
                            <h1 class="section-title">How we do</h1>
                            <p>Save time and money with our powerful method.</p>
                        </div>
                        <a href="getquote.php" class="theme-btn">
                            Get Quote
                            <i class="iconoir-arrow-up-right"></i>
                        </a>
                    </div>
                    <div class="how-we-do-right-content">
                        <div class="how-we-do-items d-flex align-items-center justify-content-center">

                            <div class="how-we-do-card">
                                <div class="circle-shape"></div>
                                <div class="line-shape"></div>

                                <div class="how-we-do-icon">
                                    <img src="assets/imgs/handshake (1).png" alt="How we do" />
                                </div>
                                <div class="how-we-do-content">
                                    <h4>Shake Hands</h4>
                                    <!-- <p>Ideas</p> -->
                                </div>
                            </div>

                            <div class="how-we-do-card">
                                <div class="circle-shape"></div>
                                <div class="line-shape"></div>

                                <div class="how-we-do-icon">
                                    <img src="assets/imgs/exploratory-analysis.png" alt="How we do" /></div>
                                <div class="how-we-do-content">
                                    <h4>Explore The Territory</h4>
                                    <!-- <p>Design</p> -->
                                </div>
                            </div>

                            <div class="how-we-do-card">
                                <div class="circle-shape"></div>
                                <div class="line-shape"></div>

                                <div class="how-we-do-icon">
                                    <img src="assets/imgs/search.png" alt="How we do" />
                                </div>
                                <div class="how-we-do-content">
                                    <h4>Find A New Path</h4>
                                    <!-- <p>Development</p> -->
                                </div>
                            </div>

                        </div>

                        <div class="how-we-do-items d-flex align-items-center justify-content-center">
                            <div class="how-we-do-card">
                                <div class="circle-shape"></div>
                                <div class="line-shape"></div>

                                <div class="how-we-do-icon">
                                    <img src="assets/imgs/freelance (1).png" alt="How we do" />
                                </div>
                                <div class="how-we-do-content">
                                    <h4>Get To Work</h4>
                                    <!-- <p>Optimization</p> -->
                                </div>
                            </div>

                            <div class="how-we-do-card">
                                <div class="circle-shape"></div>
                                <div class="line-shape"></div>

                                <div class="how-we-do-icon">
                                    <img src="assets/imgs/support (1).png" alt="How we do" />
                                </div>
                                <div class="how-we-do-content">
                                    <h4>Nurture And Support</h4>
                                    <!-- <p>Development</p> -->
                                </div>
                            </div>
                        </div>

                        <div class="how-we-do-items d-flex align-items-center justify-content-center">

                            <div class="how-we-do-card">
                                <div class="circle-shape"></div>
                                <div class="line-shape"></div>

                                <div class="how-we-do-icon">
                                    <img src="assets/imgs/growth.png" alt="How we do" />
                                </div>
                                <div class="how-we-do-content">
                                    <h4>Grow Your Business</h4>
                                    <!-- <p>Marketing</p> -->
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- How We Do end -->

        <!-- Consulting Experience -->
        <section class="about-area mt-5 ">
            <div class="custom-container">
                <div class="custom-row justify-content-between align-items-center">
                    <div class="left-content">
                        <h5 class="section-subtitle">CONSULTING EXCELLENCE</h5>
                        <h1 class="section-title">Best pathway to our clients.</h1>
                        <p>Our consulting process begins with a
                            thorough assessment of your current IT
                            infrastructure, workflows and main points.</p>
                        <ul>
                            <li>
                                <i class="icon-check las la-check"></i> 24/7 Full Service Support
                            </li>
                            <li>
                                <i class="icon-check las la-check"></i> Immediate Response
                            </li>
                            <li>
                                <i class="icon-check las la-check"></i> Easy to Approach us
                            </li>
                        </ul>
                    </div>

                    <div class="right-content">
                        <div class="about-timeline">

                            <div class="about-timeline-item">
                                <div class="about-timeline-item-inner">
                                    <img src="assets/imgs/bg-shape-2.svg" alt="Shape" class="line-shape" />
                                    <span class="number">01</span>
                                    <h3>Discovery and Analysis</h3>
                                    <p>Perform a analysis of the client's existing IT systems.</p>
                                </div>
                            </div>
                            <div class="about-timeline-item">
                                <div class="about-timeline-item-inner">
                                    <img src="assets/imgs/bg-shape-2.svg" alt="Shape" class="line-shape" />
                                    <span class="number">02</span>
                                    <h3>Tailored Solutions</h3>
                                    <p>Develop IT solutions based on the analysis phase.</p>
                                </div>
                            </div>
                            <div class="about-timeline-item">
                                <div class="about-timeline-item-inner">
                                    <img src="assets/imgs/bg-shape-2.svg" alt="Shape" class="line-shape" />
                                    <span class="number">03</span>
                                    <h3>Deployment and Support</h3>
                                    <p>Regularly communicate with our client to any concern.</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Consulting Experience end -->

        <!-- Project Section -->
        <?php
        // Include the database connection
        include 'database.php';

        // Fetch data from the showcase table
        $query = "SELECT showcase_id, title, image, link FROM showcase";
        $result = $conn->query($query);

        // Check for errors in fetching data
        if ($result === false) {
            die("Error fetching data: " . $conn->error);
        }

        // Fetch data as an associative array
        $showcases = [];
        if ($result->num_rows > 0) {
            while ($row = $result->fetch_assoc()) {
                $showcases[] = $row;
            }
        }
        ?>

        <section class="project-area">
            <div class="custom-container">
                <div class="custom-row justify-content-between">
                    <div class="project-left-details">
                        <h5 class="section-subtitle">PROJECTS</h5>
                        <h1 class="section-title">Showcase of our recognized work</h1>
                        <p>Our collaborative approach ensures that we truly understand our clients' unique requirements and challenges.</p>
                        <ul>
                            <li><i class="las la-check"></i> Managed Services and Products</li>
                            <li><i class="las la-check"></i> Flexibility and Adaptability</li>
                            <li><i class="las la-check"></i> Competitive Advantage</li>
                        </ul>
                    </div>

                    <div class="project-right-slider">
                        <div class="project-right-slider-inner"><div class="swiper project-slider">
                                <div class="swiper-wrapper">
                                    <?php if (!empty($showcases)): ?>
                                        <?php foreach ($showcases as $showcase): ?>
                                            <div class="swiper-slide project-item">
                                                <div class="project-item-inner">
                                                    <a href="<?php echo htmlspecialchars($showcase['link']); ?>">
                                                        <img src="encoadminders/uploads/showcase/<?php echo htmlspecialchars($showcase['image']); ?>" alt="<?php echo htmlspecialchars($showcase['title']); ?>" />
                                                    </a>
                                                </div>
                                            </div>
                                        <?php endforeach; ?>
                                    <?php else: ?>
                                        <div class="swiper-slide project-item">
                                            <div class="project-item-inner">
                                                <p>No projects to showcase at the moment.</p>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Project Section end -->


        <!-- Testimonial Section -->
        <?php
        // Include the database connection
        include 'database.php';

        // Fetch data from the testimonials table
        $query = "SELECT testimonial_id, name, designation, comment, image FROM testimonials";
        $result = $conn->query($query);

        // Check for errors in fetching data
        if ($result === false) {
            die("Error fetching data: " . $conn->error);
        }

        // Fetch data as an associative array
        $testimonials = [];
        if ($result->num_rows > 0) {
            while ($row = $result->fetch_assoc()) {
                $testimonials[] = $row;
            }
        }
        ?>

        <section class="testimonial-area">
            <div class="custom-container">
                <div class="testimonial-slider-wrap">
                    <div class="testimonial-slider swiper">
                        <div class="swiper-wrapper">
                            <?php if (!empty($testimonials)): ?>
                                <?php foreach ($testimonials as $testimonial): ?>
                                    <div class="swiper-slide testimonial-item">
                                        <div class="testimonial-item-body">
                                            <img class="bg-shape" src="assets/imgs/bg-shape-3.svg" alt="Shape" />
                                            <span class="platform-name">
                                                <img src="assets/imgs/google.png" style="height:60px;" alt="Google" />
                                            </span>
                                            <h1 style="height: 150px; overflow-y: auto;">
                                                "<?php echo htmlspecialchars($testimonial['comment']); ?>"
                                            </h1>
                                            <div class="author-box d-flex align-items-center">
                                                <img src="encoadminders/uploads/testimonials/<?php echo htmlspecialchars($testimonial['image']); ?>" alt="<?php echo htmlspecialchars($testimonial['name']); ?>" />
                                                <div class="author-box-content">
                                                    <h4><?php echo htmlspecialchars($testimonial['name']); ?></h4>
                                                    <p><?php echo htmlspecialchars($testimonial['designation']); ?></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php endforeach; ?>
                            <?php else: ?>
                                <div class="swiper-slide testimonial-item">
                                    <div class="testimonial-item-body">
                                        <p>No testimonials available at the moment.</p>
                                    </div>
                                </div>
                            <?php endif; ?>
                        </div>

                        <!-- navigation buttons -->
                        <div class="swiper-button-prev"><i class="fa-solid fa-arrow-left"></i></div>
                        <div class="swiper-button-next"><i class="fa-solid fa-arrow-right"></i></div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Testimonial Section end -->


        <!-- Client Section -->
        <?php
        // Include your database connection
        include 'database.php';

        // Query to fetch logos
        $query = "SELECT logo_id, image FROM logos";
        $result = mysqli_query($conn, $query);
        ?>

        <section class="hero-service-wrap hero-section-wrap hero-partner-wrap mt-5">
            <div class="hero-section-content-wrap">
                <div class="custom-container">
                    <div class="hero-portfolio-body">
                        <div class="hero-section-content text-center">
                            <h5 class="section-subtitle">Clients</h5>
                            <h1 class="section-title">We have great Clients in Digital World</h1>
                            <p>Our Clients play a pivotal role in our journey, bringing diverse expertise, resources and shared values to the table.</p>
                        </div>
                    </div>
                </div>

                <!-- Client Section -->
                <section class="client-gallery">
    <div class="client-carousel-wrapper">
        <div class="client-carousel">
            <?php
            // Loop through fetched logos
            if ($result && mysqli_num_rows($result) > 0) {
                while ($row = mysqli_fetch_assoc($result)) {
                    $image = $row['image']; // Adjust the field name if necessary
                    echo '
                    <div class="gallery-logo">
                        <img src="encoadminders/uploads/logos/' . htmlspecialchars($image) . '" alt="Client Logo" />
                    </div>';
                }
            } else {
                echo '<p>No client logos found.</p>';
            }
            ?>
        </div>
    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const carousel = document.querySelector(".client-carousel");
        carousel.innerHTML += carousel.innerHTML; // Duplicate logos for continuous loop
    });
</script>

                <!-- Client Section end -->


                <?php
                include 'footer.php'
                ?>


    </main>



    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-3.7.0.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/Draggable.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/client-marquee.js"></script>
    <script src="assets/js/theme-custom.js"></script>
    <script src="assets/js/form1.js"></script>
    <script src="assets/js/subscribe-form.js"></script>
    <!--Start of Tawk.to Script-->
    <script type="text/javascript">
        var Tawk_API = Tawk_API || {},
            Tawk_LoadStart = new Date();
        (function() {
            var s1 = document.createElement("script"),
                s0 = document.getElementsByTagName("script")[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/609cf4b4185beb22b30cda7a/1f5ihnorp';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
    </script>
    <!--End of Tawk.to Script-->
</body>


</html>