import { AnalysePredictiveImage, GitArrowSVG } from '@/assets/svg'
import { metaTitles } from '@/components/metaData/metaTitles'
import CustomImage from '@/components/ui/miscellaneous/CustomImage'
import { H3, H4, S } from '@/components/ui/typography'
import { useTranslations } from 'next-intl'
import React from 'react'

const GeolocalisationPresentation3 = () => {
    const t = useTranslations()

    return (
        <section className=" w-full flex flex-col-reverse lg:flex-row justify-between items-center gap-10  rounded-lg mt-20 lg:p-6">
            <CustomImage pageTitle={metaTitles.solutionsGeolocalisationMeta_Title} src={AnalysePredictiveImage} className=" bg-white  lg:h-[491px] lg:w-[560px] p-2  object-contain rounded-md" alt="analysePrédictive" />
            <div className="flex flex-col w-full gap-4">
                <H3>{t("Sécurité Renforcée des Véhicules, Marchandises et Conducteurs avec l'Analyse Prédictive IA")}</H3>
                <div className='flex flex-col gap-4'>
                    <div className='flex  gap-2'>
                        <GitArrowSVG className={" lg:min-w-12 lg:min-h-12 max-lg:min-w-11 max-lg:min-h-11"} />
                        <div className='flex flex-col gap-2'>
                            <H4>{t("Localisation GPS Instantanée")}</H4>
                            <S className='text-gray-600'>{t("Sachez où se trouve vos véhicules professionnels, à tout moment, sur une carte interactive, grâce à des données de position précises et à jour")}</S>
                        </div>
                    </div>
                    <div className='flex  gap-2'>
                        <GitArrowSVG className={" lg:min-w-12 lg:min-h-12 max-lg:min-w-11 max-lg:min-h-11"} />
                        <div className='flex flex-col gap-2'>
                            <H4>{t("Optimisation Intelligente des Itinéraires par IA")}</H4>
                            <S className='text-gray-600'>{t("Notre algorithme analyse le trafic en temps réel, les données historiques et les contraintes spécifiques pour proposer les trajets les plus rapides et économiques Réduisez les kilomètres et le temps passé sur la route")}</S>
                        </div>
                    </div>
                    <div className='flex  gap-2'>
                        <GitArrowSVG className={" lg:min-w-12 lg:min-h-12 max-lg:min-w-11 max-lg:min-h-11"} />
                        <div className='flex flex-col gap-2'>
                            <H4>{t("Affectation Dynamique Optimisée")}</H4>
                            <S className='text-gray-600'>{t("L'IA aide à identifier le véhicule et le conducteur les mieux placés pour une nouvelle mission, améliorant la réactivité et l'utilisation des ressources")}</S>
                        </div>
                    </div>

                </div>
            </div>

        </section>
    )
}

export default GeolocalisationPresentation3