import Image from "next/image";

interface Testimonial1Props {
  quote?: string;
  name?: string;
  position?: string;
}

const Testimonial1 = ({
  quote = "“Clause is helping our company to decrease operational expenses and turnaround time, while increasing the compliance, resource allocation and effectiveness of our contract management.”",
  name = "Darlene Robertson",
  position = "Head of marketing at Monday",
}: Testimonial1Props) => {
  return (
    <div className="flex flex-col !py-40 items-center px-5">
      <span className="font-bold text-8xl max-md:text-6xl">“</span>
      <h2 className="text-4xl max-md:text-2xl max-sm:text-lg font-medium text-center max-w-[1000px]">
        {quote}
      </h2>
      <div className="flex flex-col mt-20 max-md:mt-12 items-center">
        <div className="flex">
          <div className="rounded-full overflow-hidden w-12 h-12">
            <Image
              width={512}
              height={512}
              src="https://library.rapid-ui.com/images/blocks/testimonial1/woman.png"
              alt="woman"
            />
          </div>
          <div className="rounded-full overflow-hidden bg-white w-12 h-12 shadow-xl -ml-4">
            <Image
              className="w-full h-full object-contain p-2"
              width={512}
              height={512}
              src="https://library.rapid-ui.com/images/blocks/testimonial1/monday.png"
              alt="monday"
            />
          </div>
        </div>
        <span className="mt-6 text-primary text-xl max-md:text-lg font-medium">
          {name}
        </span>
        <span className="mt-2 text-lg max-sm:text-base">{position}</span>
      </div>
    </div>
  );
};

export { Testimonial1 };
testimonial-1
