"use client";

import { PageContainer } from "@/components/shared/PageContainer";
import { SectionContainer } from "@/components/shared/SectionContainer";
import { SectionHeading } from "@/components/shared/SectionHeading";

const testimonials = [
  {
    author: "Daniel Cross",
    text: "Working with tenext has been a game-changer for our business. Their AI solutions automated our repetitive tasks and let us make data-driven decisions fast.",
  },
  {
    author: "Marta Wolfe",
    text: "The onboarding was smooth and the support team responded within a day for every request we had. Genuinely impressed with the attention to detail.",
  },
  {
    author: "Rajiv Patel",
    text: "tenext's dashboard gave us actionable insights we didn't have before. Setup was fast and the documentation made customization painless.",
  },
  {
    author: "Daniel Cross",
    text: "Working with tenext has been a game-changer for our business. Their AI solutions automated our repetitive tasks and let us make data-driven decisions fast.",
  },
  {
    author: "Elena Novak",
    text: "Excellent customer support from the whole team. All of our integration questions were resolved within a day.",
  },
  {
    author: "Sam Okafor",
    text: "A perfect solution in every respect. The team is especially strong on support — we recommend it without hesitation.",
  },
  {
    author: "Priya Chandran",
    text: "Fast, reliable support and an API that's genuinely easy to customize. Great work all around.",
  },
  {
    author: "Marta Wolfe",
    text: "The onboarding was smooth and the support team responded within a day for every request we had. Genuinely impressed with the attention to detail.",
  },
  {
    author: "Tom Bennett",
    text: "Great platform and even better support. The team always found a solution even when the request was out of scope.",
  },
  {
    author: "Lucia Fernandez",
    text: "High quality documentation and a codebase that's genuinely easy to extend. Our developers picked it up in a day.",
  },
  {
    author: "Rajiv Patel",
    text: "tenext's dashboard gave us actionable insights we didn't have before. Setup was fast and the documentation made customization painless.",
  },
  {
    author: "Owen Marsh",
    text: "We evaluated several AI vendors and tenext stood out for speed of support and clarity of their onboarding process.",
  },
];

export function TestimonialsSection() {
  return (
    <SectionContainer paddingY="lg" className="bg-tenext-surface-muted">
      <PageContainer>
        <div className="mb-12 max-w-[650px]">
          <SectionHeading
            tag="testimonials"
            title="User stories: hear what others love about our AI solutions"
            titleClassName="text-tenext-dark"
          />
        </div>

        <div className="columns-1 gap-6 sm:columns-2 lg:columns-4">
          {testimonials.map((t, i) => (
            <div
              key={i}
              className="mb-6 break-inside-avoid rounded-[20px] bg-white p-8"
            >
              <h5
                className="mb-4 text-[18px] font-bold text-tenext-dark"
                style={{ fontFamily: "var(--font-dm-sans)" }}
              >
                {t.author}
              </h5>
              <p className="text-[15px] leading-[1.7] text-tenext-text-muted">
                {t.text}
              </p>
            </div>
          ))}
        </div>
      </PageContainer>
    </SectionContainer>
  );
}