import { ChartBarSVG, HammerImage, PersonPicture } from '@/assets/svg'
import CustomImage from '@/components/ui/miscellaneous/CustomImage'
import {  P, S } from '@/components/ui/typography'
import { useTranslations } from 'next-intl'
import React from 'react'

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

    return (
        <section className=" w-full bg-white flex flex-col xl:flex-row justify-between items-center gap-10  rounded-md mt-20 p-4 lg:p-6">
            <CustomImage pageTitle={""} src={PersonPicture} className="min-w-full max-w-full xl:min-w-[620px] xl:max-w-[620px] h-[329px] sm:h-[595px] object-cover rounded-md" alt="Adopt the energy transition" />
            <div className="flex flex-col w-full gap-4">
                <div className='bg-[#FDE3E34D] rounded-[12px] p-[20px] flex flex-col gap-2'>
                    <HammerImage className={"text-[#EF4444] w-8 h-8 "} />
                    <div className='flex flex-col gap-2'>
                        <P className=' text-[20px] lg:text-[18px] font-[600] text-gray-700'>{t("Conformité Réglementaire (RGPD) : Un Casse-Tête Juridique")}</P>
                        <S className=' text-gray-600 !text-[16px] !font-normal'>{t("Assurer le respect du RGPD et des accords d'entreprise sur la géolocalisation de véhicules professionnels (information conducteur, durée de conservation, justification) est crucial mais complexe Une erreur peut coûter cher Conséquence : Risques de sanctions, litiges et perte de confiance")}</S>
                    </div>
                </div>
                <div className='bg-[#FDE3E34D] rounded-[12px] p-[20px] flex flex-col gap-2'>
                    <ChartBarSVG />
                    <div className='flex flex-col gap-2'>
                        <P className=' text-[20px] lg:text-[18px] font-[600] text-gray-700'>{t("Sécurité Compromise : Comportements à Risque et Risques de Vol")}</P>
                        <S className=' text-gray-600 !text-[16px] !font-normal'>{t("Conduite agressive non détectée (freinages brusques, excès de vitesse), suivi approximatif de maintenance, absence de mesures appropriées en cas de vol Ces facteurs augmentent les risques d'accidents, de pannes et de pertes matérielles Conséquence : Hausse des coûts d'assurance, interruptions d'activité, mise en danger des employés")}</S>
                    </div>
                </div>

            </div>

        </section>
    )
}

export default GeolocalisationPresentation2