import React from "react";
import pokerChips from "../../../assets/images/poker-chips.webp";

type Props = {};

const AboutSection = (props: Props) => {
  return (
    <div className="container mx-auto text-white py-20 flex">
      <div className="flex flex-col gap-10 w-1/2">
        <div className="flex flex-col gap-4">
          <h4 className="text-5xl uppercase font-bold">What is SGPT?</h4>
          <p className="text-gray-300 md:w-4/5 text-lg">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
            dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
            voluptatibus corporis animi ab. Quisquam alias error labore iste
            dolores necessitatibus mollitia officia!
          </p>

          <p className="text-gray-300 md:w-4/5 text-lg">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
            dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
            voluptatibus corporis animi ab. Quisquam alias error labore iste
            dolores necessitatibus mollitia officia!
          </p>
        </div>

        <div className="flex flex-col gap-4">
          <h4 className="text-5xl uppercase font-bold">What is SGPT?</h4>
          <p className="text-gray-300 md:w-4/5 text-lg">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
            dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
            voluptatibus corporis animi ab. Quisquam alias error labore iste
            dolores necessitatibus mollitia officia!
          </p>

          <p className="text-gray-300 md:w-4/5 text-lg">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
            dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
            voluptatibus corporis animi ab. Quisquam alias error labore iste
            dolores necessitatibus mollitia officia!
          </p>
        </div>
      </div>
      <div className="w-1/2 flex justify-center items-center">
        <img className="w-2/3" src={pokerChips} />
      </div>
    </div>
  );
};

export default AboutSection;
