diff --git a/apps/roboshield/payload-types.ts b/apps/roboshield/payload-types.ts
index f78ea8dbd..c2caf7ae0 100644
--- a/apps/roboshield/payload-types.ts
+++ b/apps/roboshield/payload-types.ts
@@ -55,6 +55,57 @@ export interface Page {
             blockName?: string | null;
             blockType: "page-header";
           }
+        | {
+            content?:
+              | (
+                  | {
+                      content: {
+                        [k: string]: unknown;
+                      }[];
+                      id?: string | null;
+                      blockName?: string | null;
+                      blockType: "richtext";
+                    }
+                  | {
+                      image: string | Media;
+                      id?: string | null;
+                      blockName?: string | null;
+                      blockType: "mediaBlock";
+                    }
+                  | {
+                      externalEmbeddFields?: {
+                        embedType?: ("url" | "code") | null;
+                        url?: string | null;
+                        caption?: string | null;
+                        code?: string | null;
+                      };
+                      id?: string | null;
+                      blockName?: string | null;
+                      blockType: "externalEmbedd";
+                    }
+                )[]
+              | null;
+            id?: string | null;
+            blockName?: string | null;
+            blockType: "content";
+          }
+        | {
+            title: string;
+            statistics?:
+              | {
+                  name: string;
+                  value: string;
+                  description: {
+                    [k: string]: unknown;
+                  }[];
+                  icon?: string | Media | null;
+                  id?: string | null;
+                }[]
+              | null;
+            id?: string | null;
+            blockName?: string | null;
+            blockType: "statistics";
+          }
         | {
             toolTipText: string;
             steps?:
diff --git a/apps/roboshield/src/components/BlockRenderer/BlockRenderer.tsx b/apps/roboshield/src/components/BlockRenderer/BlockRenderer.tsx
index 60d6aaff0..fb633bc12 100644
--- a/apps/roboshield/src/components/BlockRenderer/BlockRenderer.tsx
+++ b/apps/roboshield/src/components/BlockRenderer/BlockRenderer.tsx
@@ -1,4 +1,6 @@
-import PageHeader from "@/roboshield/components/PageHeader/PageHeader";
+import PageHeader from "@/roboshield/components/PageHeader";
+import Content from "@/roboshield/components/Content";
+import Statistics from "@/roboshield/components/Statistics";
 import { Page } from "@/root/payload-types";
 import RoboForm from "@/roboshield/components/RoboForm";
 import { FC } from "react";
@@ -7,17 +9,19 @@ interface BlockRendererProps extends Pick<Page, "blocks"> {}
 
 const components = {
   "page-header": PageHeader,
+  content: Content,
+  statistics: Statistics,
   "robo-form": RoboForm,
 };
 
 export default function BlockRenderer({ blocks }: BlockRendererProps) {
   return (
     <>
-      {blocks?.map((block, index) => {
+      {blocks?.map((block) => {
         const Component: FC<any> = components[block.blockType];
 
         if (Component) {
-          return <Component key={index} {...block} />;
+          return <Component key={block.blockType} {...block} />;
         }
 
         return null;
diff --git a/apps/roboshield/src/components/Content/Content.tsx b/apps/roboshield/src/components/Content/Content.tsx
new file mode 100644
index 000000000..d01bbb7ae
--- /dev/null
+++ b/apps/roboshield/src/components/Content/Content.tsx
@@ -0,0 +1,63 @@
+import { Section } from "@commons-ui/core";
+import { Page } from "@/root/payload-types";
+import {
+  ExtractBlockType,
+  ExtractNestedBlockType,
+} from "@/roboshield/utils/blocks";
+import LongFormRichText from "@/roboshield/components/LongFormRichText";
+import LongFormMedia from "@/roboshield/components/LongFormMedia";
+import LongFormExternalEmbed from "@/roboshield/components/LongFormExternalEmbed";
+
+type ContentProps = ExtractBlockType<
+  NonNullable<Page["blocks"]>[number],
+  "content"
+>;
+
+export type ExternalEmbeddBlock = ExtractNestedBlockType<
+  NonNullable<ContentProps["content"]>[number],
+  "externalEmbedd"
+>;
+
+export type RichTextBlock = ExtractNestedBlockType<
+  NonNullable<ContentProps["content"]>[number],
+  "richtext"
+>;
+
+export type MediaBlock = ExtractNestedBlockType<
+  NonNullable<ContentProps["content"]>[number],
+  "mediaBlock"
+>;
+
+type ComponentMap = {
+  richtext: (props: RichTextBlock) => JSX.Element;
+  mediaBlock?: (props: MediaBlock) => JSX.Element;
+  externalEmbedd?: (props: ExternalEmbeddBlock) => JSX.Element;
+};
+export default function Content({ content }: ContentProps) {
+  const COMPONENT_BY_CONTENT_TYPE: ComponentMap = {
+    richtext: LongFormRichText,
+    mediaBlock: LongFormMedia,
+    externalEmbedd: LongFormExternalEmbed,
+  };
+
+  return (
+    <Section
+      component="section"
+      variant="body3"
+      sx={{
+        px: { xs: 2.5, sm: 0 },
+        my: 10,
+      }}
+    >
+      {content?.map((child) => {
+        const Component = COMPONENT_BY_CONTENT_TYPE[child.blockType];
+
+        if (Component) {
+          return <Component key={child.id} {...child} />;
+        }
+
+        return null;
+      })}
+    </Section>
+  );
+}
diff --git a/apps/roboshield/src/components/Content/index.ts b/apps/roboshield/src/components/Content/index.ts
new file mode 100644
index 000000000..7238170d4
--- /dev/null
+++ b/apps/roboshield/src/components/Content/index.ts
@@ -0,0 +1,3 @@
+import Content from "./Content";
+
+export default Content;
diff --git a/apps/roboshield/src/components/LongFormExternalEmbed/LongFormExternalEmbed.tsx b/apps/roboshield/src/components/LongFormExternalEmbed/LongFormExternalEmbed.tsx
new file mode 100644
index 000000000..7f75a2a79
--- /dev/null
+++ b/apps/roboshield/src/components/LongFormExternalEmbed/LongFormExternalEmbed.tsx
@@ -0,0 +1,30 @@
+import { RichTypography } from "@commons-ui/core";
+import { Box } from "@mui/material";
+import React from "react";
+import { ExternalEmbeddBlock } from "@/roboshield/components/Content/Content";
+
+export default function LongFormExternalEmbed(props: ExternalEmbeddBlock) {
+  const { externalEmbeddFields: { code = "", caption = "", url = "" } = {} } =
+    props;
+
+  return (
+    <Box
+      sx={{
+        my: 5,
+      }}
+    >
+      {code && <RichTypography>{code}</RichTypography>}
+      {url && (
+        <iframe
+          src={url}
+          title={caption!}
+          style={{
+            width: "100%",
+            height: "500px",
+            border: "none",
+          }}
+        />
+      )}
+    </Box>
+  );
+}
diff --git a/apps/roboshield/src/components/LongFormExternalEmbed/index.ts b/apps/roboshield/src/components/LongFormExternalEmbed/index.ts
new file mode 100644
index 000000000..9351ead22
--- /dev/null
+++ b/apps/roboshield/src/components/LongFormExternalEmbed/index.ts
@@ -0,0 +1,3 @@
+import LongFormExternalEmbed from "./LongFormExternalEmbed";
+
+export default LongFormExternalEmbed;
diff --git a/apps/roboshield/src/components/LongFormMedia/LongFormMedia.tsx b/apps/roboshield/src/components/LongFormMedia/LongFormMedia.tsx
new file mode 100644
index 000000000..762ea73bc
--- /dev/null
+++ b/apps/roboshield/src/components/LongFormMedia/LongFormMedia.tsx
@@ -0,0 +1,43 @@
+import { Figure } from "@commons-ui/next";
+import { Box } from "@mui/material";
+import React from "react";
+import { MediaBlock } from "@/roboshield/components/Content/Content";
+import { Media } from "@/root/payload-types";
+
+export default function LongFormMedia({ image }: MediaBlock) {
+  const mediaImage = image as Media;
+  return (
+    <Box
+      sx={{
+        my: 5,
+      }}
+    >
+      <Figure
+        ImageProps={{
+          alt: mediaImage.alt,
+          sx: {
+            objectFit: "cover",
+            position: "relative !important",
+          },
+          src: mediaImage.url,
+        }}
+        sx={{
+          height: {
+            xs: "200px",
+            md: "500px",
+          },
+          width: "100%",
+        }}
+      >
+        <figcaption
+          style={{
+            width: "100%",
+            margin: "0 auto",
+          }}
+        >
+          {mediaImage.alt}
+        </figcaption>
+      </Figure>
+    </Box>
+  );
+}
diff --git a/apps/roboshield/src/components/LongFormMedia/index.ts b/apps/roboshield/src/components/LongFormMedia/index.ts
new file mode 100644
index 000000000..9c13a01d3
--- /dev/null
+++ b/apps/roboshield/src/components/LongFormMedia/index.ts
@@ -0,0 +1,3 @@
+import LongFormMedia from "./LongFormMedia";
+
+export default LongFormMedia;
diff --git a/apps/roboshield/src/components/LongFormRichText/LongFormRichText.tsx b/apps/roboshield/src/components/LongFormRichText/LongFormRichText.tsx
new file mode 100644
index 000000000..1c1a80795
--- /dev/null
+++ b/apps/roboshield/src/components/LongFormRichText/LongFormRichText.tsx
@@ -0,0 +1,78 @@
+import React from "react";
+
+import RichText from "@/roboshield/components/RichText";
+import { RichTextBlock } from "@/roboshield/components/Content/Content";
+
+export default function LongFormRichText({ content }: RichTextBlock) {
+  return (
+    <RichText
+      elements={content}
+      sx={(theme) => ({
+        color: "inherit",
+        "& a, & a:visited, & a:hover": {
+          color: "inherit",
+        },
+        "& h1": {
+          ...theme.typography.h1,
+          mb: 3.75,
+          mt: 5,
+        },
+        "& h2": {
+          mb: 2.5,
+          mt: 5,
+          ...theme.typography.h2,
+        },
+        "& h3": {
+          mb: 1.25,
+          mt: 5,
+          ...theme.typography.h3,
+        },
+        "& h4": {
+          mb: 1.25,
+          mt: 5,
+          ...theme.typography.h4,
+        },
+        "& h5": {
+          mb: 1.25,
+          mt: 5,
+          ...theme.typography.h5Small,
+          [theme.breakpoints.up("md")]: {
+            ...theme.typography.h5,
+          },
+        },
+        "& h6": {
+          mb: 1.25,
+          mt: 5,
+          ...theme.typography.h6,
+        },
+        "& p": {
+          ...theme.typography.body1,
+          mb: 2,
+          [theme.breakpoints.up("md")]: {
+            ...theme.typography.body3,
+          },
+        },
+        "& a": {
+          ...theme.typography.body1,
+          mb: 2,
+          [theme.breakpoints.up("md")]: {
+            ...theme.typography.body3,
+          },
+        },
+        "& ul": {
+          mb: 2,
+        },
+        "& li": {
+          ...theme.typography.body1,
+          mt: 1,
+          [theme.breakpoints.up("md")]: {
+            ...theme.typography.body3,
+          },
+        },
+        "& :last-child": {
+          mb: 0,
+        },
+      })}
+    />
+  );
+}
diff --git a/apps/roboshield/src/components/LongFormRichText/index.ts b/apps/roboshield/src/components/LongFormRichText/index.ts
new file mode 100644
index 000000000..8fe238b5d
--- /dev/null
+++ b/apps/roboshield/src/components/LongFormRichText/index.ts
@@ -0,0 +1,3 @@
+import LongFormRichText from "./LongFormRichText";
+
+export default LongFormRichText;
diff --git a/apps/roboshield/src/components/Statistics/StatisticCard.tsx b/apps/roboshield/src/components/Statistics/StatisticCard.tsx
new file mode 100644
index 000000000..7e1374b8b
--- /dev/null
+++ b/apps/roboshield/src/components/Statistics/StatisticCard.tsx
@@ -0,0 +1,84 @@
+import { Figure, RichTypography } from "@commons-ui/next";
+import { Card, CardContent, Box } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import React from "react";
+
+import RichText from "@/roboshield/components/RichText";
+import { Statistics } from "./Statistics";
+
+const StatisticCardRoot = styled(Card, {
+  slot: "Root",
+})(({ theme: { breakpoints } }) => ({
+  backgroundColor: "inherit",
+  boxShadow: "none",
+  width: "100%",
+  [breakpoints.up("md")]: {
+    width: "326px",
+  },
+  [breakpoints.up("lg")]: {
+    width: "332px",
+  },
+}));
+export default function StatisticCard(props: Statistics) {
+  const { icon, name, value, description } = props;
+
+  return (
+    <StatisticCardRoot>
+      <CardContent
+        sx={{
+          padding: 0,
+          "&:last-child": {
+            padding: 0,
+          },
+        }}
+      >
+        <Box
+          sx={{
+            borderBottom: "1px solid",
+            borderColor: "primary.main",
+            display: "flex",
+            pb: "12px",
+          }}
+        >
+          <Figure
+            ImageProps={{ alt: "label", src: icon }}
+            sx={{ height: "32px", width: "32px" }}
+          />
+          <RichTypography
+            variant="h5"
+            sx={{
+              display: "inline",
+              color: "primary.main",
+              ml: "0.93rem",
+            }}
+          >
+            {name}
+          </RichTypography>
+        </Box>
+
+        <RichTypography
+          variant="display1"
+          sx={{
+            borderBottom: "solid 1px",
+            borderColor: "secondary.main",
+            color: "primary.main",
+            display: "block",
+            py: "10px",
+          }}
+        >
+          {value}
+        </RichTypography>
+        <RichText
+          elements={description}
+          sx={{
+            display: "block",
+            pt: "10px",
+          }}
+          typographyProps={{
+            variant: "body3",
+          }}
+        />
+      </CardContent>
+    </StatisticCardRoot>
+  );
+}
diff --git a/apps/roboshield/src/components/Statistics/Statistics.tsx b/apps/roboshield/src/components/Statistics/Statistics.tsx
new file mode 100644
index 000000000..12663fada
--- /dev/null
+++ b/apps/roboshield/src/components/Statistics/Statistics.tsx
@@ -0,0 +1,48 @@
+import { Box, Grid } from "@mui/material";
+import { Section } from "@commons-ui/core";
+import { RichTypography } from "@commons-ui/next";
+import StatisticCard from "./StatisticCard";
+import { Page } from "@/root/payload-types";
+import { ExtractBlockType } from "@/roboshield/utils/blocks";
+
+type StatiscticsProps = ExtractBlockType<
+  NonNullable<Page["blocks"]>[number],
+  "statistics"
+>;
+
+export type Statistics = NonNullable<StatiscticsProps["statistics"]>[number];
+
+export default function Statistics({ title, statistics }: StatiscticsProps) {
+  return (
+    <Box
+      sx={{
+        backgroundColor: "background.main",
+      }}
+    >
+      <Section
+        sx={{
+          px: { xs: 2.5, md: 0 },
+          py: { xs: 7.5, sm: 10, md: 8, lg: 12.5 },
+        }}
+      >
+        {title && (
+          <RichTypography
+            sx={{
+              pb: { xs: 10, md: 5, lg: 7.5 },
+            }}
+            variant="h4"
+          >
+            {title}
+          </RichTypography>
+        )}
+        <Grid container rowSpacing={10} justifyContent="space-between">
+          {statistics?.map((statistic) => (
+            <Grid item key={statistic.name}>
+              <StatisticCard {...statistic} />
+            </Grid>
+          ))}
+        </Grid>
+      </Section>
+    </Box>
+  );
+}
diff --git a/apps/roboshield/src/components/Statistics/index.ts b/apps/roboshield/src/components/Statistics/index.ts
new file mode 100644
index 000000000..c8bd68afc
--- /dev/null
+++ b/apps/roboshield/src/components/Statistics/index.ts
@@ -0,0 +1,3 @@
+import Statistics from "./Statistics";
+
+export default Statistics;
diff --git a/apps/roboshield/src/payload/blocks/Content.ts b/apps/roboshield/src/payload/blocks/Content.ts
new file mode 100644
index 000000000..272c0dc80
--- /dev/null
+++ b/apps/roboshield/src/payload/blocks/Content.ts
@@ -0,0 +1,19 @@
+import { Block } from "payload/types";
+import { RichText } from "./RichText";
+import { MediaBlock } from "./MediaBlock";
+import { ExternalEmbedd } from "./ExternalEmbedd";
+
+export const Content: Block = {
+  slug: "content",
+  labels: {
+    singular: "Content",
+    plural: "Content",
+  },
+  fields: [
+    {
+      type: "blocks",
+      name: "content",
+      blocks: [RichText, MediaBlock, ExternalEmbedd],
+    },
+  ],
+};
diff --git a/apps/roboshield/src/payload/blocks/ExternalEmbedd.ts b/apps/roboshield/src/payload/blocks/ExternalEmbedd.ts
new file mode 100644
index 000000000..a5a43131c
--- /dev/null
+++ b/apps/roboshield/src/payload/blocks/ExternalEmbedd.ts
@@ -0,0 +1,62 @@
+import { Block } from "payload/types";
+
+export const ExternalEmbedd: Block = {
+  slug: "externalEmbedd",
+  labels: {
+    singular: "External Embedd",
+    plural: "External Embedd",
+  },
+  fields: [
+    {
+      name: "externalEmbeddFields",
+      type: "group",
+      fields: [
+        {
+          type: "row",
+          fields: [
+            {
+              name: "embedType",
+              type: "radio",
+              defaultValue: "url",
+              options: [
+                {
+                  label: "URL",
+                  value: "url",
+                },
+                {
+                  label: "Code",
+                  value: "code",
+                },
+              ],
+            },
+          ],
+        },
+        {
+          name: "url",
+          label: "URL",
+          type: "text",
+          required: true,
+          admin: {
+            condition: (_, siblingData) => siblingData?.embedType === "url",
+          },
+        },
+        {
+          name: "caption",
+          type: "text",
+          localized: true,
+          admin: {
+            condition: (_, siblingData) => siblingData?.embedType === "url",
+          },
+        },
+        {
+          name: "code",
+          type: "code",
+          required: true,
+          admin: {
+            condition: (_, siblingData) => siblingData?.embedType === "code",
+          },
+        },
+      ],
+    },
+  ],
+};
diff --git a/apps/roboshield/src/payload/blocks/MediaBlock.ts b/apps/roboshield/src/payload/blocks/MediaBlock.ts
new file mode 100644
index 000000000..bc75912b4
--- /dev/null
+++ b/apps/roboshield/src/payload/blocks/MediaBlock.ts
@@ -0,0 +1,16 @@
+import { Block } from "payload/types";
+
+export const MediaBlock: Block = {
+  slug: "mediaBlock",
+  fields: [
+    {
+      name: "image",
+      type: "upload",
+      relationTo: "media",
+      required: true,
+      filterOptions: {
+        mimeType: { contains: "image" },
+      },
+    },
+  ],
+};
diff --git a/apps/roboshield/src/payload/blocks/RichText.ts b/apps/roboshield/src/payload/blocks/RichText.ts
new file mode 100644
index 000000000..d77da261a
--- /dev/null
+++ b/apps/roboshield/src/payload/blocks/RichText.ts
@@ -0,0 +1,16 @@
+import { Block } from "payload/types";
+import richText from "../fields/richText";
+
+export const RichText: Block = {
+  slug: "richtext",
+  labels: {
+    singular: "Rich Text",
+    plural: "Rich Text",
+  },
+  fields: [
+    richText({
+      name: "content",
+      required: true,
+    }),
+  ],
+};
diff --git a/apps/roboshield/src/payload/blocks/Statistics.ts b/apps/roboshield/src/payload/blocks/Statistics.ts
new file mode 100644
index 000000000..e4b7feb85
--- /dev/null
+++ b/apps/roboshield/src/payload/blocks/Statistics.ts
@@ -0,0 +1,58 @@
+import { Block } from "payload/types";
+import image from "../fields/image";
+
+export const Statistics: Block = {
+  slug: "statistics",
+  labels: {
+    singular: "Statistics",
+    plural: "Statistics",
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text",
+      label: "Title",
+      required: true,
+      defaultValue: "Statistics",
+    },
+    {
+      name: "statistics",
+      type: "array",
+      label: "Statistics",
+      labels: {
+        singular: "Statistic",
+        plural: "Statistics",
+      },
+      fields: [
+        {
+          name: "name",
+          type: "text",
+          label: "Name",
+          required: true,
+        },
+        {
+          name: "value",
+          type: "text",
+          label: "Value",
+          required: true,
+        },
+        {
+          name: "description",
+          type: "richText",
+          label: "Description",
+          required: true,
+        },
+        image({
+          overrides: {
+            name: "icon",
+            localized: true,
+            admin: {
+              description:
+                "An icon to represent this statistic. SVG format is recommended.",
+            },
+          },
+        }),
+      ],
+    },
+  ],
+};
diff --git a/apps/roboshield/src/payload/collections/Pages.ts b/apps/roboshield/src/payload/collections/Pages.ts
index 28eab0f2d..ff9cb1209 100644
--- a/apps/roboshield/src/payload/collections/Pages.ts
+++ b/apps/roboshield/src/payload/collections/Pages.ts
@@ -3,6 +3,8 @@ import fullTitle from "../fields/fullTitle";
 import slug from "../fields/slug";
 import RoboForm from "../blocks/RoboForm";
 import { PageHeader } from "../blocks/PageHeader";
+import { Content } from "../blocks/Content";
+import { Statistics } from "../blocks/Statistics";
 
 const Pages: CollectionConfig = {
   slug: "pages",
@@ -27,7 +29,7 @@ const Pages: CollectionConfig = {
     {
       name: "blocks",
       type: "blocks",
-      blocks: [PageHeader, RoboForm],
+      blocks: [PageHeader, Content, Statistics, RoboForm],
       localized: true,
       admin: {
         initCollapsed: true,
diff --git a/apps/roboshield/src/utils/blocks.ts b/apps/roboshield/src/utils/blocks.ts
index 2c114c59a..852a6f5a8 100644
--- a/apps/roboshield/src/utils/blocks.ts
+++ b/apps/roboshield/src/utils/blocks.ts
@@ -1,2 +1,6 @@
 // Utility type to extract block type
 export type ExtractBlockType<T, U> = T extends { blockType: U } ? T : never;
+
+export type ExtractNestedBlockType<T, U> = T extends { blockType: U }
+  ? T
+  : never;