Testimonial One

Trusted by developers

Loved by the community

Don't just take our word for it. See what developers and companies have to say about our starter template.

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

Alex Johnson

Full Stack Developer, TechFlow

"I've used many starter templates, but this one stands out for its clean architecture and attention to detail. The TypeScript support is excellent, and the documentation is comprehensive."

Sarah Miller

Frontend Engineer, DesignHub

"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. Highly recommended!"

Michael Chen

Product Manager, InnovateLabs

Trusted by developers from companies worldwide

Google

Microsoft

Airbnb

Spotify

Netflix

Features

Auto-rotating testimonial cards with smooth transitions

Company logo cloud section

Animated entrance with Motion One animations

Support for ratings, avatars, and company information

Installation

Run the following command:

Update your imports:

import TestimonialOne from "@/components/blocks/testimonial-one"

Usage

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

Props

Prop	Type	Default	Description
className	`string`	-	Additional CSS classes

Configuration

The component uses a built-in configuration object for all data. You can modify this object in the component source code to customize the testimonials section.

The configuration includes:

const testimonialsConfig = {
  title: "Loved by the community",
  subtitle: "Don't just take our word for it. See what developers and companies have to say about our starter template.",
  badgeText: "Trusted by developers",
  testimonials: [
    {
      id: 1,
      name: "Alex Johnson",
      role: "Full Stack Developer",
      company: "TechFlow",
      content: "This starter template saved me weeks of setup time...",
      rating: 5,
      avatar: "https://randomuser.me/api/portraits/men/32.jpg",
    },
    // More testimonials...
  ],
  trustedCompanies: ["Google", "Microsoft", "Airbnb", "Spotify", "Netflix"],
  autoRotateInterval: 6000,
  trustedCompaniesTitle: "Trusted by developers from companies worldwide",
}

Customization

To customize the testimonials section, modify the testimonialsConfig object directly in the component file:

// In testimonial-one.tsx
const testimonialsConfig = {
  title: "What Our Customers Say", // Change the title
  subtitle: "Real feedback from our valued customers", // Change the subtitle
  badgeText: "Customer Reviews", // Change the badge text
  testimonials: [
    // Add your own testimonials
    {
      id: 1,
      name: "Sarah Smith",
      role: "Marketing Director",
      company: "TechCorp",
      content: "Your product transformed our workflow...",
      rating: 5,
      avatar: "/avatars/sarah.jpg",
    },
    // More testimonials...
  ],
  // Change the trusted companies
  trustedCompanies: ["YourCompany", "AnotherOne", "ThirdCompany"],
};