import {getFeaturesMobileMeta } from '@/components/metaData';
import { Metadata } from 'next';
import React from 'react'
import MobileHero from './components/MobileHero';
import MobilePresentation from './components/MobilePresentation';
import MobilePresentation2 from './components/MobilePresentation2';
import MobileMainFeatures from './components/MobileMainFeatures';
import MobileValues from './components/MobileValues';
import MobileDiscoverFeatures from './components/MobileDiscoverFeatures';
import MobileTestomonials from './components/MobileTestomonials';
import MobileFaq from './components/MobileFaq';
import MobileMainFeatures2 from './components/MobileMainFeatures2';
import MobileCTA from './components/MobileCTA';
import { SectionsLayout } from '@/components/ui/layouts';
import { getTranslations } from 'next-intl/server';

export const generateMetadata = async (): Promise<Metadata> => {
    const t = await getTranslations(''); 
    return await getFeaturesMobileMeta(t);
};
const FeaturesMobilePage = () => {
    return (
        <main className=''>
            <MobileHero/>
            <SectionsLayout>
                <MobilePresentation/>
                <MobilePresentation2/>
                <MobileMainFeatures/>
                <MobileValues />
                <MobileDiscoverFeatures />
                <MobileTestomonials />
                <MobileFaq/>
                <MobileMainFeatures2/>
                <MobileCTA />
            </SectionsLayout>
        </main>
    )
}

export default FeaturesMobilePage