SenangStart                                  Loading... 



 

   [ Back to Sections ](https://senangstart.com/sections/all)    

      

 

  showcase  18   [ Alternating Experiences ](https://senangstart.com/sections/experiences-1) [ App Screenshot Previews ](https://senangstart.com/sections/previews-2) [ Award Showcase Grid ](https://senangstart.com/sections/awards-1) [ Bonus Content Grid ](https://senangstart.com/sections/bonus-1) [ Course Card Grid ](https://senangstart.com/sections/blogs-2) [ Course Offer Cards ](https://senangstart.com/sections/offer-2) [ Custom Section Benefits ](https://senangstart.com/sections/benefits-1) [ Dual Product Cards ](https://senangstart.com/sections/products-3) [ Filterable Portfolio ](https://senangstart.com/sections/products-4) [ Offer Image Grid ](https://senangstart.com/sections/offer-1) [ Partners & Clients ](https://senangstart.com/sections/partners-clients) [ Portfolio Reveal Grid ](https://senangstart.com/sections/products-1) [ Quality Asym Images ](https://senangstart.com/sections/quality-1) [ STEM Learning Previews ](https://senangstart.com/sections/previews-1) [ Service Icon Grid ](https://senangstart.com/sections/services-1) [ Specialty Icon Grid ](https://senangstart.com/sections/specialities-1) [ Template Showcase Grid ](https://senangstart.com/sections/products-2) [ Webinar Grid ](https://senangstart.com/sections/blogs-1) 

 

  cta  7   [ App Download CTA ](https://senangstart.com/sections/cta-2) [ CTA Profile Card ](https://senangstart.com/sections/cta-1) [ CTA Stats & Image ](https://senangstart.com/sections/cta-5) [ Newsletter CTA Logos ](https://senangstart.com/sections/cta-6) [ Plan CTA Testimonial ](https://senangstart.com/sections/cta-7) [ Product CTA Interactive ](https://senangstart.com/sections/cta-3) [ Profile CTA Background ](https://senangstart.com/sections/cta-4) 

 

  feature  4   [ App Features Centered ](https://senangstart.com/sections/features-2) [ App Features Mobile ](https://senangstart.com/sections/features-1) [ Feature Image Toggle ](https://senangstart.com/sections/features-4) [ Feature Large Image ](https://senangstart.com/sections/features-3) 

 

  general  4   [ App Onboarding Steps ](https://senangstart.com/sections/steps-2) [ Event Timeline ](https://senangstart.com/sections/timeline-1) [ Step Image Cards ](https://senangstart.com/sections/steps-1) [ Story Mission Banners ](https://senangstart.com/sections/story-1) 

 

  testimonial  4   [ Basic Testimonial Grid ](https://senangstart.com/sections/testimony-2) [ Simple Testimonial ](https://senangstart.com/sections/testimony-1) [ Testimonial Cards Stats ](https://senangstart.com/sections/testimony-4) [ Testimonial Slider ](https://senangstart.com/sections/testimony-3) 

 

  video  6   [ Centered Video Show ](https://senangstart.com/sections/video-1) [ Video Feature Highlights ](https://senangstart.com/sections/video-6) [ Video Fullwidth Overlay ](https://senangstart.com/sections/video-2) [ Video Gallery ](https://senangstart.com/sections/video-4) [ Video Testimonial ](https://senangstart.com/sections/video-5) [ Video with Sidebar ](https://senangstart.com/sections/video-3) 

 

  problem  6   [ Challenge Icon Cards ](https://senangstart.com/sections/problems-3) [ Dual Problem Cards ](https://senangstart.com/sections/problems-1) [ Multi-Format Problems ](https://senangstart.com/sections/problems-2) [ Problem Before/After ](https://senangstart.com/sections/problems-4) [ Problem Image Stack ](https://senangstart.com/sections/problems-6) [ Tabbed Problem Explore ](https://senangstart.com/sections/problems-5) 

 

  faq  6   [ Classic Accordion ](https://senangstart.com/sections/faq-1) [ Colored Block FAQ ](https://senangstart.com/sections/faq-4) [ Formal List FAQ ](https://senangstart.com/sections/faq-6) [ Grid Toggle FAQ ](https://senangstart.com/sections/faq-2) [ Interactive List FAQ ](https://senangstart.com/sections/faq-5) [ Sidebar Intro FAQ ](https://senangstart.com/sections/faq-3) 

 

  product  2   [ Course Product Page ](https://senangstart.com/sections/product-1) [ Webinar Product Booking ](https://senangstart.com/sections/product-2) 

 

  footer  2   [ Footer Sitemap ](https://senangstart.com/sections/footer-2) [ Simple Footer Social ](https://senangstart.com/sections/footer-1) 

 

  story  5   [ Founder's Perspective ](https://senangstart.com/sections/story-4) [ Guiding Core Values ](https://senangstart.com/sections/story-3) [ Our Journey Timeline ](https://senangstart.com/sections/story-2) [ Our Working Philosophy ](https://senangstart.com/sections/story-5) [ The Evolution Story ](https://senangstart.com/sections/story-6) 

 

  statistic  6   [ Global Scale Stats ](https://senangstart.com/sections/statistics-6) [ Impact Highlights ](https://senangstart.com/sections/statistics-4) [ Key Metrics Showcase ](https://senangstart.com/sections/statistics-2) [ Milestone Cards ](https://senangstart.com/sections/statistics-5) [ Progress Report List ](https://senangstart.com/sections/statistics-3) [ Statistic Box Grid ](https://senangstart.com/sections/statistics-1) 

 

  hero  6   [ Hero BG Pattern Card ](https://senangstart.com/sections/hero-6) [ Hero Centered Media ](https://senangstart.com/sections/hero-1) [ Hero Feature Cards ](https://senangstart.com/sections/hero-5) [ Hero Full BG Image ](https://senangstart.com/sections/hero-3) [ Hero Split BG Image ](https://senangstart.com/sections/hero-2) [ Hero Split Overlay ](https://senangstart.com/sections/hero-4) 

 

  team  2   [ Medical Team Grid ](https://senangstart.com/sections/team-2) [ Team Leadership Grid ](https://senangstart.com/sections/team-1) 

 

  navigation  6   [ Navbar Announce User ](https://senangstart.com/sections/navbar-6) [ Navbar Mega Menu ](https://senangstart.com/sections/navbar-5) [ Navbar Prev/Next Nav ](https://senangstart.com/sections/navbar-2) [ Navbar Top Bar Links ](https://senangstart.com/sections/navbar-3) [ Navbar with Search ](https://senangstart.com/sections/navbar-4) [ Standard Navbar ](https://senangstart.com/sections/navbar-1) 

 

  pricing  2   [ Pricing Compare Table ](https://senangstart.com/sections/pricing-2) [ Pricing Toggle Cards ](https://senangstart.com/sections/pricing-1) 

 

 

 

 

       

 [![SenangStart](https://senangstart.com/img/ss_logo_text.svg)](https://senangstart.com) 

          

 

 

    ####  [\#](https://senangstart.com/sections/testimony-3/llms.txt)Testimonial Slider 

  testimonial  

 Presents customer testimonials in an interactive slider, allowing users to navigate through different quotes.

 

     

 TailwindCSS    SenangStart CSS  

 

  Testimonials

 

 What Our Clients Say 
----------------------

 Real feedback from real customers who have transformed their businesses with our solutions.

 

    

> "The platform has completely transformed how we handle our business operations. The efficiency gains have been remarkable, and the support team has been exceptional throughout our journey."

 ![Customer Photo](https://placehold.co/80x80)Sarah Johnson

CEO at TechStart Inc.

 

 

 

   

> "Implementation was smooth and the results were immediate. Our team's productivity has increased significantly, and we've seen a notable improvement in customer satisfaction."

 ![Customer Photo](https://placehold.co/80x80)Michael Chen

Operations Director at Global Solutions

 

 

 

   

> "The analytics capabilities have given us insights we never had before. We're now making data-driven decisions that have significantly improved our bottom line."

 ![Customer Photo](https://placehold.co/80x80)Emily Rodriguez

Data Analytics Lead at InnovateCorp

 

 

 

 

     

 

  

   <section class="container mx-auto my-8 px-6 lg:my-16 lg:px-16" x-data="{ activeSlide: 1 }" > <div class="mb-8 text-center"> <div class="mx-auto mb-2 w-min rounded-lg bg-blue-600 px-2 py-1"> <p class="text-sm font-bold uppercase text-white">Testimonials</p> </div> <h2 class="mb-4 text-3xl font-bold lg:text-6xl"> What Our Clients Say </h2> <p class="mx-auto max-w-2xl text-lg lg:text-xl"> Real feedback from real customers who have transformed their businesses with our solutions. </p> </div> <div class="relative"> <!-- Testimonial Slides --> <div class="relative min-h-24 overflow-hidden rounded-2xl bg-neutral-100" > <!-- Slide 1 --> <div x-show="activeSlide === 1" class="h-full w-full p-8 lg:p-16" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-4" x-transition:enter-end="opacity-100 transform translate-x-0" > <div class="mb-8 text-4xl text-blue-600"> <i class="fas fa-quote-left"></i> </div> <blockquote class="mb-8 text-xl lg:text-2xl"> "The platform has completely transformed how we handle our business operations. The efficiency gains have been remarkable, and the support team has been exceptional throughout our journey." </blockquote> <div class="flex items-center gap-4"> <img src="https://placehold.co/80x80" class="h-16 w-16 rounded-full" alt="Customer Photo" /> <div> <p class="font-bold">Sarah Johnson</p> <p class="text-sm">CEO at TechStart Inc.</p> </div> </div> </div> <!-- Slide 2 --> <div x-show="activeSlide === 2" class="h-full w-full p-8 lg:p-16" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-4" x-transition:enter-end="opacity-100 transform translate-x-0" > <div class="mb-8 text-4xl text-blue-600"> <i class="fas fa-quote-left"></i> </div> <blockquote class="mb-8 text-xl lg:text-2xl"> "Implementation was smooth and the results were immediate. Our team's productivity has increased significantly, and we've seen a notable improvement in customer satisfaction." </blockquote> <div class="flex items-center gap-4"> <img src="https://placehold.co/80x80" class="h-16 w-16 rounded-full" alt="Customer Photo" /> <div> <p class="font-bold">Michael Chen</p> <p class="text-sm">Operations Director at Global Solutions</p> </div> </div> </div> <!-- Slide 3 --> <div x-show="activeSlide === 3" class="h-full w-full p-8 lg:p-16" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-4" x-transition:enter-end="opacity-100 transform translate-x-0" > <div class="mb-8 text-4xl text-blue-600"> <i class="fas fa-quote-left"></i> </div> <blockquote class="mb-8 text-xl lg:text-2xl"> "The analytics capabilities have given us insights we never had before. We're now making data-driven decisions that have significantly improved our bottom line." </blockquote> <div class="flex items-center gap-4"> <img src="https://placehold.co/80x80" class="h-16 w-16 rounded-full" alt="Customer Photo" /> <div> <p class="font-bold">Emily Rodriguez</p> <p class="text-sm">Data Analytics Lead at InnovateCorp</p> </div> </div> </div> </div> <!-- Navigation Controls --> <div class="mt-8 flex justify-center gap-4"> <button @click="activeSlide = 1" class="h-3 w-3 rounded-full transition-colors" :class="{ 'bg-blue-600': activeSlide === 1, 'bg-neutral-300': activeSlide !== 1 }" ></button> <button @click="activeSlide = 2" class="h-3 w-3 rounded-full transition-colors" :class="{ 'bg-blue-600': activeSlide === 2, 'bg-neutral-300': activeSlide !== 2 }" ></button> <button @click="activeSlide = 3" class="h-3 w-3 rounded-full transition-colors" :class="{ 'bg-blue-600': activeSlide === 3, 'bg-neutral-300': activeSlide !== 3 }" ></button> </div> </div> </section>  COPY  ```
    <section
      class="container mx-auto my-8 px-6 lg:my-16 lg:px-16"
      x-data="{ activeSlide: 1 }"
    >
      <div class="mb-8 text-center">
        <div class="mx-auto mb-2 w-min rounded-lg bg-blue-600 px-2 py-1">
          <p class="text-sm font-bold uppercase text-white">Testimonials</p>
        </div>
        <h2 class="mb-4 text-3xl font-bold lg:text-6xl">
          What Our Clients Say
        </h2>
        <p class="mx-auto max-w-2xl text-lg lg:text-xl">
          Real feedback from real customers who have transformed their
          businesses with our solutions.
        </p>
      </div>

      <div class="relative">
        <!-- Testimonial Slides -->
        <div
          class="relative min-h-24 overflow-hidden rounded-2xl bg-neutral-100"
        >
          <!-- Slide 1 -->
          <div
            x-show="activeSlide === 1"
            class="h-full w-full p-8 lg:p-16"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0 transform translate-x-4"
            x-transition:enter-end="opacity-100 transform translate-x-0"
          >
            <div class="mb-8 text-4xl text-blue-600">
              <i class="fas fa-quote-left"></i>
            </div>
            <blockquote class="mb-8 text-xl lg:text-2xl">
              "The platform has completely transformed how we handle our
              business operations. The efficiency gains have been remarkable,
              and the support team has been exceptional throughout our journey."
            </blockquote>
            <div class="flex items-center gap-4">
              <img
                src="https://placehold.co/80x80"
                class="h-16 w-16 rounded-full"
                alt="Customer Photo"
              />
              <div>
                <p class="font-bold">Sarah Johnson</p>
                <p class="text-sm">CEO at TechStart Inc.</p>
              </div>
            </div>
          </div>

          <!-- Slide 2 -->
          <div
            x-show="activeSlide === 2"
            class="h-full w-full p-8 lg:p-16"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0 transform translate-x-4"
            x-transition:enter-end="opacity-100 transform translate-x-0"
          >
            <div class="mb-8 text-4xl text-blue-600">
              <i class="fas fa-quote-left"></i>
            </div>
            <blockquote class="mb-8 text-xl lg:text-2xl">
              "Implementation was smooth and the results were immediate. Our
              team's productivity has increased significantly, and we've seen a
              notable improvement in customer satisfaction."
            </blockquote>
            <div class="flex items-center gap-4">
              <img
                src="https://placehold.co/80x80"
                class="h-16 w-16 rounded-full"
                alt="Customer Photo"
              />
              <div>
                <p class="font-bold">Michael Chen</p>
                <p class="text-sm">Operations Director at Global Solutions</p>
              </div>
            </div>
          </div>

          <!-- Slide 3 -->
          <div
            x-show="activeSlide === 3"
            class="h-full w-full p-8 lg:p-16"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0 transform translate-x-4"
            x-transition:enter-end="opacity-100 transform translate-x-0"
          >
            <div class="mb-8 text-4xl text-blue-600">
              <i class="fas fa-quote-left"></i>
            </div>
            <blockquote class="mb-8 text-xl lg:text-2xl">
              "The analytics capabilities have given us insights we never had
              before. We're now making data-driven decisions that have
              significantly improved our bottom line."
            </blockquote>
            <div class="flex items-center gap-4">
              <img
                src="https://placehold.co/80x80"
                class="h-16 w-16 rounded-full"
                alt="Customer Photo"
              />
              <div>
                <p class="font-bold">Emily Rodriguez</p>
                <p class="text-sm">Data Analytics Lead at InnovateCorp</p>
              </div>
            </div>
          </div>
        </div>

        <!-- Navigation Controls -->
        <div class="mt-8 flex justify-center gap-4">
          <button
            @click="activeSlide = 1"
            class="h-3 w-3 rounded-full transition-colors"
            :class="{ 'bg-blue-600': activeSlide === 1, 'bg-neutral-300': activeSlide !== 1 }"
          ></button>
          <button
            @click="activeSlide = 2"
            class="h-3 w-3 rounded-full transition-colors"
            :class="{ 'bg-blue-600': activeSlide === 2, 'bg-neutral-300': activeSlide !== 2 }"
          ></button>
          <button
            @click="activeSlide = 3"
            class="h-3 w-3 rounded-full transition-colors"
            :class="{ 'bg-blue-600': activeSlide === 3, 'bg-neutral-300': activeSlide !== 3 }"
          ></button>
        </div>
      </div>
    </section>
```

 

 

  Testimonials

 

 What Our Clients Say 
----------------------

 Real feedback from real customers who have transformed their businesses with our solutions.

 

    

> "The platform has completely transformed how we handle our business operations. The efficiency gains have been remarkable, and the support team has been exceptional throughout our journey."

 ![Customer Photo](https://placehold.co/80x80)Sarah Johnson

CEO at TechStart Inc.

 

 

 

   

> "Implementation was smooth and the results were immediate. Our team's productivity has increased significantly, and we've seen a notable improvement in customer satisfaction."

 ![Customer Photo](https://placehold.co/80x80)Michael Chen

Operations Director at Global Solutions

 

 

 

   

> "The analytics capabilities have given us insights we never had before. We're now making data-driven decisions that have significantly improved our bottom line."

 ![Customer Photo](https://placehold.co/80x80)Emily Rodriguez

Data Analytics Lead at InnovateCorp

 

 

 

 

     

 

  

   &lt;section layout="container" space="m-x:auto m-y:large p-x:medium-3x tw-lg:m-y:big-3x tw-lg:p-x:big-3x" x-data="{ activeSlide: 1 }" &gt; &lt;div space="m-b:large" visual="text:center"&gt; &lt;div space="m-x:auto m-b:small w:\[min-content\] p-x:small p-y:tiny" visual="rounded:medium bg:blue-600"&gt; &lt;p visual="text-size:small font:tw-bold uppercase text:white"&gt;Testimonials&lt;/p&gt; &lt;/div&gt; &lt;h2 space="m-b:medium" visual="text-size:grand font:tw-bold tw-lg:text-size:mega"&gt; What Our Clients Say &lt;/h2&gt; &lt;p space="m-x:auto max-w:\[2xl\]" visual="text-size:large tw-lg:text-size:big"&gt; Real feedback from real customers who have transformed their businesses with our solutions. &lt;/p&gt; &lt;/div&gt; &lt;div layout="relative"&gt; &lt;!-- Testimonial Slides --&gt; &lt;div layout="relative overflow:hidden" space="min-h:giant" visual="rounded:big bg:neutral-100" &gt; &lt;!-- Slide 1 --&gt; &lt;div x-show="activeSlide === 1" space="h:\[100%\] w:\[100%\] p:large tw-lg:p:big-3x" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-4" x-transition:enter-end="opacity-100 transform translate-x-0" &gt; &lt;div space="m-b:large" visual="text-size:giant text:blue-600"&gt; &lt;i class="fas fa-quote-left"&gt;&lt;/i&gt; &lt;/div&gt; &lt;blockquote space="m-b:large" visual="text-size:big tw-lg:text-size:huge"&gt; "The platform has completely transformed how we handle our business operations. The efficiency gains have been remarkable, and the support team has been exceptional throughout our journey." &lt;/blockquote&gt; &lt;div layout="flex items:center" space="g:medium"&gt; &lt;img src="https://placehold.co/80x80" space="h:big-3x w:big-3x" visual="rounded:round" alt="Customer Photo" /&gt; &lt;div&gt; &lt;p visual="font:tw-bold"&gt;Sarah Johnson&lt;/p&gt; &lt;p visual="text-size:small"&gt;CEO at TechStart Inc.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Slide 2 --&gt; &lt;div x-show="activeSlide === 2" space="h:\[100%\] w:\[100%\] p:large tw-lg:p:big-3x" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-4" x-transition:enter-end="opacity-100 transform translate-x-0" &gt; &lt;div space="m-b:large" visual="text-size:giant text:blue-600"&gt; &lt;i class="fas fa-quote-left"&gt;&lt;/i&gt; &lt;/div&gt; &lt;blockquote space="m-b:large" visual="text-size:big tw-lg:text-size:huge"&gt; "Implementation was smooth and the results were immediate. Our team's productivity has increased significantly, and we've seen a notable improvement in customer satisfaction." &lt;/blockquote&gt; &lt;div layout="flex items:center" space="g:medium"&gt; &lt;img src="https://placehold.co/80x80" space="h:big-3x w:big-3x" visual="rounded:round" alt="Customer Photo" /&gt; &lt;div&gt; &lt;p visual="font:tw-bold"&gt;Michael Chen&lt;/p&gt; &lt;p visual="text-size:small"&gt;Operations Director at Global Solutions&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Slide 3 --&gt; &lt;div x-show="activeSlide === 3" space="h:\[100%\] w:\[100%\] p:large tw-lg:p:big-3x" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-4" x-transition:enter-end="opacity-100 transform translate-x-0" &gt; &lt;div space="m-b:large" visual="text-size:giant text:blue-600"&gt; &lt;i class="fas fa-quote-left"&gt;&lt;/i&gt; &lt;/div&gt; &lt;blockquote space="m-b:large" visual="text-size:big tw-lg:text-size:huge"&gt; "The analytics capabilities have given us insights we never had before. We're now making data-driven decisions that have significantly improved our bottom line." &lt;/blockquote&gt; &lt;div layout="flex items:center" space="g:medium"&gt; &lt;img src="https://placehold.co/80x80" space="h:big-3x w:big-3x" visual="rounded:round" alt="Customer Photo" /&gt; &lt;div&gt; &lt;p visual="font:tw-bold"&gt;Emily Rodriguez&lt;/p&gt; &lt;p visual="text-size:small"&gt;Data Analytics Lead at InnovateCorp&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Navigation Controls --&gt; &lt;div layout="flex justify:center" space="m-t:large g:medium"&gt; &lt;button @click="activeSlide = 1" space="h:small-3x w:small-3x" visual="rounded:round transition:colors" :class="{ 'bg-blue-600': activeSlide === 1, 'bg-neutral-300': activeSlide !== 1 }" &gt;&lt;/button&gt; &lt;button @click="activeSlide = 2" space="h:small-3x w:small-3x" visual="rounded:round transition:colors" :class="{ 'bg-blue-600': activeSlide === 2, 'bg-neutral-300': activeSlide !== 2 }" &gt;&lt;/button&gt; &lt;button @click="activeSlide = 3" space="h:small-3x w:small-3x" visual="rounded:round transition:colors" :class="{ 'bg-blue-600': activeSlide === 3, 'bg-neutral-300': activeSlide !== 3 }" &gt;&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt;  COPY  ```
    <section
      layout="container" space="m-x:auto m-y:large p-x:medium-3x tw-lg:m-y:big-3x tw-lg:p-x:big-3x"
      x-data="{ activeSlide: 1 }"
    >
      <div space="m-b:large" visual="text:center">
        <div space="m-x:auto m-b:small w:[min-content] p-x:small p-y:tiny" visual="rounded:medium bg:blue-600">
          <p visual="text-size:small font:tw-bold uppercase text:white">Testimonials</p>
        </div>
        <h2 space="m-b:medium" visual="text-size:grand font:tw-bold tw-lg:text-size:mega">
          What Our Clients Say
        </h2>
        <p space="m-x:auto max-w:[2xl]" visual="text-size:large tw-lg:text-size:big">
          Real feedback from real customers who have transformed their
          businesses with our solutions.
        </p>
      </div>

      <div layout="relative">
        <!-- Testimonial Slides -->
        <div
          layout="relative overflow:hidden" space="min-h:giant" visual="rounded:big bg:neutral-100"
        >
          <!-- Slide 1 -->
          <div
            x-show="activeSlide === 1"
            space="h:[100%] w:[100%] p:large tw-lg:p:big-3x"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0 transform translate-x-4"
            x-transition:enter-end="opacity-100 transform translate-x-0"
          >
            <div space="m-b:large" visual="text-size:giant text:blue-600">
              <i class="fas fa-quote-left"></i>
            </div>
            <blockquote space="m-b:large" visual="text-size:big tw-lg:text-size:huge">
              "The platform has completely transformed how we handle our
              business operations. The efficiency gains have been remarkable,
              and the support team has been exceptional throughout our journey."
            </blockquote>
            <div layout="flex items:center" space="g:medium">
              <img
                src="https://placehold.co/80x80"
                space="h:big-3x w:big-3x" visual="rounded:round"
                alt="Customer Photo"
              />
              <div>
                <p visual="font:tw-bold">Sarah Johnson</p>
                <p visual="text-size:small">CEO at TechStart Inc.</p>
              </div>
            </div>
          </div>

          <!-- Slide 2 -->
          <div
            x-show="activeSlide === 2"
            space="h:[100%] w:[100%] p:large tw-lg:p:big-3x"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0 transform translate-x-4"
            x-transition:enter-end="opacity-100 transform translate-x-0"
          >
            <div space="m-b:large" visual="text-size:giant text:blue-600">
              <i class="fas fa-quote-left"></i>
            </div>
            <blockquote space="m-b:large" visual="text-size:big tw-lg:text-size:huge">
              "Implementation was smooth and the results were immediate. Our
              team's productivity has increased significantly, and we've seen a
              notable improvement in customer satisfaction."
            </blockquote>
            <div layout="flex items:center" space="g:medium">
              <img
                src="https://placehold.co/80x80"
                space="h:big-3x w:big-3x" visual="rounded:round"
                alt="Customer Photo"
              />
              <div>
                <p visual="font:tw-bold">Michael Chen</p>
                <p visual="text-size:small">Operations Director at Global Solutions</p>
              </div>
            </div>
          </div>

          <!-- Slide 3 -->
          <div
            x-show="activeSlide === 3"
            space="h:[100%] w:[100%] p:large tw-lg:p:big-3x"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0 transform translate-x-4"
            x-transition:enter-end="opacity-100 transform translate-x-0"
          >
            <div space="m-b:large" visual="text-size:giant text:blue-600">
              <i class="fas fa-quote-left"></i>
            </div>
            <blockquote space="m-b:large" visual="text-size:big tw-lg:text-size:huge">
              "The analytics capabilities have given us insights we never had
              before. We're now making data-driven decisions that have
              significantly improved our bottom line."
            </blockquote>
            <div layout="flex items:center" space="g:medium">
              <img
                src="https://placehold.co/80x80"
                space="h:big-3x w:big-3x" visual="rounded:round"
                alt="Customer Photo"
              />
              <div>
                <p visual="font:tw-bold">Emily Rodriguez</p>
                <p visual="text-size:small">Data Analytics Lead at InnovateCorp</p>
              </div>
            </div>
          </div>
        </div>

        <!-- Navigation Controls -->
        <div layout="flex justify:center" space="m-t:large g:medium">
          <button
            @click="activeSlide = 1"
            space="h:small-3x w:small-3x" visual="rounded:round transition:colors"
            :class="{ 'bg-blue-600': activeSlide === 1, 'bg-neutral-300': activeSlide !== 1 }"
          ></button>
          <button
            @click="activeSlide = 2"
            space="h:small-3x w:small-3x" visual="rounded:round transition:colors"
            :class="{ 'bg-blue-600': activeSlide === 2, 'bg-neutral-300': activeSlide !== 2 }"
          ></button>
          <button
            @click="activeSlide = 3"
            space="h:small-3x w:small-3x" visual="rounded:round transition:colors"
            :class="{ 'bg-blue-600': activeSlide === 3, 'bg-neutral-300': activeSlide !== 3 }"
          ></button>
        </div>
      </div>
    </section>
```

 

 

  

 

 

 

     SA 

 

 Senang Assistant Online • Help Center 

 

            

 

  

 

            

      

### Cookie Consent

 We use cookies to optimize website features, analyze traffic, and enhance your browsing experience. Choose your preferences below. [Privacy Policy](https://senangstart.com/privacy_policy)

 

 

  Accept All   Reject All   Customize Preferences  

 

 ### Manage Preferences

      

   Strictly Necessary Required  Essential for page operation, user login sessions, and secure navigation.

 

 



 

 

  Performance &amp; Analytics Allows us to count visits and traffic sources to measure and improve our site performance.

 

  

  

  Marketing &amp; Targeting Used to understand visitor interests and deliver relevant promotional messages.

 

  

  

 

  Save Choices   Accept All