'use client';

import { SectionsLayout2 } from '@/components/ui/layouts';
import React from 'react';
import ContactSection from './ContactSection';
import { H1, P } from '@/components/ui/typography';
import { useTranslations } from 'next-intl';

const SalesContactPage = () => {
    const t = useTranslations();

    return <>
        <SectionsLayout2>
            <div className='flex flex-col gap-2 items-center  text-center' >
                <H1 className='sm:w-[70%] !text-xl lg:!text-3xl'>{t("Ready to transform your fleet management?")}</H1>
                <P className='sm:w-[70%]'>{t("Discover how artificial intelligence can simplify, optimize, and modernize your fleet today")}</P>
            </div>
            <ContactSection />
        </SectionsLayout2>
    </>
}

export default SalesContactPage;