import { ValuesSection } from '@/components/sections'
import React from 'react'
import { ClockTimeSVG, ContactPhoneSVG, PresentationSVG } from '@/assets/svg'

const FuelValues = () => {
    const content = {
        title: "Maximize Your Savings Today with DadyCar!",
        subTitle: "DadyCar connects all your tools and workflows, providing instant visibility, actionable insights, and advanced automation features to optimize your fleet management",
        values: [
            {
                title: "32 %",
                icon: <PresentationSVG className={"text-primary w-7 h-7"} />,
                description: "Less time spent on maintenance management"
            },
            {
                title: "24/7",
                icon: <ContactPhoneSVG className={"text-primary w-7 h-7"} />,
                description: "real-time fleet reporting anytime, anywhere"
            },
            {
                title: "25 %",
                icon: <ClockTimeSVG className={"text-primary w-7 h-7"} />,
                description: "Savings on maintenance costs with DadyCar"
            },
        ]
    }
    return (
        <section>
            <ValuesSection content={content} />
        </section>
    )
}

export default FuelValues