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 MaintenanceManagerPresentation2 = () => {
    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?.maintenanceManagerMeta_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 maintenance managers, allowing them to optimize intervention management")}</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 listens to maintenance managers to understand their specific needs and offer them suitable solutions")}</P>
                </div>
                <div className="flex items-center gap-2">
                    <CheckCircle2 className="text-white fill-[#4eb176] min-w-5 h-5" /> <P>{t("Dadycar supports maintenance managers with advanced management tools, providing them with complete visibility on the planning of maintenance operations")}</P>
                </div>
            </div>
                <Button className="w-fit">{t("Request a demo")}</Button>
            </div>
        </section>
    );
};

export default MaintenanceManagerPresentation2;