import { Metadata } from 'next';
import PricingHero from './components/PricingHero';
import { Suspense } from 'react';
import { PricingSkeleton } from '@/components/ui/skeletons';
import PricingCTA from './components/PricingCTA';
import PricingTestomonials from './components/PricingTestomonials';
import { SectionsLayout } from '@/components/ui/layouts';
import { getTranslations } from 'next-intl/server';
import { getPricingMeta } from '@/components/metaData';
import PricingParentSection from './components/PricingParentSection';
import PricingStructure from './components/PricingStructure';

export const generateMetadata = async (): Promise<Metadata> => {
    const t = await getTranslations(''); 
    return await getPricingMeta(t);
};

const PricingPage = async () => {

    return (
        <main className=' '>
            <PricingHero />
            <SectionsLayout >
                <PricingStructure/>
                <Suspense fallback={<PricingSkeleton />}>
                    <PricingParentSection />
                </Suspense>
                <PricingTestomonials />
                <PricingCTA />
            </SectionsLayout>
        </main>
    )
}

export default PricingPage