import React from 'react'

import { SectionsLayout } from '@/components/ui/layouts';
import FlotteServiceHero from './components/FlotteServiceHero';
import FlotteServiceTopFeatures from './components/FlotteServiceTopFeatures';
import FlotteServicePresentation from './components/FlotteServicePresentation';
import FlotteServicePresentation2 from './components/FlotteServicePresentation2';
import FlotteComercialPresentation3 from './components/FlotteServicePresentation3';
import FlotteServiceIntegration from './components/FlotteServiceIntegration';
import FlotteServiceIntegration2 from './components/FlotteServiceIntegration2';
import MainContactSection from '@/components/ui/contact/MainContactSection';
import FlotteServiceFaq from './components/FlotteServiceFaq';
import FlotteServiceResume from './components/FlotteServiceResume';


// export const generateMetadata = async (): Promise<Metadata> => {
//     const t = await getTranslations('');
//     return await getCommercialFleetsMeta(t);
// };
const ServiceMaintenancePage = () => {
    return (
        <main className='relative overflow-hidden'>
            <FlotteServiceHero />
            <SectionsLayout className='max-sm:!max-w-full'>
                <FlotteServiceTopFeatures />
                <FlotteServicePresentation />
                <FlotteServicePresentation2 />
                <FlotteComercialPresentation3 />
                <FlotteServiceIntegration />
                <FlotteServiceIntegration2 />
            </SectionsLayout>
            <FlotteServiceResume />
            <SectionsLayout className='max-sm:!max-w-full max-lg:mt-[100px] px-6 sm:px-0 '>
                <MainContactSection />
                <FlotteServiceFaq />
            </SectionsLayout>
        </main>
    )
}

export default ServiceMaintenancePage