import Layout from "../components/layout/Layout"
import MersmHero from "../components/sections/MersmHero";
import MermsFeatures from "../components/sections/MermsFeatures";
import MermsAbout from "../components/sections/MermsAbout";
import MermsHowItWorks from "../components/sections/MermsHowItWorks";
import MermsBanner from "../components/sections/MermsBanner";

export default function Home() {

    return (
        <>
            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
                <MersmHero/>
                <hr className="divider"/>
                <MermsFeatures/>
                <hr className="divider"/>
                <MermsHowItWorks/>
                <hr className="divider"/>
                <MermsAbout/>
                <hr className="divider"/>
                <MermsBanner/>
            </Layout>
        </>
    )
}
export async function getStaticProps({ locale }) {
  const { getMessages } = await import('../utils/getMessages')
  return {
    props: {
      locale,
      messages: await getMessages(locale),
    }
  }
}