import {Stack} from "@mui/material";
import {useTranslations} from "next-intl";
import LoanRegister from "@/components/first/LoanRegister";
import LoanCondition from "@/components/first/LoanCondition";
import FooterDetails from "@/components/first/FooterDetails";
import HeaderDetails from "@/components/first/HeaderDetails";
import LoanDescription from "@/components/first/LoanDescription";
import {FullPageLayout} from "@witel/webapp-builder";
import Banner from "@/components/first/Banner";

const FirstComponent = () => {
    const t = useTranslations();

    return (
        <FullPageLayout>
            <Stack>
                <HeaderDetails/>
                <Banner/>
                <LoanRegister/>
                <LoanDescription/>
                <LoanCondition/>
                <FooterDetails/>
            </Stack>
        </FullPageLayout>
    );
};

export default FirstComponent;
