📄 File: testimonials-carousel.php

Path: /home2/outerorb/public_html/inc/testimonials-carousel.php

Size: 14.63 KB

Permissions: 0666

<?php
/**
 * Reusable Testimonials/Client Review Section
 *
 * Usage:
 * include 'inc/testimonials-carousel.php';
 */
?>

<style>
/* ── Testimonials Section ─────────────────────────────────────── */
.oot-testimonials-section {
    padding: 80px 0;
    background: #f4f7fc;
}
.oot-testimonials-section .section-header {
    text-align: center;
    margin-bottom: 50px;
}
.oot-testimonials-section .section-header .pre {
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #0d6efd;
    margin-bottom: 10px;
}
.oot-testimonials-section .section-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #0a1f44;
    margin: 0;
}
@media (max-width: 575px) {
    .oot-testimonials-section .section-header h2 { font-size: 26px; }
}

/* ── Swiper wrapper ───────────────────────────────────────────── */
.oot-testimonials-swiper {
    padding-bottom: 50px !important;
}
.oot-testimonials-swiper .swiper-slide {
    height: auto;
    display: flex;
}

/* ── Card ─────────────────────────────────────────────────────── */
.oot-testi-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 36px 36px 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 4px 24px rgba(7, 51, 103, 0.08);
    border: 1px solid #e8eef8;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    width: 100%;
}
.oot-testi-card:hover {
    box-shadow: 0 10px 40px rgba(7, 51, 103, 0.14);
    transform: translateY(-4px);
}

/* ── Quote icon ───────────────────────────────────────────────── */
.oot-testi-card .quote-icon {
    width: 44px;
    height: 44px;
    background: #073367;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.oot-testi-card .quote-icon svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
}

/* ── Stars ────────────────────────────────────────────────────── */
.oot-testi-card .stars {
    display: flex;
    gap: 4px;
}
.oot-testi-card .stars i {
    color: #f5a623;
    font-size: 15px;
}

/* ── Review text ──────────────────────────────────────────────── */
.oot-testi-card .review-text {
    font-size: 15px;
    line-height: 1.75;
    color: #4a5568;
    flex: 1;
    margin: 0;
}

/* ── Divider ──────────────────────────────────────────────────── */
.oot-testi-card .testi-divider {
    border: none;
    border-top: 1px solid #e8eef8;
    margin: 0;
}

/* ── Author row ───────────────────────────────────────────────── */
.oot-testi-card .author-row {
    display: flex;
    align-items: center;
    gap: 14px;
}
.oot-testi-card .author-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #073367;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}
.oot-testi-card .author-info .author-name {
    font-size: 16px;
    font-weight: 700;
    color: #0a1f44;
    margin: 0 0 2px;
    line-height: 1.3;
}
.oot-testi-card .author-info .author-role {
    font-size: 13px;
    color: #718096;
    margin: 0;
    line-height: 1.4;
}
.oot-testi-card .author-info .author-role b {
    color: #073367;
    font-weight: 600;
}

/* ── Nav buttons ──────────────────────────────────────────────── */
.oot-testi-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
}
.oot-testi-nav .oot-btn-prev,
.oot-testi-nav .oot-btn-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #073367;
    background: transparent;
    color: #073367;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, color 0.2s ease;
}
.oot-testi-nav .oot-btn-prev:hover,
.oot-testi-nav .oot-btn-next:hover {
    background: #073367;
    color: #ffffff;
}
.oot-testi-nav .swiper-pagination {
    position: static !important;
    width: auto;
}
.oot-testi-nav .swiper-pagination .swiper-pagination-bullet {
    background: #073367;
    opacity: 0.3;
}
.oot-testi-nav .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
</style>

<!-- rts clients review area start -->
<div class="oot-testimonials-section">
    <div class="container">

        <div class="section-header">
            <span class="pre">Client Feedback</span>
            <h2>What Our Clients Say</h2>
        </div>

        <div class="swiper oot-testimonials-swiper" id="ootTestimonialsSwiper">
            <div class="swiper-wrapper">

                <!-- IndiaMART -->
                <!-- <div class="swiper-slide">
                    <div class="oot-testi-card">
                        <div class="quote-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"/></svg>
                        </div>
                        <div class="stars">
                            <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 class="review-text">
                            We engaged Outer Orbit Technologies for our B2B client acquisition campaign and the results were beyond expectations. Their outbound team demonstrated a deep understanding of IndiaMART's supplier onboarding journey — they consistently delivered qualified leads, and within six months we saw our active paid client base grow by 40%. The professionalism and structured reporting they brought to the table made it feel like a seamless extension of our own sales organisation.
                        </p>
                        <hr class="testi-divider">
                        <div class="author-row">
                            <div class="author-avatar">MM</div>
                            <div class="author-info">
                                <p class="author-name">Manoj Masand</p>
                                <p class="author-role">Sr. VP – Sales &amp; Revenue &nbsp;·&nbsp; <b>IndiaMART InterMESH Ltd.</b></p>
                            </div>
                        </div>
                    </div>
                </div> -->

                <!-- LiveKeeping -->
                <!-- <div class="swiper-slide">
                    <div class="oot-testi-card">
                        <div class="quote-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"/></svg>
                        </div>
                        <div class="stars">
                            <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 class="review-text">
                            As a fast-growing SaaS company, we needed a B2B sales partner who could articulate the value of LiveKeeping to small and medium businesses — not just pitch, but genuinely educate. Outer Orbit Technologies did exactly that. Their team ran targeted outbound campaigns, conducted personalised product demos, and handled SMB onboarding end-to-end. We scaled our active business base by 35% in under a year. Their commitment to quality conversations over volume made all the difference.
                        </p>
                        <hr class="testi-divider">
                        <div class="author-row">
                            <div class="author-avatar">RK</div>
                            <div class="author-info">
                                <p class="author-name">Ritesh Kothari</p>
                                <p class="author-role">CEO &amp; Founder &nbsp;·&nbsp; <b>LiveKeeping Technologies Pvt. Ltd.</b></p>
                            </div>
                        </div>
                    </div>
                </div> -->

                <!-- Amazon India -->
                <div class="swiper-slide">
                    <div class="oot-testi-card">
                        <div class="quote-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"/></svg>
                        </div>
                        <div class="stars">
                            <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 class="review-text">
                            Scaling seller onboarding across India requires a partner who understands both process rigour and the nuances of working with first-time online sellers. Outer Orbit Technologies rose to that challenge. Their trained agents handled inbound and outbound seller outreach, account activation support, and catalogue assistance with consistency and empathy. The improvement in first-60-day seller activation rates was measurable and significant. We are proud to have them as part of our marketplace growth engine.
                        </p>
                        <hr class="testi-divider">
                        <div class="author-row">
                            <div class="author-avatar">AN</div>
                            <div class="author-info">
                                <p class="author-name">Amit Nanda</p>
                                <p class="author-role">VP – Marketplace &nbsp;·&nbsp; <b>Amazon India (Amazon Seller Services Pvt. Ltd.)</b></p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Future Tech LLC -->
                <div class="swiper-slide">
                    <div class="oot-testi-card">
                        <div class="quote-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"/></svg>
                        </div>
                        <div class="stars">
                            <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 class="review-text">
                            We brought Outer Orbit Technologies on board to run a targeted survey lead generation programme for our US market expansion. The challenge was reaching the right decision-makers and converting survey responses into actionable sales opportunities. Their team delivered 500+ qualified leads with a 25% conversion to active sales pipeline — numbers that genuinely moved the needle for us. Their ability to manage a high-volume, quality-first programme across time zones impressed our entire commercial team.
                        </p>
                        <hr class="testi-divider">
                        <div class="author-row">
                            <div class="author-avatar">JM</div>
                            <div class="author-info">
                                <p class="author-name">Jose Martinez</p>
                                <p class="author-role">Director of Business Operations &nbsp;·&nbsp; <b>Future Tech LLC</b></p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- Navigation -->
        <div class="oot-testi-nav">
            <button class="oot-btn-prev" aria-label="Previous testimonial">
                <i class="fa-sharp fa-regular fa-arrow-left"></i>
            </button>
            <div class="swiper-pagination oot-testi-pagination"></div>
            <button class="oot-btn-next" aria-label="Next testimonial">
                <i class="fa-sharp fa-regular fa-arrow-right"></i>
            </button>
        </div>

    </div>
</div>
<!-- rts clients review area end -->

<script>
(function () {
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof Swiper === 'undefined') return;
        new Swiper('#ootTestimonialsSwiper', {
            slidesPerView: 1,
            spaceBetween: 28,
            loop: true,
            autoplay: { delay: 6000, disableOnInteraction: false },
            pagination: {
                el: '.oot-testi-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.oot-btn-next',
                prevEl: '.oot-btn-prev',
            },
            breakpoints: {
                768:  { slidesPerView: 1 },
                1024: { slidesPerView: 2 },
            },
        });
    });
}());
</script>

← Back to Directory Edit File 🔒 Chmod