import React from 'react'
import Hero from './components/Hero'
import SecondSections from './components/SecondSections'
import { SectionsLayout2 } from '@/components/ui/layouts'
import SixthSection from './components/SixthSection'
import ThirdSection from './components/ThirdSection'
import FourthSection from './components/FourthSection'
import FifthSection from './components/FifthSection'
import PartnersBrands from './components/PartnersBrands'
import NinthSection from './components/NinthSection'
import PricingSection from './components/PricingSection'
import ContactSection from './components/ContactSection'
import AdsNavbar from './components/AdsNavbar'
import { getTranslations } from 'next-intl/server'
import { Metadata } from 'next'
import { getTelematicsAndGeolocationMeta } from '@/components/metaData/ads/telematicsAndGeolocationMeta'
export const generateMetadata = async (): Promise<Metadata> => {
    const t = await getTranslations('');
    return await getTelematicsAndGeolocationMeta(t);
};
const page = () => {
    return (
        <main>
            <AdsNavbar />
            <Hero />
            <SectionsLayout2>
                <SecondSections />
                <ThirdSection />
                <FourthSection />
                <FifthSection />
                <SixthSection />
                <PricingSection />
            </SectionsLayout2>
            <PartnersBrands />
            <SectionsLayout2>
                <NinthSection />
                <ContactSection />
                {/* <FAQSection /> */}
            </SectionsLayout2>
        </main>
    )
}

export default page