import { ANTAIImage, } from "@/assets/svg";
import { metaTitles } from "@/components/metaData/metaTitles";
import { Button } from "@/components/ui/buttons/Button";
import CustomImage from "@/components/ui/miscellaneous/CustomImage";
import { H3,  P, } from "@/components/ui/typography";
import { useTranslations } from "next-intl";
import React from "react";

const ANTAIPresentation3 = () => {
    const t = useTranslations()
    return (
        <section className="bg-white flex flex-col xl:flex-row justify-between items-center gap-10  rounded-md w-full max-lg:mt-20 p-6">
            <CustomImage pageTitle={metaTitles?.integrationsANTAIMeta_Title} src={ANTAIImage} className="max-sm:min-w-full max-sm:max-w-full min-w-[620px] max-w-[620px] h-fit rounded-md" alt="antai tacking" />
            <div className="flex flex-col gap-10 2xl:pr-16">
                <div className="flex flex-col gap-4">
                    <H3>{t("Simplified arking fine management with Dadycar")}</H3>
                </div>
                <P>{t("Tracking FPS with Dadycar simplifies the management of fines for your vehicle fleet, while reducing administrative tasks With our ANTAI integration, you can easily manage parking fines online Benefit from complete visibility thanks to a centralized interface, while automatically sending payment requests to employees responsible for violations")}</P>
                <Button className="w-fit">{t("Request a demo")}</Button>
            </div>
        </section>
    );
};

export default ANTAIPresentation3;