import React from 'react'
import Image from "next/image";
import { useTranslations } from 'next-intl';

const ProfitSection = () => {
  const t = useTranslations("")
  return (
      <section id={"profit-section"} className={"py-12"}>
        <div className={"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 justify-between items-center py-10 gap-12"}>
          <div className={"relative w-full"}>
            <Image src={"/images/profit.png"} alt={"About us image"} layout="responsive" width={500} height={500}/>
          </div>
          <div className={"px-4"}>
            <p className="section-subtitle">
              {t("profit_1_desc")}
            </p>
            <br aria-hidden/>
            <p className="section-subtitle">
              {t("profit_2_desc")}
            </p>
            <br aria-hidden/>
            <p className="section-subtitle">
              {t("profit_3_desc")}
            </p>
          </div>
        </div>
      </section>
  )
}

export default ProfitSection;
