@levo-so/blocks 0.1.2 → 0.1.52

package/src/blocks/footer/footer-6.tsx

@@ -0,0 +1,100 @@
+import {
+  Box,
+  Container,
+  Icon,
+  Image,
+  Section,
+  Typography,
+  Form,
+  type ILevoBlockBaseProps,
+} from "@levo-so/studio";
+
+import { type IFooter6Content } from "./footer-6.schema";
+
+const Footer6: React.FC<ILevoBlockBaseProps<IFooter6Content>> = ({
+  content,
+}) => (
+  <Section elementKey="layout">
+    <Container elementKey="container">
+      <Box elementKey="contentWrapper">
+        <Box elementKey="logoTextWrapper">
+          <Image elementKey="logo" height={26} width={26} alt="footer-logo" />
+          <Typography elementKey="logoDescription" />
+          <Box elementKey="icon_links_levoGroup" data-levo_group>
+            {((content as any)?.icon_links ?? [])?.map(
+              (_: any, index: number) => (
+                <Box
+                  key={`footer-6-icon-${index}`}
+                  data-levo_group_item
+                  elementKey={`icon_links.${index}.content_wrapper`}
+                >
+                  <Icon elementKey={`icon_links.${index}.icon`} />
+                  <Box elementKey={`icon_links.${index}.text_wrapper`}>
+                    <Typography elementKey={`icon_links.${index}.label`} />
+                    <Typography
+                      elementKey={`icon_links.${index}.description`}
+                    />
+                  </Box>
+                </Box>
+              ),
+            )}
+          </Box>
+        </Box>
+
+        <Box data-levo_group elementKey="links_levoGroup">
+          {(content?.links ?? [])?.map((link: any, index: number) => (
+            <Box
+              elementKey={`links.${index}.links`}
+              key={`footer-6-links-${index}`}
+              data-levo_group_item
+            >
+              <Typography elementKey={`links.${index}.category`} />
+              <Box
+                elementKey={`links.${index}.links_levoGroup`}
+                data-levo_group
+              >
+                {(link?.links ?? [])?.map((subLink: any, subIndex: number) => (
+                  <Box
+                    elementKey={`links.${index}.links.${subIndex}.wrapper`}
+                    key={`footer-6-links-${index}-${subIndex}`}
+                    data-levo_group_item
+                  >
+                    <Icon
+                      elementKey={`links.${index}.links.${subIndex}.icon`}
+                    />
+                    <Typography
+                      elementKey={`links.${index}.links.${subIndex}.cta`}
+                    />
+                  </Box>
+                ))}
+              </Box>
+            </Box>
+          ))}
+          <Box elementKey="contactFormWrapper">
+            <Typography elementKey="contact_form_title" />
+            <Form elementKey="contact_form" />
+            <Typography elementKey="social_icons_title" />
+            <Box data-levo_group elementKey={`social_icon_links_levoGroup`}>
+              {(content?.social_icon_links ?? []).map(
+                (_: unknown, linkIndex: number) => (
+                  <Box
+                    data-levo_group_item
+                    elementKey={`social_icon_links.${linkIndex}.wrapper`}
+                    key={`footer-6-social-icon-${linkIndex}`}
+                  >
+                    <Icon elementKey={`social_icon_links.${linkIndex}.icon`} />
+                  </Box>
+                ),
+              )}
+            </Box>
+          </Box>
+        </Box>
+      </Box>
+      <Box elementKey="footerBottomWrapper">
+        <Typography elementKey="copyright" />
+      </Box>
+    </Container>
+  </Section>
+);
+
+export default Footer6;