Component:
Testimonial Mobile App Dark

Name: Testimonial Mobile App Dark
Availability: InStock
Free
Tailwind
React
Vue
Svelte
Astro
Tags: Testimonial Feedback Social Proof Mobile App Dark
Colors:
Description:
This carefully crafted Testimonial component is perfect for Mobile App landing pages, featuring a Dark design that looks great and converts well.
Simply copy the code with the "Copy" button, paste it into your project and customize the colors, text and images to match your brand.

                <!--
@type: Testimonial
@industry: Mobile App
@style: Dark
@category: Social Proof, Feedback
@framework: Tailwind
@license: Free
-->

<section class="bg-zinc-950 py-24 px-6">
  <div class="max-w-7xl mx-auto">

    <div class="text-center mb-16">
      <h2 class="text-lime-400 font-bold tracking-widest uppercase text-sm mb-3">Testimonials</h2>
      <h3 class="text-4xl md:text-5xl font-extrabold text-white mb-6">Loved by creators.</h3>
      <p class="text-zinc-400 max-w-xl mx-auto text-lg">
        Join thousands of professionals who have already upgraded their workflow.
      </p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">

      <div
        class="bg-zinc-900/40 border border-zinc-800 p-8 rounded-3xl hover:border-lime-400/30 transition-colors group">
        <div class="flex gap-1 mb-4">
          <span class="text-lime-400 text-2xl">★★★★★</span>
        </div>
        <p class="text-zinc-300 text-lg italic mb-8 leading-relaxed">
          "The UI is incredibly intuitive. I was able to migrate my entire team's workflow in less than an afternoon."
        </p>
        <div class="flex items-center gap-4">
          <div class="w-12 h-12 rounded-full border border-zinc-700 overflow-hidden">
            <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-2.webp" alt="Profile" class="w-full h-full object-cover">
          </div>
          <div>
            <h4 class="text-white font-bold text-sm">Alex Rivera</h4>
            <p class="text-lime-400 text-xs font-medium">@arivera_design</p>
          </div>
        </div>
      </div>

      <div
        class="bg-zinc-900 border border-zinc-700 p-8 rounded-3xl shadow-xl shadow-lime-500/5 relative overflow-hidden group">
        <div class="absolute top-0 right-0 w-24 h-24 bg-lime-400/5 blur-2xl rounded-full"></div>
        <div class="flex gap-1 mb-4">
          <span class="text-lime-400 text-2xl">★★★★★</span>
        </div>
        <p class="text-white text-lg font-medium mb-8 leading-relaxed">
          "Finally, a mobile app that doesn't feel like a stripped-down version of the desktop site. Pure power in my
          pocket."
        </p>
        <div class="flex items-center gap-4">
          <div class="w-12 h-12 rounded-full border border-zinc-700 overflow-hidden">
            <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-1.webp" alt="Profile" class="w-full h-full object-cover">
          </div>
          <div>
            <h4 class="text-white font-bold text-sm">Sarah Chen</h4>
            <p class="text-lime-400 text-xs font-medium">Product Lead at Flow</p>
          </div>
        </div>
      </div>

      <div class="bg-zinc-900/40 border border-zinc-800 p-8 rounded-3xl hover:border-lime-400/30 transition-colors">
        <div class="flex gap-1 mb-4">
          <span class="text-lime-400 text-2xl">★★★★★</span>
        </div>
        <p class="text-zinc-300 text-lg italic mb-8 leading-relaxed">
          "The automation features alone saved us 12 hours a week. It's not just an app; it's an extra team member."
        </p>
        <div class="flex items-center gap-4">
          <div class="w-12 h-12 rounded-full border border-zinc-700 overflow-hidden">
            <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-6.webp" alt="Profile" class="w-full h-full object-cover">
          </div>
          <div>
            <h4 class="text-white font-bold text-sm">Marcus Thorne</h4>
            <p class="text-lime-400 text-xs font-medium">Founder of Thorne Inc.</p>
          </div>
        </div>
      </div>

      <div class="bg-zinc-900/40 border border-zinc-800 p-8 rounded-3xl hover:border-lime-400/30 transition-colors group">
        <div class="flex gap-1 mb-4">
          <span class="text-lime-400 text-2xl">★★★★★</span>
        </div>
        <p class="text-zinc-300 text-lg italic mb-8 leading-relaxed">
          "The UI is incredibly intuitive. I was able to migrate my entire team's workflow in less than an afternoon."
        </p>
        <div class="flex items-center gap-4">
          <div class="w-12 h-12 rounded-full border border-zinc-700 overflow-hidden">
            <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-7.webp" alt="Profile" class="w-full h-full object-cover">
          </div>
          <div>
            <h4 class="text-white font-bold text-sm">Alex Rivera</h4>
            <p class="text-lime-400 text-xs font-medium">@arivera_design</p>
          </div>
        </div>
      </div>
      
      <div
        class="bg-zinc-900 border border-zinc-700 p-8 rounded-3xl shadow-xl shadow-lime-500/5 relative overflow-hidden group">
        <div class="absolute top-0 right-0 w-24 h-24 bg-lime-400/5 blur-2xl rounded-full"></div>
        <div class="flex gap-1 mb-4">
          <span class="text-lime-400 text-2xl">★★★★★</span>
        </div>
        <p class="text-white text-lg font-medium mb-8 leading-relaxed">
          "Finally, a mobile app that doesn't feel like a stripped-down version of the desktop site. Pure power in my
          pocket."
        </p>
        <div class="flex items-center gap-4">
          <div class="w-12 h-12 rounded-full border border-zinc-700 overflow-hidden">
            <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-9.webp" alt="Profile" class="w-full h-full object-cover">
          </div>
          <div>
            <h4 class="text-white font-bold text-sm">Sarah Chen</h4>
            <p class="text-lime-400 text-xs font-medium">Product Lead at Flow</p>
          </div>
        </div>
      </div>
      
      <div class="bg-zinc-900/40 border border-zinc-800 p-8 rounded-3xl hover:border-lime-400/30 transition-colors">
        <div class="flex gap-1 mb-4">
          <span class="text-lime-400 text-2xl">★★★★★</span>
        </div>
        <p class="text-zinc-300 text-lg italic mb-8 leading-relaxed">
          "The automation features alone saved us 12 hours a week. It's not just an app; it's an extra team member."
        </p>
        <div class="flex items-center gap-4">
          <div class="w-12 h-12 rounded-full border border-zinc-700 overflow-hidden">
            <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-5.webp" alt="Profile" class="w-full h-full object-cover">
          </div>
          <div>
            <h4 class="text-white font-bold text-sm">Emily Johnson</h4>
            <p class="text-lime-400 text-xs font-medium">Founder of Emily Inc.</p>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>
Testimonial Mobile App Dark

This is a Pro component

Access the full component collection

Premium components

Save components

Unlimited usage

Landing page submissions
