Banner completed

src/components/first/Banner.jsx

@@ -0,0 +1,16 @@
+import {Box, Container} from "@mui/material";
+import {useConfig} from "@witel/webapp-builder";
+
+const Banner = () => {
+    const {config} = useConfig();
+    const bannerHTML = config.banner;
+    return (
+        <Box sx={{backgroundColor: "primary.light"}}>
+            <Container sx={{py: 0.7}} maxWidth="xl">
+                <div dangerouslySetInnerHTML={{__html: bannerHTML}}/>
+            </Container>
+        </Box>
+    );
+};
+
+export default Banner;

src/components/first/index.jsx

@@ -6,6 +6,7 @@ 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();
@@ -14,6 +15,7 @@ const FirstComponent = () => {
         <FullPageLayout>
             <Stack>
                 <HeaderDetails/>
+                <Banner/>
                 <LoanRegister/>
                 <LoanDescription/>
                 <LoanCondition/>