Command Palette

Search for a command to run...

Docs
Testimonial Two

Testimonial Two

A modern testimonial section with manual navigation and quote styling.

Loved by Developers

See what others are saying about our premium starter template

A

Alex Johnson

Full Stack Developer, TechFlow

"This starter template saved me weeks of setup time. The Supabase integration is flawless, and the UI components are beautiful and easy to customize."

Verified Customer
S

Sarah Miller

Frontend Engineer, DesignHub

"I've used many starter templates, but this one stands out for its clean architecture and attention to detail."

Verified Customer
M

Michael Chen

Product Manager, InnovateLabs

"Our team was able to launch our MVP in record time thanks to this template. The authentication flow and user management features worked right out of the box."

Verified Customer

Trusted by teams at these companies and more

Google
Microsoft
Airbnb
Spotify
Netflix

Features

Manual navigation with prev/next buttons
Stylized quote design with decorative elements
Animated transitions between testimonials
Support for verified badges and company logos

Installation

Run the following command:

Update your imports:
import { TestimonialTwo } from "@/components/blocks/testimonial-two"

Usage

import { TestimonialTwo } from "@/components/blocks/testimonial-two";
 
export default function Home() {
  return (
    <TestimonialTwo />
  );
}

Props

PropTypeDefaultDescription
classNamestring-Additional CSS classes
titlestring"Loved by Developers"Section title
subtitlestring"See what others are saying..."Section subtitle
testimonialsTestimonial[]See belowArray of testimonials to display
showVerifiedBadgebooleantrueWhether to show verified badge
trustedCompaniesstring[][]Array of company names to display
autoRotateIntervalnumber6000Interval for auto-rotation in ms

Testimonial Type

interface Testimonial {
  id: number;
  name: string;
  role: string;
  company: string;
  content: string;
  rating: number;
  avatar: string;
}

Customization

You can customize the testimonial section by passing props:
const testimonials = [
  {
    id: 1,
    name: "Michael Chen",
    role: "CTO",
    company: "TechStart Inc",
    content: "The pro plan has been instrumental in scaling our development process.",
    rating: 5,
    avatar: "/avatars/2.jpg"
  }
];
 
const trustedCompanies = [
  "Google",
  "Microsoft",
  "Apple",
  "Amazon"
];
 
<TestimonialTwo 
  title="Customer Success Stories"
  subtitle="Real experiences from our users"
  testimonials={testimonials}
  showVerifiedBadge={true}
  trustedCompanies={trustedCompanies}
  autoRotateInterval={8000}
/>