import { PresentationChartBarSVG } from '@/assets/svg'
import { ValuesSection2 } from '@/components/sections'
import React from 'react'

const ANTAIValues2 = () => {
    const content = {
        title: "Key features of the ANTAI integration",
        values: [
            {
                icon: <PresentationChartBarSVG className="text-primary" />,
                title: "Full Automation",
                description: "Free yourself from repetitive tasks with complete automation of infraction management, reducing human errors and speeding up processing",
            },
            {
                icon: <PresentationChartBarSVG className="text-primary" />,
                title: "Guaranteed Compliance",
                description: "Ensure the compliance of your vehicle fleet by respecting legal standards and avoiding fines, thanks to automated reminders and alerts",
            },
            {
                icon: <PresentationChartBarSVG className="text-primary" />,
                title: "Maximized Efficiency",
                description: "Track all your tickets quickly and transparently, centralizing all information in a single platform for simplicity",
            },
        ]
    }
    return (
        <section className='flex flex-col items-center justify-center gap-40'>
            <ValuesSection2 content={content} />
        </section>
    )
}

export default ANTAIValues2