@levo-so/blocks 0.1.54 → 0.1.59

package/src/blocks/hero/hero-11.tsx

@@ -0,0 +1,59 @@
+import {
+  Box,
+  Button,
+  Container,
+  Heading,
+  Icon,
+  Section,
+  Typography,
+  type ILevoBlockBaseProps,
+} from "@levo-so/studio";
+import React from "react";
+
+import type { IHero11Content } from "./hero-11.schema";
+
+const Hero11: React.FC<ILevoBlockBaseProps<IHero11Content>> = ({ content }) => (
+  <Section elementKey="layout">
+    <Container elementKey="container">
+      <Box elementKey="content_wrapper">
+        <Heading elementKey="title" />
+        <Typography elementKey="description" />
+        <Box elementKey="cta_levoGroup" data-levo_group>
+          {(content?.cta ?? []).map((_, index) => (
+            <Button
+              elementKey={`cta.${index}.button`}
+              key={`hero-10-cta-${index}`}
+              data-levo_group_item
+            />
+          ))}
+        </Box>
+        <Box elementKey="features_levoGroup" data-levo_group>
+          {(content.features ?? []).map((_, index) => (
+            <React.Fragment key={`hero-10-feature-${index}`}>
+              <Box
+                elementKey={`features.${index}.item_wrapper`}
+                data-levo_group_item
+              >
+                <Box elementKey={`features.${index}.icon_content_wrapper`}>
+                  <Icon elementKey={`features.${index}.icon`} />
+                  <Box elementKey={`features.${index}.content_wrapper`}>
+                    <Typography elementKey={`features.${index}.title`} />
+                    <Typography elementKey={`features.${index}.description`} />
+                  </Box>
+                </Box>
+              </Box>
+              {index < (content?.features?.length ?? 0) - 1 && (
+                <Box
+                  elementKey={`features.${index}.separator`}
+                  data-levo_group_item
+                />
+              )}
+            </React.Fragment>
+          ))}
+        </Box>
+      </Box>
+    </Container>
+  </Section>
+);
+
+export default Hero11;