import { EnergeticPersonImage} 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 {  CheckCircle2 } from "lucide-react";
import { useTranslations } from "next-intl";
import React from "react";

const FleetManagerPresentation2 = () => {
    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?.fleetManagerMeta_Title} src={EnergeticPersonImage} className="max-sm:min-w-full max-sm:max-w-full min-w-[620px] max-w-[620px] h-fit rounded-md" alt="energitic_image" />
            <div className="flex flex-col gap-10 2xl:pr-16">
                <div className="flex flex-col gap-4">
                    <H3>{t("Why Choose Dadycar for Your Fleet Management?")}</H3>
                </div>
                <div className="flex flex-col gap-3">
                <div className="flex items-center gap-2">
                    <CheckCircle2 className="text-white fill-[#4eb176] min-w-5 h-5" /> <P>{t("Complete automation of task organization is offered to fleet managers")}</P>
                </div>
                <div className="flex items-center gap-2">
                    <CheckCircle2 className="text-white fill-[#4eb176] min-w-5 h-5" /> <P>{t("A dedicated sales team, attentive to fleet managers and their specific needs")}</P>
                </div>
                <div className="flex items-center gap-2">
                    <CheckCircle2 className="text-white fill-[#4eb176] min-w-5 h-5" /> <P>{t("Dadycar supports fleet managers with advanced management tools, offering them complete visibility over their fleet")}</P>
                </div>
            </div>
                <Button className="w-fit">{t("Request a demo")}</Button>
            </div>
        </section>
    );
};

export default FleetManagerPresentation2;