import { Metadata } from 'next';
import React from 'react'

import { SectionsLayout } from '@/components/ui/layouts';
import { getTranslations } from 'next-intl/server';
import { getCommercialFleetsMeta } from '@/components/metaData';
import FlotteCommercialeHero from './components/FlotteCommercialeHero';
import FlotteCommercialeTopFeatures from './components/FlotteCommercialeTopFeatures';
import FlotteCommercialePresentation from './components/FlotteCommercialePresentation';
import FlotteCommercialPresentation2 from './components/FlotteCommercialPresentation2';
import FlotteComercialPresentation3 from './components/FlotteComercialPresentation3';
import FlotteCommercialIntegration from './components/FlotteCommercialIntegration';
import FlotteCommercialIntegration2 from './components/FlotteCommercialIntegration2';
import MainContactSection from '@/components/ui/contact/MainContactSection';
import FlotteCommercialeFaq from './components/FlotteCommercialeFaq';
import FlotteCommercialeResume from './components/FlotteCommercialeResume';


export const generateMetadata = async (): Promise<Metadata> => {
    const t = await getTranslations('');
    return await getCommercialFleetsMeta(t);
};
const CommercialFleetsPage = () => {
    return (
        <main className='relative overflow-hidden'>
            <FlotteCommercialeHero />
            <SectionsLayout className='max-sm:!max-w-full'>
                <FlotteCommercialeTopFeatures />
                <FlotteCommercialePresentation />
                <FlotteCommercialPresentation2 />
                <FlotteComercialPresentation3 />
                <FlotteCommercialIntegration />
                <FlotteCommercialIntegration2 />
            </SectionsLayout>
            <FlotteCommercialeResume />
            <SectionsLayout className='max-sm:!max-w-full max-lg:mt-[100px] px-6 sm:px-0 '>
                <MainContactSection />
                <FlotteCommercialeFaq />
            </SectionsLayout>
        </main>
    )
}

export default CommercialFleetsPage