import { Metadata } from 'next';
import React from 'react'
import { getSolutionsGaragesMeta,  } from '@/components/metaData';
import GaragesHero from './components/GaragesHero';
import GaragesPresentation from './components/GaragesPresentation';
import GaragesPresentation2 from './components/GaragesPresentation2';
import GaragesPresentation3 from './components/GaragesPresentation3';
import GarageStats from './components/GarageStats';
import GaragesTestomonials from './components/GaragesTestomonials';
import GaragesCTA from './components/GaragesCTA';
import GaragesPresentation4 from './components/GaragesPresentation4';
import GaragesHowTo from './components/GaragesHowTo';
import { SectionsLayout } from '@/components/ui/layouts';
import { getTranslations } from 'next-intl/server';

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

const SolutionsGaragesPage = () => {
    return (
        <main>
            <GaragesHero/>
            <SectionsLayout>
                <GaragesPresentation/>
                <GaragesPresentation2/>
                <GaragesPresentation3/>
                <GaragesPresentation4/>
                <GaragesHowTo/>
                <GarageStats/>
                <GaragesTestomonials />
                <GaragesCTA />
            </SectionsLayout> 
        </main>
    )
}

export default SolutionsGaragesPage