import React from "react";
import TestimonialsDescription from "./TestimonialsDescription";
import Statistics from "./Statistics";
import CutCornerParentCard from "../global/CutCornerParentCard";
import Title from "../global/Title";

function TestimonialsSection() {
  return (
    <div className="flex flex-col justify-between items-center xl:flex-row xl:items-center">
      <div className="flex flex-col gap-15">
        <TestimonialsDescription />
        <Statistics />
      </div>
      <div className="mt-8 lg:my-8">
        <CutCornerParentCard
          size={30}
          bottomRight
          className="w-70 h-60 md:w-150 lg:h-70 relative"
        >
          <div className="text-xl absolute bottom-4 right-10">
            <Title>مدیر عامل آرسام</Title>
            <p>اپلیکیشن آنهوما</p>
          </div>
        </CutCornerParentCard>
      </div>
    </div>
  );
}

export default TestimonialsSection;
