diff --git a/package.json b/package.json
index 4548e0a..3531da5 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "@types/lodash": "^4.14.182",
     "@types/marked": "^4.0.3",
     "clsx": "^1.1.1",
+    "datocms-structured-text-to-html-string": "^2.0.4",
     "datocms-structured-text-to-plain-text": "^2.0.4",
     "graphql": "^16.3.0",
     "graphql-request": "^4.2.0",
@@ -46,7 +47,8 @@
     "react-merge-refs": "^1.1.0",
     "react-query": "^3.35.0",
     "react-use-measure": "^2.1.1",
-    "sharp": "^0.30.4"
+    "sharp": "^0.30.4",
+    "tiny-json-http": "^7.4.2"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "^2.6.2",
@@ -55,6 +57,7 @@
     "@types/node": "^17.0.25",
     "@types/react": "^17.0.43",
     "@types/react-dom": "^17.0.14",
+    "@types/tiny-json-http": "^7.3.1",
     "@typescript-eslint/eslint-plugin": "^5.20.0",
     "@typescript-eslint/parser": "^5.20.0",
     "cross-env": "^7.0.3",
diff --git a/src/components/common/card/index.tsx b/src/components/common/card/index.tsx
index d047d24..4e39186 100644
--- a/src/components/common/card/index.tsx
+++ b/src/components/common/card/index.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx'
 import NextLink from 'next/link'
 import { useRouter } from 'next/router'
-import { useCallback } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 
 import { Calendar, Clock } from '~/components/icons/events'
 import Heading from '~/components/primitives/heading'
@@ -20,12 +20,33 @@ interface CardProps {
 }
 
 const Card = ({ className, data, isNews = false }: CardProps) => {
+  const [eventDate, setEventDate] = useState<string>()
+  const [eventTime, setEventTime] = useState<string>()
+
+  useEffect(() => {
+    setEventDate(
+      new Date(data?.eventDatetime).toLocaleDateString('default', {
+        year: '2-digit',
+        month: '2-digit',
+        day: '2-digit'
+      })
+    )
+    setEventTime(
+      new Date(data?.eventDatetime).toLocaleTimeString('default', {
+        hour: '2-digit',
+        minute: '2-digit'
+      })
+    )
+  }, [data?.eventDatetime])
+
   return (
-    <NextLink href={isNews ? `/blog/${data?.slug}` : data?.link}>
+    <NextLink href={isNews ? `/blog/${data?.slug}` : data?.eventLink}>
       <div className={clsx(s['card'], className)}>
         <div className={s['card__header']}>
           {!isNews && (
-            <span className={s.location}>{data?.location?.toUpperCase()}</span>
+            <span className={s.location}>
+              {data?.eventLocation?.toUpperCase()}
+            </span>
           )}
           <div className={isNews ? s.is_news : ''}>
             {isNews && (
@@ -35,12 +56,12 @@ const Card = ({ className, data, isNews = false }: CardProps) => {
             )}
             <span className={s.date}>
               {!isNews && <Calendar />}
-              {data?.date}
+              {isNews ? data?.date : eventDate}
             </span>
             {!isNews && (
               <span className={s.hour}>
                 <Clock />
-                {data?.time} HS
+                {eventTime} HS
               </span>
             )}
           </div>
@@ -49,15 +70,15 @@ const Card = ({ className, data, isNews = false }: CardProps) => {
           <img
             alt={data?.title}
             loading="lazy"
-            src={isNews ? data?.image.url : data?.imgSrc}
+            src={isNews ? data?.image.url : data?.eventImage?.url}
           />
         </div>
         <div className={s['content']}>
           <Heading as="h2" variant="sm" font="tthoves">
-            {data?.title}
+            {isNews ? data?.title : data?.eventTitle}
           </Heading>
-          <p>{isNews ? getDescription(data) : data?.preview}</p>
-          <Link href={isNews ? `/blog/${data?.slug}` : data?.link}>
+          <p>{isNews ? getDescription(data) : data?.eventDesc}</p>
+          <Link href={isNews ? `/blog/${data?.slug}` : data?.eventLink}>
             {isNews ? 'READ ARTICLE' : 'LEARN MORE'}
           </Link>
         </div>
diff --git a/src/components/sections/about/hero/index.tsx b/src/components/sections/about/hero/index.tsx
index fe2a1e9..581edda 100644
--- a/src/components/sections/about/hero/index.tsx
+++ b/src/components/sections/about/hero/index.tsx
@@ -7,7 +7,18 @@ import Link from '~/components/primitives/link'
 
 import s from './hero.module.scss'
 
-const Hero = () => {
+interface Props {
+  data: {
+    heroCtaLabel: string
+    heroCtaLink: string
+    heroDescB01: string
+    heroDescB02: string
+    heroHeading: string
+    heroTitle: string
+  }
+}
+
+const Hero = ({ data }: Props) => {
   return (
     <Section className={s['section']} disableFadeIn>
       <div className={s['gradient']} />
@@ -34,35 +45,24 @@ const Hero = () => {
         <div className={s['body']}>
           <div className={s['header']}>
             <Heading as="h1" variant="xl">
-              Accelerating Web3
+              {data?.heroHeading}
             </Heading>
             <Arrow className={s['arrow']} />
           </div>
           <div className={s['content']}>
             <div>
               <Line className={s['line']} height={145} />
-              <Heading as="h2" variant="sm">
-                We’re materializing a decentralized and interoperable future,{' '}
-                <b>now</b>
-              </Heading>
+              <Heading
+                as="h2"
+                variant="sm"
+                dangerouslySetInnerHTML={{ __html: data?.heroTitle }}
+              />
             </div>
             <div>
-              <p>
-                For blockchain to achieve true decentralization and wider
-                adoption, we need to expand data access, verifiability, and
-                control for decentralized application developers and end
-                consumers around the world.
-              </p>
-              <p>
-                Led by a globally renowned team of architects and core
-                contributors across Ethereum, IPLD / IPFS, and Cosmos SDK, our
-                mission is to accelerate blockchain development,
-                interoperability, and adoption by providing decentralized
-                application (DApp) developers and users with greater access to
-                verifiable data.
-              </p>
+              <p>{data?.heroDescB01}</p>
+              <p>{data?.heroDescB02}</p>
               <div>
-                <Link href="https://docs.laconic.com/faq">FAQ</Link>
+                <Link href={data?.heroCtaLink}>{data?.heroCtaLabel}</Link>
               </div>
             </div>
           </div>
diff --git a/src/components/sections/about/team/index.tsx b/src/components/sections/about/team/index.tsx
index a770e21..54bdc55 100644
--- a/src/components/sections/about/team/index.tsx
+++ b/src/components/sections/about/team/index.tsx
@@ -5,27 +5,43 @@ import Heading from '~/components/primitives/heading'
 
 import Team from './team'
 import s from './team.module.scss'
-import { cercTeam, laconicTeam, xylmTeam } from './teams'
 
-const TeamSection = () => {
+interface Props {
+  data: {
+    teamHeading: string
+    teamDescB01: string
+    teamDescB02: string
+  }
+  teamData: {
+    memberGithub: string
+    memberImage: {
+      url: string
+    }
+    memberLinkedin: string
+    memberName: string
+    memberPosition: string
+    memberTeam: string
+    memberTwitter: string
+  }[]
+}
+
+const TeamSection = ({ teamData, data }: Props) => {
+  const laconicTeam = teamData?.filter(
+    (member) => member.memberTeam === 'Laconic'
+  )
+  const cercTeam = teamData?.filter((member) => member.memberTeam === 'Cerc')
+  const xylmTeam = teamData?.filter((member) => member.memberTeam === 'Xylm')
+
   return (
     <Section className={s['section']} id="team">
       <Container className={s['container']}>
         <Heading as="h2" variant="lg">
-          Team
+          {data?.teamHeading}
         </Heading>
         <div>
           <Arrow className={s['arrow']} />
-          <p>
-            Built over four years, Laconic is developed by platform experts
-            across Ethereum, IPLD / IPFS, and Cosmos SDK. Our project
-            organizations are led by Ethereum architects and developers who
-            co-authored and contributed to EIP-1559.
-          </p>
-          <p>
-            We’ve successfully launched startups, and built products and
-            communities loved by millions of people around the world.
-          </p>
+          <p>{data?.teamDescB01}</p>
+          <p>{data?.teamDescB02}</p>
         </div>
         <Team members={laconicTeam} teamName="Laconic LLC" teamNumber="01" />
         <Team
diff --git a/src/components/sections/about/team/team.tsx b/src/components/sections/about/team/team.tsx
index a3137c2..cd980e4 100644
--- a/src/components/sections/about/team/team.tsx
+++ b/src/components/sections/about/team/team.tsx
@@ -12,12 +12,14 @@ import s from './team.module.scss'
 
 type Team = {
   member: {
-    fullName: string
-    github: string
-    image: string
-    linkedin: string
-    position: string
-    twitter: string
+    memberName: string
+    memberPosition: string
+    memberImage: {
+      url: string
+    }
+    memberGithub: string
+    memberTwitter: string
+    memberLinkedin: string
   }
   className?: string
 }
@@ -25,24 +27,28 @@ type Team = {
 function MemberProfile({ member, className }: Team) {
   return (
     <div className={clsx(s['member'], className)}>
-      <img alt={member.fullName} loading="lazy" src={member.image} />
+      <img
+        alt={member?.memberName}
+        loading="lazy"
+        src={member?.memberImage?.url}
+      />
       <div className={s['description']}>
-        <span>{member.fullName}</span>
-        <span>{member.position}</span>
+        <span>{member?.memberName}</span>
+        <span>{member?.memberPosition}</span>
       </div>
       <div className={s['socials']}>
-        {member.twitter && (
-          <a href={member.twitter} target="_blank" rel="noopener">
+        {member?.memberTwitter && (
+          <a href={member?.memberTwitter} target="_blank" rel="noopener">
             <Twitter />
           </a>
         )}
-        {member.github && (
-          <a href={member.github} target="_blank" rel="noopener">
+        {member?.memberGithub && (
+          <a href={member?.memberGithub} target="_blank" rel="noopener">
             <Github />
           </a>
         )}
-        {member.linkedin && (
-          <a href={member.linkedin} target="_blank" rel="noopener">
+        {member?.memberLinkedin && (
+          <a href={member?.memberLinkedin} target="_blank" rel="noopener">
             <Linkedin />
           </a>
         )}
@@ -53,12 +59,15 @@ function MemberProfile({ member, className }: Team) {
 
 type Teams = {
   members: {
-    fullName: string
-    github: string
-    image: string
-    linkedin: string
-    position: string
-    twitter: string
+    memberGithub: string
+    memberImage: {
+      url: string
+    }
+    memberLinkedin: string
+    memberName: string
+    memberPosition: string
+    memberTeam: string
+    memberTwitter: string
   }[]
   teamName: string
   teamNumber: string
diff --git a/src/components/sections/about/team/teams.ts b/src/components/sections/about/team/teams.ts
deleted file mode 100644
index 66f3ed1..0000000
--- a/src/components/sections/about/team/teams.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-export const laconicTeam = [
-  {
-    fullName: 'Rick Dudley',
-    position: 'Chief Architect, Cerc',
-    image: '/images/about/team/rick-dudley.jpg',
-    github: 'https://github.com/AFDudley',
-    linkedin: 'https://www.linkedin.com/in/afdudley/',
-    twitter: 'https://twitter.com/AFDudley0'
-  },
-  {
-    fullName: 'Maly Ly',
-    position: 'Chief Executive, Cerc',
-    image: '/images/about/team/maly-ly.jpg',
-    github: '',
-    linkedin: 'https://www.linkedin.com/in/malytly/',
-    twitter: 'https://twitter.com/malytly'
-  },
-  {
-    fullName: 'Boris Mann',
-    position: 'CEO, Fission',
-    image: '/images/about/team/boris-mann.jpg',
-    github: 'https://github.com/bmann',
-    linkedin: 'https://www.linkedin.com/in/boris/',
-    twitter: 'https://twitter.com/bmann'
-  },
-  {
-    fullName: 'Brooklyn Zelenka',
-    position: 'CTO, Fission',
-    image: '/images/about/team/brooklyn-zelenka.jpg',
-    github: 'https://github.com/expede',
-    linkedin: 'https://www.linkedin.com/in/brooklynzelenka/',
-    twitter: 'https://twitter.com/expede'
-  }
-]
-
-export const cercTeam = [
-  {
-    fullName: 'Ashwin Phatak',
-    position: 'VP of Engineering',
-    image: '/images/about/team/ashwin-phatak.jpg',
-    twitter: 'https://twitter.com/ashwinphatak',
-    linkedin: 'https://www.linkedin.com/in/ashwinphatak/',
-    github: 'https://github.com/ashwinphatak'
-  },
-  {
-    fullName: 'Ian Norden',
-    position: 'Engineering Lead',
-    image: '/images/about/team/ian-norden.jpg',
-    twitter: '',
-    linkedin: 'https://www.linkedin.com/in/ian-s-norden/',
-    github: 'https://github.com/i-norden'
-  },
-  {
-    fullName: 'Leah Light',
-    position: 'Operations Manager',
-    image: '/images/about/team/leah-light.jpg',
-    twitter: '',
-    linkedin: 'https://www.linkedin.com/in/leah-light-a308535/',
-    github: ''
-  },
-  {
-    fullName: 'Erik Dies',
-    position: 'Product Lead',
-    image: '/images/about/team/erik-dies.jpg',
-    twitter: 'https://twitter.com/thelesserdies',
-    linkedin: '',
-    github: 'https://github.com/erikdies'
-  }
-]
-
-export const xylmTeam = [
-  {
-    fullName: 'Robert Douglass',
-    position: 'VP of Ecosystem',
-    image: '/images/about/team/robert-douglass.jpg',
-    twitter: 'https://twitter.com/robertDouglass',
-    linkedin: 'https://www.linkedin.com/in/roberttdouglass/',
-    github: ''
-  },
-  {
-    fullName: 'Michael Gushansky',
-    position: 'Head of Marketing',
-    image: '/images/about/team/michael-gushansky.jpg',
-    twitter: 'https://twitter.com/mikegushansky',
-    linkedin: 'https://www.linkedin.com/in/michael-gushansky-08698384/',
-    github: ''
-  },
-  {
-    fullName: 'Olive Kimoto',
-    position: 'Creative & Program Lead',
-    image: '/images/about/team/olive-kimoto.jpg',
-    twitter: 'https://twitter.com/olivekimoto',
-    linkedin: 'https://www.linkedin.com/in/olive-kimoto-71433b138/',
-    github: ''
-  }
-]
diff --git a/src/components/sections/community/events/events.ts b/src/components/sections/community/events/events.ts
deleted file mode 100644
index 3dba8aa..0000000
--- a/src/components/sections/community/events/events.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-export const events = [
-  {
-    location: 'París, France',
-    date: '04.13.22',
-    time: '08:00',
-    imgSrc: '/images/community/events/card01.png',
-    title: 'Paris Blockchain Week',
-    preview:
-      'PBW is the flagship event of Paris Blockchain Week gathering more than 3000 attendees, 70 sponsors, 250 speakers and 100 media partners.',
-    link: 'https://www.pbwsummit.com/'
-  },
-  {
-    location: 'Amsterdam, Netherlands',
-    date: '04.18.22',
-    time: '09:00',
-    imgSrc: '/images/community/events/card02.png',
-    title: 'Devconnect',
-    preview:
-      'Devconnect is a week-long in-person gathering that will feature independent Ethereum events, each with a unique focus.',
-    link: 'https://devconnect.org/'
-  },
-  {
-    location: 'Austin, TX',
-    date: '06.09.22',
-    time: '09:00',
-    imgSrc: '/images/community/events/card03.png',
-    title: 'Consensus',
-    preview:
-      'Consensus, the most influential crypto & blockchain experience of the year since 2015, will return to an in-person format and be held in Austin, Texas, for the first time ever.',
-    link: 'https://events.coindesk.com/consensus2022'
-  },
-  {
-    location: 'Amsterdam, NL',
-    date: '07.19.22',
-    time: '19:30',
-    imgSrc: '/images/community/events/card04.png',
-    title: 'ETH CC',
-    preview:
-      'The Ethereum Community Conference (EthCC) is the largest annual European Ethereum event focused on technology and community.',
-    link: 'https://ethcc.io/'
-  }
-]
diff --git a/src/components/sections/community/events/index.tsx b/src/components/sections/community/events/index.tsx
index ae9456a..e4ddaeb 100644
--- a/src/components/sections/community/events/index.tsx
+++ b/src/components/sections/community/events/index.tsx
@@ -10,10 +10,27 @@ import { Container } from '~/components/layout/container'
 import Section from '~/components/layout/section'
 import Heading from '~/components/primitives/heading'
 
-import { events } from './events'
 import s from './events.module.scss'
 
-const Events = () => {
+interface Props {
+  data: {
+    eventsHeading: string
+    eventsDescription: string
+  }
+  eventsData: {
+    eventDatetime: string
+    eventDesc: string
+    eventImage: {
+      url: string
+    }
+    eventLink: string
+    eventLocation: string
+    eventTitle: string
+    id: string
+  }[]
+}
+
+const Events = ({ eventsData, data }: Props) => {
   const [loaded, setLoaded] = useState(false)
 
   const [sliderRef, slider] = useKeenSlider<HTMLDivElement>({
@@ -39,11 +56,9 @@ const Events = () => {
       <Container className={s['container']}>
         <div className={s['header']}>
           <Heading as="h2" variant="lg">
-            Events
+            {data?.eventsHeading}
           </Heading>
-          <span>
-            We’d love to meet you in person. Find us at a conference near you:
-          </span>
+          <span>{data?.eventsDescription}</span>
           <div className={s['gradient']} />
         </div>
       </Container>
@@ -52,8 +67,8 @@ const Events = () => {
           className={clsx(s['events__container'], 'keen-slider')}
           ref={sliderRef}
         >
-          {events.map((event, i) => (
-            <Card key={i} data={event} className="keen-slider__slide" />
+          {eventsData.map((event) => (
+            <Card key={event?.id} data={event} className="keen-slider__slide" />
           ))}
         </div>
       </div>
diff --git a/src/components/sections/community/hero/index.tsx b/src/components/sections/community/hero/index.tsx
index ac52b77..56d632f 100644
--- a/src/components/sections/community/hero/index.tsx
+++ b/src/components/sections/community/hero/index.tsx
@@ -5,7 +5,18 @@ import Heading from '~/components/primitives/heading'
 
 import s from './hero.module.scss'
 
-const Hero = () => {
+interface Props {
+  data: {
+    heroButton01: string
+    heroButton02: string
+    heroB01Link: string
+    heroB02Link: string
+    heroDescription: string
+    heroHeading: string
+  }
+}
+
+const Hero = ({ data }: Props) => {
   return (
     <Section className={s['section']} disableFadeIn>
       <div className={s['gradient']}></div>
@@ -30,32 +41,29 @@ const Hero = () => {
       />
       <div className={s['header']}>
         <Heading as="h1" variant="xl">
-          Laconic Community
+          {data?.heroHeading}
         </Heading>
         <Arrow className={s['arrow--mobile']} />
       </div>
       <div className={s['content']}>
         <Arrow className={s['arrow']} />
-        <p>
-          Join us as we accelerate blockchain development and interoperability
-          by expanding access to verifiable data.
-        </p>
+        <p>{data?.heroDescription}</p>
         <div className={s['buttons__container']}>
           <ButtonLink
             variant="primary"
             size="large"
             className={s['button']}
-            href="https://discord.com/invite/ukhbBemyxY"
+            href={data?.heroB01Link}
           >
-            CHAT WITH US
+            {data?.heroButton01}
           </ButtonLink>
           <ButtonLink
             variant="primary"
             size="large"
             className={s['button']}
-            href="https://laconic.community/"
+            href={data?.heroB02Link}
           >
-            GET STARTED
+            {data?.heroButton02}
           </ButtonLink>
         </div>
       </div>
diff --git a/src/components/sections/community/socials/index.tsx b/src/components/sections/community/socials/index.tsx
index b7b235a..5684f74 100644
--- a/src/components/sections/community/socials/index.tsx
+++ b/src/components/sections/community/socials/index.tsx
@@ -17,7 +17,25 @@ import Heading from '~/components/primitives/heading'
 
 import s from './socials.module.scss'
 
-const Socials = () => {
+interface Props {
+  data: {
+    socialsHeading: string
+    socialsLine: string
+    socialsImage: {
+      url: string
+    }
+    socialsTwitter: string
+    socialsDiscord: string
+    socialsDiscourse: string
+    socialsReddit: string
+    socialsTelegram: string
+    socialsLinkedin: string
+    socialsFacebook: string
+    socialsInstagram: string
+  }
+}
+
+const Socials = ({ data }: Props) => {
   return (
     <Section className={s['section']}>
       <Container className={s['container']}>
@@ -25,59 +43,75 @@ const Socials = () => {
           alt="Planet"
           className={s['planet--image']}
           loading="lazy"
-          src="/images/community/socials/planet.png"
+          src={data?.socialsImage?.url}
         />
         <div>
           <div className={s['header']}>
             <Heading as="h2" variant="xl" centered={false}>
-              Connect With Us
+              {data?.socialsHeading}
             </Heading>
           </div>
           <Line className={s['line']} height={144} />
         </div>
         <div className={s['icons__container']}>
-          <span>GET IN TOUCH</span>
+          <span>{data?.socialsLine}</span>
           <div className={s['grid']}>
-            <Link href={`https://twitter.com/laconicnetwork`}>
-              <a target="_blank">
-                <Twitter />
-              </a>
-            </Link>
-            <Link href={`https://discord.com/invite/ukhbBemyxY`}>
-              <a target="_blank">
-                <Discord />
-              </a>
-            </Link>
-            <Link href={`https://laconic.community/`}>
-              <a target="_blank">
-                <Discourse />
-              </a>
-            </Link>
-            <Link href={`https://www.reddit.com/r/LaconicNetwork/`}>
-              <a target="_blank">
-                <Reddit />
-              </a>
-            </Link>
-            <Link href={`https://t.me/laconicnetwork`}>
-              <a target="_blank">
-                <Telegram />
-              </a>
-            </Link>
-            <Link href={`https://www.linkedin.com/company/laconic-network/`}>
-              <a target="_blank">
-                <Linkedin />
-              </a>
-            </Link>
-            <Link href={`https://www.facebook.com/laconicnetwork`}>
-              <a target="_blank">
-                <Facebook />
-              </a>
-            </Link>
-            <Link href={`https://instagram.com/laconicnetwork`}>
-              <a target="_blank">
-                <Instagram />
-              </a>
-            </Link>
+            {data?.socialsTwitter && (
+              <Link href={data?.socialsTwitter}>
+                <a target="_blank">
+                  <Twitter />
+                </a>
+              </Link>
+            )}
+            {data?.socialsDiscord && (
+              <Link href={data?.socialsDiscord}>
+                <a target="_blank">
+                  <Discord />
+                </a>
+              </Link>
+            )}
+            {data?.socialsDiscourse && (
+              <Link href={data?.socialsDiscourse}>
+                <a target="_blank">
+                  <Discourse />
+                </a>
+              </Link>
+            )}
+            {data?.socialsReddit && (
+              <Link href={data?.socialsReddit}>
+                <a target="_blank">
+                  <Reddit />
+                </a>
+              </Link>
+            )}
+            {data?.socialsTelegram && (
+              <Link href={data?.socialsTelegram}>
+                <a target="_blank">
+                  <Telegram />
+                </a>
+              </Link>
+            )}
+            {data?.socialsLinkedin && (
+              <Link href={data?.socialsLinkedin}>
+                <a target="_blank">
+                  <Linkedin />
+                </a>
+              </Link>
+            )}
+            {data?.socialsFacebook && (
+              <Link href={data?.socialsFacebook}>
+                <a target="_blank">
+                  <Facebook />
+                </a>
+              </Link>
+            )}
+            {data?.socialsInstagram && (
+              <Link href={data?.socialsInstagram}>
+                <a target="_blank">
+                  <Instagram />
+                </a>
+              </Link>
+            )}
           </div>
         </div>
       </Container>
diff --git a/src/components/sections/homepage/benefits/index.tsx b/src/components/sections/homepage/benefits/index.tsx
index 37d0e31..6dbbb6a 100644
--- a/src/components/sections/homepage/benefits/index.tsx
+++ b/src/components/sections/homepage/benefits/index.tsx
@@ -28,12 +28,43 @@ import {
   Icon12
 } from './icons'
 
-const Benefits = () => {
+interface Props {
+  data: {
+    benefitsHeading: string
+    benefitsDesc: string
+    benefitsS01Desc: string
+    benefitsS01Heading: string
+    benefitsS01Item01: string
+    benefitsS01Item02: string
+    benefitsS01Item03: string
+    benefitsS01Item04: string
+    benefitsS01Item05: string
+    benefitsS01Item06: string
+    benefitsS02Desc: string
+    benefitsS02Heading: string
+    benefitsS02Item01: string
+    benefitsS02Item02: string
+    benefitsS02Item03: string
+    benefitsS02Item04: string
+    benefitsS02Item05: string
+    benefitsS02Item06: string
+    benefitsButton: string
+    benefitsButtonLink: string
+  }
+}
+
+const Benefits = ({ data }: Props) => {
   const ballRef = React.useRef<HTMLDivElement>(null)
   const gridRef = React.useRef<HTMLDivElement>(null)
   const userRef = React.useRef<HTMLDivElement>(null)
   const isMobile = useMedia('(max-width: 768px)')
 
+  const [isMounted, setIsMounted] = React.useState(false)
+
+  React.useEffect(() => {
+    setIsMounted(true)
+  }, [])
+
   useIsomorphicLayoutEffect(() => {
     if (isMobile || typeof isMobile === 'undefined') return
     if (!ballRef.current) return
@@ -61,24 +92,16 @@ const Benefits = () => {
     <Section className={s['section']}>
       <Container className={s['header']}>
         <Heading as="h2" variant="lg">
-          Benefits
+          {data?.benefitsHeading}
         </Heading>
         <div className={s['grid']}>
           <div className={s['ball']} ref={ballRef} />
           <div className={s['icon']}>
             <Arrow />
           </div>
-          <p>
-            For DApp developers and users, Laconic is the only solution that
-            provides accurate, low-cost, multi-chain verifiable data, by
-            leveraging cryptographic proofs and cutting edge data caching
-            engineering. <br />
-            <br />{' '}
-            <b>
-              Laconic is the only blockchain data querying solution that
-              provides cross-chain cryptographic proofs.
-            </b>
-          </p>
+          {isMounted && (
+            <p dangerouslySetInnerHTML={{ __html: data?.benefitsDesc }} />
+          )}
         </div>
       </Container>
       <img
@@ -97,32 +120,17 @@ const Benefits = () => {
             <span>01</span>
             <Line className={s['line']} height={144} />
             <Heading as="h3" variant="sm">
-              For DApp Developers
+              {data?.benefitsS01Heading}
             </Heading>
-            <p>
-              Quickly and easily build blockchain applications with the fastest,
-              most accurate, and lowest cost multi-chain verifiable data
-              solution.
-            </p>
+            <p>{data?.benefitsS01Desc}</p>
           </div>
           <ul>
-            <Benefit icon={<Icon01 />}>
-              Only solution providing Cryptographic proofs
-            </Benefit>
-            <Benefit icon={<Icon02 />}>
-              Composable, supports broader use cases
-            </Benefit>
-            <Benefit icon={<Icon03 />}>
-              From months to minutes. Quick automated setup
-            </Benefit>
-            <Benefit icon={<Icon04 />}>Broad cross-chain compatibility</Benefit>
-            <Benefit icon={<Icon05 />}>
-              Unparalleled flexibility. Supports hash-linked data including
-              blockchain
-            </Benefit>
-            <Benefit icon={<Icon06 />}>
-              Lower development and data costs. 100x of times less than market
-            </Benefit>
+            <Benefit icon={<Icon01 />}>{data?.benefitsS01Item01}</Benefit>
+            <Benefit icon={<Icon02 />}>{data?.benefitsS01Item02}</Benefit>
+            <Benefit icon={<Icon03 />}>{data?.benefitsS01Item03}</Benefit>
+            <Benefit icon={<Icon04 />}>{data?.benefitsS01Item04}</Benefit>
+            <Benefit icon={<Icon05 />}>{data?.benefitsS01Item05}</Benefit>
+            <Benefit icon={<Icon06 />}>{data?.benefitsS01Item06}</Benefit>
           </ul>
         </Container>
         <img
@@ -141,37 +149,24 @@ const Benefits = () => {
               <span>02</span>
               <Line className={s['line']} height={112} />
               <Heading as="h3" variant="sm">
-                For DApp Users
+                {data?.benefitsS02Heading}
               </Heading>
-              <p>
-                Experience a higher quality of service and better uptime with
-                Laconic.
-              </p>
+              <p>{data?.benefitsS02Desc}</p>
             </div>
             <ul>
-              <Benefit icon={<Icon07 />}>
-                Greater data access and control
-              </Benefit>
-              <Benefit icon={<Icon08 />}>
-                In-browser local cache, without need for data availability layer
-              </Benefit>
-              <Benefit icon={<Icon09 />}>
-                Optimal control of privacy levels
-              </Benefit>
-              <Benefit icon={<Icon10 />}>Self-Verify data accuracy</Benefit>
-              <Benefit icon={<Icon11 />}>
-                Higher quality of service and uptime
-              </Benefit>
-              <Benefit icon={<Icon12 />}>
-                LNT rewards for network participation
-              </Benefit>
+              <Benefit icon={<Icon07 />}>{data?.benefitsS02Item01}</Benefit>
+              <Benefit icon={<Icon08 />}>{data?.benefitsS02Item02}</Benefit>
+              <Benefit icon={<Icon09 />}>{data?.benefitsS02Item03}</Benefit>
+              <Benefit icon={<Icon10 />}>{data?.benefitsS02Item04}</Benefit>
+              <Benefit icon={<Icon11 />}>{data?.benefitsS02Item05}</Benefit>
+              <Benefit icon={<Icon12 />}>{data?.benefitsS02Item06}</Benefit>
             </ul>
             <ButtonLink
               className={s['button']}
               variant="primary"
-              href="https://discord.com/invite/ukhbBemyxY"
+              href={data?.benefitsButtonLink}
             >
-              Get Started
+              {data?.benefitsButton}
             </ButtonLink>
           </Container>
         </Container>
diff --git a/src/components/sections/homepage/hero/index.tsx b/src/components/sections/homepage/hero/index.tsx
index 102c99c..49bb2f9 100644
--- a/src/components/sections/homepage/hero/index.tsx
+++ b/src/components/sections/homepage/hero/index.tsx
@@ -5,12 +5,22 @@ import Line from '~/components/icons/line'
 import Section from '~/components/layout/section'
 import { ButtonLink } from '~/components/primitives/button'
 import Heading from '~/components/primitives/heading'
-import HighlightedText from '~/components/primitives/highlighted-text'
 import { useIsomorphicLayoutEffect } from '~/hooks/use-isomorphic-layout-effect'
 
 import s from './hero.module.scss'
 
-const Hero = () => {
+interface props {
+  data: {
+    heroHeading: string
+    heroButton01: string
+    heroB01Link: string
+    heroButton02: string
+    heroB02Link: string
+    heroSlogan: any
+  }
+}
+
+const Hero = ({ data }: props) => {
   const videoRef = useRef<HTMLVideoElement>(null)
 
   useIsomorphicLayoutEffect(() => {
@@ -38,36 +48,30 @@ const Hero = () => {
       >
         <source src="/videos/hero-grid.mp4" type="video/mp4" />
       </video>
-      <Heading as="h1" variant="xl" centered>
-        Build a <br className="hide-on-desktop" />{' '}
-        <HighlightedText>
-          Fast, Frictionless, <br /> & Provable
-        </HighlightedText>{' '}
-        Web3
-      </Heading>
-
+      <Heading
+        as="h1"
+        variant="xl"
+        centered
+        dangerouslySetInnerHTML={{ __html: data?.heroHeading }}
+      />
       <Line className={s['line']} />
-      <p>
-        From months to minutes. Laconic’s multi-chain verifiable data <br />{' '}
-        marketplace accelerates blockchain development, <br />
-        interoperability, and adoption
-      </p>
+      <div dangerouslySetInnerHTML={{ __html: data?.heroSlogan }} />
       <div className={s['buttons__container']}>
         <ButtonLink
           variant="primary"
           size="large"
           className={s['button']}
-          href="https://discord.com/invite/ukhbBemyxY"
+          href={data?.heroB01Link}
         >
-          JOIN US NOW
+          {data?.heroButton01}
         </ButtonLink>
         <ButtonLink
           variant="default"
           size="large"
           className={s['button']}
-          href="https://laconic.community/"
+          href={data?.heroB02Link}
         >
-          CHAT WITH US
+          {data?.heroButton02}
         </ButtonLink>
       </div>
     </Section>
diff --git a/src/components/sections/homepage/latest-news/index.tsx b/src/components/sections/homepage/latest-news/index.tsx
index 0b9ed66..602fbb0 100644
--- a/src/components/sections/homepage/latest-news/index.tsx
+++ b/src/components/sections/homepage/latest-news/index.tsx
@@ -13,10 +13,13 @@ import s from './latest-news.module.scss'
 
 // TODO
 export interface Props {
-  data: any
+  blogData: any
+  data: {
+    latestHeading: string
+  }
 }
 
-const LatestNews = ({ data }: Props) => {
+const LatestNews = ({ data, blogData }: Props) => {
   const [loaded, setLoaded] = useState(false)
 
   const [sliderRef, slider] = useKeenSlider<HTMLDivElement>({
@@ -40,13 +43,15 @@ const LatestNews = ({ data }: Props) => {
   return (
     <Section className={s['section']}>
       <Container className={s.heading}>
-        <Heading as="h2" variant="lg">
-          Latest news <br /> from Laconic
-        </Heading>
+        <Heading
+          as="h2"
+          variant="lg"
+          dangerouslySetInnerHTML={{ __html: data?.latestHeading }}
+        />
       </Container>
       <div className={s['slider__container']}>
         <div className={`${s.events__container} keen-slider`} ref={sliderRef}>
-          {data.map((item: any, i: Key) => (
+          {blogData.map((item: any, i: Key) => (
             <Card key={i} data={item} className={`keen-slider__slide`} isNews />
           ))}
         </div>
diff --git a/src/components/sections/homepage/what-others-say/index.tsx b/src/components/sections/homepage/what-others-say/index.tsx
index 4c7b4a0..9fae35b 100644
--- a/src/components/sections/homepage/what-others-say/index.tsx
+++ b/src/components/sections/homepage/what-others-say/index.tsx
@@ -11,10 +11,24 @@ import Heading from '~/components/primitives/heading'
 import { CUSTOM_EASE, DURATION, gsap, Observer } from '~/lib/gsap'
 
 import Item from './item'
-import { testimonials } from './testimonials'
 import s from './what-others-say.module.scss'
 
-const WhatOthersSay = () => {
+interface Props {
+  data: {
+    othersHeading: string
+  }
+  testimonialsData: {
+    id: string
+    testimonialImage: {
+      url: string
+    }
+    testimonialPosition: string
+    testimonialText: string
+    testimonialUsername: string
+  }[]
+}
+
+const WhatOthersSay = ({ data, testimonialsData }: Props) => {
   const carouselRef = useRef<HTMLDivElement>(null)
   const { vw } = useRealViewport()
   const [ref] = useKeenSlider<HTMLDivElement>({
@@ -78,25 +92,26 @@ const WhatOthersSay = () => {
     <Section className={s['section']}>
       <Container>
         <div className={s['header']}>
-          <Heading as="h2" variant="md" centered>
-            What <br className="hide-on-mobile" /> others say
-          </Heading>
+          <Heading
+            as="h2"
+            variant="md"
+            centered
+            dangerouslySetInnerHTML={{ __html: data?.othersHeading }}
+          />
         </div>
-
         <div className={s['carousel']} ref={carouselRef}>
           <div className={s['image']}>
             <img src="/images/head.png" loading="lazy" alt="Head" />
           </div>
-
-          {testimonials.map((testimonial, index) => {
+          {testimonialsData.map((testimonial) => {
             return (
               <Item
                 className="carousel__item"
-                image={testimonial.image}
-                key={index}
-                name={testimonial.name}
+                image={testimonial?.testimonialImage?.url}
+                key={testimonial?.id}
+                name={testimonial?.testimonialUsername}
               >
-                {testimonial.text}
+                {testimonial?.testimonialText}
               </Item>
             )
           })}
@@ -106,15 +121,15 @@ const WhatOthersSay = () => {
         <div className={s['image']}>
           <img src="/images/head.png" loading="lazy" alt="Head" />
         </div>
-        {testimonials.map((testimonial, index) => {
+        {testimonialsData.map((testimonial) => {
           return (
             <Item
               className="keen-slider__slide"
-              image={testimonial.image}
-              key={index}
-              name={testimonial.name}
+              image={testimonial?.testimonialImage?.url}
+              key={testimonial?.id}
+              name={testimonial?.testimonialUsername}
             >
-              {testimonial.text}
+              {testimonial?.testimonialText}
             </Item>
           )
         })}
diff --git a/src/components/sections/homepage/what-others-say/testimonials.tsx b/src/components/sections/homepage/what-others-say/testimonials.tsx
deleted file mode 100644
index 9cd5153..0000000
--- a/src/components/sections/homepage/what-others-say/testimonials.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import Square from '~/components/logos/square'
-
-export const testimonials = [
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1513509255302856718/I9DHE-BG_400x400.jpg',
-    name: '@rickmanelius',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: "If you love web3 infra layer tools/solutions, give @laconicnetwork a follow. I'm incredibly excited with what they have coming down the pipeline"
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1467983835627286529/eeb-wHtV_400x400.jpg',
-    name: '@kumavis',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: 'Running infura for free is actually extremely expensive, we pursued a light client before but it required a fresh implementation. hopefully @laconicnetwork solves this problem'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1478264960581091330/I1PG8TSU_400x400.jpg',
-    name: '@OnChainDreamer',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: '@laconicnetwork > really smart ppl follows b4 launch'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1510473579128893446/wkH_3gq3_400x400.jpg',
-    name: '@GarretteDVF',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: 'Will also need light clients. Gamer profiles will need some form of p2p gossip on their ranking over time, which makes a good case for composable state information (assuming games are settled on the chain). I would look to @laconicnetwork for some of that.'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1502059383651549188/w1s1xEnA_400x400.jpg',
-    name: '@Lifechart3',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: 'Patiently waiting for @laconicnetwork Launch 😎'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1513509255302856718/I9DHE-BG_400x400.jpg',
-    name: '@rickmanelius',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: "If you love web3 infra layer tools/solutions, give @laconicnetwork a follow. I'm incredibly excited with what they have coming down the pipeline"
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1467983835627286529/eeb-wHtV_400x400.jpg',
-    name: '@kumavis',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: 'Running infura for free is actually extremely expensive, we pursued a light client before but it required a fresh implementation. hopefully @laconicnetwork solves this problem'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1478264960581091330/I1PG8TSU_400x400.jpg',
-    name: '@OnChainDreamer',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: '@laconicnetwork > really smart ppl follows b4 launch'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1510473579128893446/wkH_3gq3_400x400.jpg',
-    name: '@GarretteDVF',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: 'Will also need light clients. Gamer profiles will need some form of p2p gossip on their ranking over time, which makes a good case for composable state information (assuming games are settled on the chain). I would look to @laconicnetwork for some of that.'
-  },
-  {
-    image:
-      'https://pbs.twimg.com/profile_images/1502059383651549188/w1s1xEnA_400x400.jpg',
-    name: '@Lifechart3',
-    position: 'CO-Founder',
-    logo: <Square />,
-    text: 'Patiently waiting for @laconicnetwork Launch 😎'
-  }
-]
diff --git a/src/components/sections/privacy/privacypolicy/index.tsx b/src/components/sections/privacy/privacypolicy/index.tsx
index 4971946..36cc495 100644
--- a/src/components/sections/privacy/privacypolicy/index.tsx
+++ b/src/components/sections/privacy/privacypolicy/index.tsx
@@ -1,31 +1,39 @@
+import { useEffect, useState } from 'react'
+
 import { Container } from '~/components/layout/container'
 import Section from '~/components/layout/section'
-import Heading from '~/components/primitives/heading'
 import s from '~/components/sections/terms/termsofuse/termsofuse.module.scss'
+import CustomStructuredText from '~/lib/renderer'
 
-import { privacyPolicy } from './privacypolicy'
+interface Props {
+  data: {
+    privacyContent: any
+    _updatedAt: string
+  }
+}
+
+const PrivacyPolicy = ({ data }: Props) => {
+  const [updatedOnDate, setUpdatedOnDate] = useState<string>()
+
+  useEffect(() => {
+    setUpdatedOnDate(
+      new Date(data?._updatedAt).toLocaleDateString('default', {
+        day: '2-digit',
+        month: '2-digit',
+        year: '2-digit'
+      })
+    )
+  }, [data?._updatedAt])
 
-const PrivacyPolicy = () => {
   return (
     <Section className={s['section']}>
       <div className={s['header']}>
         <span>LAST UPDATE</span>
         <span className={s['separator']}>—</span>
-        <span>{privacyPolicy.updatedOn}</span>
+        <span>{updatedOnDate}</span>
       </div>
       <Container className={s['container']}>
-        <p>{privacyPolicy.text.block01.pg01}</p>
-        <p>{privacyPolicy.text.block01.pg02}</p>
-        <p>{privacyPolicy.text.block01.pg03}</p>
-        <p>{privacyPolicy.text.block01.pg04}</p>
-        <Heading as="h2" font="tthoves" variant="sm">
-          {privacyPolicy.text.block02.title}
-        </Heading>
-        <p>{privacyPolicy.text.block02.pg01}</p>
-        <Heading as="h2" font="tthoves" variant="sm">
-          {privacyPolicy.text.block03.title}
-        </Heading>
-        <p>{privacyPolicy.text.block03.pg01}</p>
+        <CustomStructuredText data={data?.privacyContent} />
       </Container>
     </Section>
   )
diff --git a/src/components/sections/privacy/privacypolicy/privacypolicy.ts b/src/components/sections/privacy/privacypolicy/privacypolicy.ts
deleted file mode 100644
index 4607ac5..0000000
--- a/src/components/sections/privacy/privacypolicy/privacypolicy.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export const privacyPolicy = {
-  updatedOn: '01.31.22',
-  text: {
-    block01: {
-      pg01: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare aliquam pretium. Nullam id massa non augue suscipit porttitor quis quis dolor. Pellentesque porttitor sed turpis vitae pulvinar. Pellentesque a est venenatis, scelerisque lacus ac, vulputate lectus. Etiam porttitor sagittis nisi sit amet lacinia. Cras gravida ultricies porta. Curabitur semper nulla nisi, eget suscipit purus blandit porttitor. Fusce sagittis luctus sapien ut volutpat. Donec luctus, tellus nec gravida ullamcorper, ligula lacus sagittis lacus, ultrices ultricies dolor ligula vitae orci. Quisque a nisi nunc. Maecenas mattis dui id sem porta ultrices.',
-      pg02: 'Duis quis leo non ex gravida placerat a ac urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus facilisis ipsum ut risus egestas ornare. Phasellus et leo eu purus hendrerit auctor. Nam accumsan enim nec massa semper, vel porttitor neque efficitur. Duis a convallis nulla, a mattis turpis. Mauris a blandit ex. Phasellus sit amet vestibulum purus. Maecenas rutrum pretium lectus ut tincidunt. Donec mollis quam sit amet condimentum lacinia.',
-
-      pg03: 'In elementum et felis in elementum. Maecenas nunc nisi, pretium a lobortis interdum, venenatis ut erat. Cras euismod dignissim molestie. Proin commodo nisl at risus gravida facilisis. Donec sit amet magna odio. Pellentesque posuere in risus nec vehicula. Etiam euismod risus eget congue placerat. Pellentesque nec orci ac velit finibus semper a egestas nunc. Integer venenatis, libero sed faucibus tincidunt, massa lorem ullamcorper lacus, quis dignissim libero dolor a nunc. Suspendisse eu accumsan nisi. Integer vitae maximus purus. Nam ut velit a eros tristique feugiat accumsan vitae ex. Pellentesque metus urna, varius non nisl non, molestie sodales diam. Proin sit amet ullamcorper justo. Mauris vehicula dictum imperdiet. Etiam laoreet diam at nunc consectetur sollicitudin.',
-
-      pg04: 'Pellentesque ante libero, pellentesque ac sodales et, consectetur a ipsum. Integer aliquam massa et mattis tristique. Praesent id egestas magna. Nam cursus, lectus ac ornare convallis, nisl metus euismod nibh, sed fermentum velit nulla eu neque. Quisque pulvinar enim vel metus aliquam congue. Aenean sit amet ex euismod, ultrices sem quis, dapibus leo. Ut luctus pellentesque orci, fermentum porttitor libero congue eu.'
-    },
-    block02: {
-      title: '1. Lorem Ipsum',
-      pg01: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
-    },
-    block03: {
-      title: '2. Lorem Ipsum',
-      pg01: 'Quisque id tristique quam, vitae feugiat orci. Nulla vel nulla et massa fringilla faucibus. Suspendisse semper arcu nec leo maximus fringilla. Praesent id elementum turpis. Cras sit amet nunc sed nunc tempus placerat vel ultrices urna. Aenean scelerisque porta massa, vel sodales turpis porta quis. Aliquam euismod neque ac eros dictum, ac dapibus risus convallis. Mauris risus orci, porttitor et semper eu, accumsan a tellus. Ut posuere venenatis urna sit amet laoreet. Curabitur id justo ut lacus pretium ultrices et in tortor. Phasellus dignissim, justo quis dapibus viverra, nulla justo faucibus sem, quis tristique nulla mi nec purus. Morbi dolor magna, congue ut tempor id, vestibulum et eros. Praesent at quam purus. Nam eget tincidunt tellus, non tristique quam. Vivamus nulla libero, placerat et orci ac.'
-    }
-  }
-}
diff --git a/src/components/sections/products/app/app.module.scss b/src/components/sections/products/app/app.module.scss
index 5993634..b912f40 100644
--- a/src/components/sections/products/app/app.module.scss
+++ b/src/components/sections/products/app/app.module.scss
@@ -41,7 +41,7 @@
 
         line-height: 1.35;
         font-size: tovw(30px, 'default', 18px);
-        width: tovw(635px, 'default', 300px);
+        width: tovw(585px, 'default', 300px);
         margin-top: tovw(62px, 'default', 30px);
       }
     }
@@ -61,7 +61,7 @@
       }
 
       top: tovw(-250px);
-      left: tovw(-400px);
+      left: tovw(-350px);
       width: tovw(1060px, 'default', 300px);
       position: absolute;
 
diff --git a/src/components/sections/products/app/index.tsx b/src/components/sections/products/app/index.tsx
index 8f6eb37..d2ad8dc 100644
--- a/src/components/sections/products/app/index.tsx
+++ b/src/components/sections/products/app/index.tsx
@@ -4,31 +4,36 @@ import Heading from '~/components/primitives/heading'
 
 import s from './app.module.scss'
 
-const AppSection = () => {
+interface Props {
+  data: {
+    appDescription: string
+    appHeading: string
+    appImg: {
+      url: string
+    }
+    appMobileImg: {
+      url: string
+    }
+  }
+}
+
+const AppSection = ({ data }: Props) => {
   return (
     <Section className={s['section']} id="laconicapp">
       <Container className={s['container']}>
         <div>
-          <img
-            className={s.app__img}
-            src="/images/products/app.png"
-            alt="token"
-          />
+          <img className={s.app__img} src={data?.appImg?.url} alt="app" />
           <img
             className={s.app__img__mobile}
-            src="/images/products/app-mobile.jpg"
-            alt="token"
+            src={data?.appMobileImg?.url}
+            alt="app"
           />
         </div>
         <div>
           <Heading as="h2" variant="lg">
-            Laconic App
+            {data?.appHeading}
           </Heading>
-          <p>
-            Laconic Wallet leverages an in-browser IPFS payment channel,
-            enabling users of the network to transact quickly and easily with
-            LNT and ERC20 tokens.
-          </p>
+          <p>{data?.appDescription}</p>
         </div>
       </Container>
     </Section>
diff --git a/src/components/sections/products/hero/index.tsx b/src/components/sections/products/hero/index.tsx
index ac177c4..cbce06c 100644
--- a/src/components/sections/products/hero/index.tsx
+++ b/src/components/sections/products/hero/index.tsx
@@ -7,7 +7,23 @@ import Heading from '~/components/primitives/heading'
 
 import s from './hero.module.scss'
 
-const Hero = () => {
+interface Props {
+  data: {
+    heroHeading: string
+    heroDescription: string
+    heroItem01: string
+    heroItem02: string
+    heroItem03: string
+    heroItem04: string
+    heroItem05: string
+    heroS01Heading: string
+    heroS01Desc: string
+    heroS02Heading: string
+    heroS02Desc: string
+  }
+}
+
+const Hero = ({ data }: Props) => {
   const heroVideoRef = useRef<HTMLVideoElement>(null)
 
   // const loop = () => {
@@ -42,43 +58,31 @@ const Hero = () => {
         <div className={s.body}>
           <div>
             <Heading as="h1" variant="xl">
-              Products
+              {data?.heroHeading}
             </Heading>
             <Arrow className={s['arrow']} />
           </div>
           <div className={s.text__container}>
-            <p>
-              Laconic is the only data solution that provides accurate,
-              low-cost, multi-chain, verifiable blockchain data by leveraging
-              cryptographic proofs, cutting-edge data-caching engineering, and a
-              secure verifiable data marketplace:
-            </p>
+            <p>{data?.heroDescription}</p>
             <div>
               <ol>
-                <li>Laconic Watchers (SDK)</li>
-                <li>Laconic Stack</li>
-                <li>Laconic Network</li>
-                <li>Laconic App</li>
-                <li>Laconic Network Token (LNT)</li>
+                <li>{data?.heroItem01}</li>
+                <li>{data?.heroItem02}</li>
+                <li>{data?.heroItem03}</li>
+                <li>{data?.heroItem04}</li>
+                <li>{data?.heroItem05}</li>
               </ol>
               <div>
                 <Heading as="h2" variant="sm">
-                  DeFi
+                  {data?.heroS01Heading}
                 </Heading>
-                <p>
-                  Laconic enables simple and efficient DApp development, and the
-                  most flexible views of the Ethereum state.
-                </p>
+                <p>{data?.heroS01Desc}</p>
               </div>
               <div>
                 <Heading as="h2" variant="sm">
-                  NFTs
+                  {data?.heroS02Heading}
                 </Heading>
-                <p>
-                  Laconic exposes cross-chain history and metadata associated
-                  with an NFT, enabling provably accurate data for DApps and
-                  Marketplaces.
-                </p>
+                <p>{data?.heroS02Desc}</p>
               </div>
             </div>
           </div>
diff --git a/src/components/sections/products/network/index.tsx b/src/components/sections/products/network/index.tsx
index a828f08..0d72a37 100644
--- a/src/components/sections/products/network/index.tsx
+++ b/src/components/sections/products/network/index.tsx
@@ -5,49 +5,54 @@ import Heading from '~/components/primitives/heading'
 
 import s from './network.module.scss'
 
-const Network = () => {
+interface Props {
+  data: {
+    networkHeading: string
+    networkDesc: string
+    networkListItem01: string
+    networkListItem02: string
+    networkListItem03: string
+    networkImg: {
+      url: string
+    }
+    networkMobileImg: {
+      url: string
+    }
+  }
+}
+
+const Network = ({ data }: Props) => {
   return (
     <Section className={s['section']} id="laconicnetwork">
       <Container className={s['container']}>
         <div>
           <Heading as="h2" variant="lg">
-            Laconic Network
+            {data?.networkHeading}
           </Heading>
-          <p>
-            An open, interoperable, verifiable data marketplace and ecosystem of
-            service providers, DApp operators, and data consumers providing
-            low-cost, decentralized, and disintermediated horizontal scaling
-            solutions for projects leveraging Laconic Stack.
-          </p>
+          <p>{data?.networkDesc}</p>
           <img
             className={s.network__img__mobile}
-            src="/images/products/network-mobile.jpg"
+            src={data?.networkMobileImg?.url}
             alt="network"
           />
           <div className={s.features}>
             <div>
               <img src="/images/products/nw-01.png" alt="" />
-              <p>
-                Seamlessly connects DApps and bridges with data service
-                providers
-              </p>
+              <p>{data?.networkListItem01}</p>
             </div>
             <div>
               <img src="/images/products/nw-02.png" alt="" />
-              <p>Leverages state-channel-based payment infrastructure</p>
+              <p>{data?.networkListItem02}</p>
             </div>
             <div>
               <img src="/images/products/nw-03.png" alt="" />
-              <p>
-                Provides highest quality services at the lowest prices via
-                marketplace model
-              </p>
+              <p>{data?.networkListItem03}</p>
             </div>
           </div>
         </div>
         <img
           className={s.network__img}
-          src="/images/products/network.jpg"
+          src={data?.networkImg?.url}
           alt="network"
         />
       </Container>
diff --git a/src/components/sections/products/stack/index.tsx b/src/components/sections/products/stack/index.tsx
index 0fb6c4d..058b052 100644
--- a/src/components/sections/products/stack/index.tsx
+++ b/src/components/sections/products/stack/index.tsx
@@ -1,30 +1,44 @@
-// import { Arrow } from '~/components/icons/arrow'
 import Line from '~/components/icons/line'
 import { Container } from '~/components/layout/container'
 import Section from '~/components/layout/section'
 import Heading from '~/components/primitives/heading'
 
-// import Link from '~/components/primitives/link'
-import { stackData } from './stack'
 import s from './stack.module.scss'
 
-const Stack = () => {
+interface Props {
+  data: {
+    stackDescription: string
+    stackHeading: string
+    stackListData: {
+      stackData: {
+        title: string
+        content: string
+      }[]
+    }
+    stackImage: {
+      url: string
+    }
+    stackSvgImg: {
+      url: string
+    }
+  }
+}
+
+const Stack = ({ data }: Props) => {
+  const stackData = data?.stackListData?.stackData
+
   return (
     <Section className={s['section']} id="laconicstack">
       <Container className={s['container']}>
         <div className={s.header}>
           <Heading as="h2" variant="lg">
-            Laconic Stack
+            {data?.stackHeading}
           </Heading>
-          <p>
-            Laconic Stack is a set of essential and verifiable technologies and
-            services that significantly simplify DApp development and make DApps
-            accessible to a wider audience of developers.
-          </p>
+          <p>{data?.stackDescription}</p>
         </div>
         <div>
           <ol>
-            {stackData.map((item) => (
+            {stackData?.map((item) => (
               <li key={item.title}>
                 <div>
                   <Heading as="h3" variant="sm" font="arthemys">
@@ -40,12 +54,12 @@ const Stack = () => {
         <div>
           <img
             className={s.stack__img}
-            src="/images/products/stack.png"
+            src={data?.stackImage?.url}
             alt="stack"
           />
           <img
             className={`${s.stack__img} ${s.stack__img__small}`}
-            src="/images/products/diagram.svg"
+            src={data?.stackSvgImg?.url}
             alt="stack"
           />
           <div className={s.gradient} />
diff --git a/src/components/sections/products/token/index.tsx b/src/components/sections/products/token/index.tsx
index 3833175..5a623b1 100644
--- a/src/components/sections/products/token/index.tsx
+++ b/src/components/sections/products/token/index.tsx
@@ -5,48 +5,52 @@ import Heading from '~/components/primitives/heading'
 
 import s from './token.module.scss'
 
-const Token = () => {
+interface Props {
+  data: {
+    tokenHeading: string
+    tokenDesc: string
+    tokenItem01: string
+    tokenItem02: string
+    tokenItem03: string
+    tokenImg: {
+      url: string
+    }
+    tokenMobileImg: {
+      url: string
+    }
+  }
+}
+
+const Token = ({ data }: Props) => {
   return (
     <Section className={s['section']} id="laconictoken">
       <Container className={s['container']}>
         <div>
           <Heading as="h2" variant="lg">
-            Laconic Network Token
+            {data?.tokenHeading}
           </Heading>
-          <p>
-            With a fixed total supply, Laconic Network Token (LNT) serves
-            multiple functions in the Network design, most saliently by securing
-            incentive alignment across network stakeholders. LNT also allows for
-            seamless payments across services, regardless of blockchain or DApp.
-          </p>
+          <p>{data?.tokenDesc}</p>
           <img
             className={s.token__img__mobile}
-            src="/images/products/token-mobile.jpg"
+            src={data?.tokenMobileImg?.url}
             alt="token"
           />
           <div className={s.features}>
             <div>
-              <img src="/images/products/tk-01.png" alt="" />
-              <p>Distribute rewards to staked users</p>
+              <img src="/images/products/tk-01.png" alt="item" />
+              <p>{data?.tokenItem01}</p>
             </div>
             <div>
-              <img src="/images/products/tk-03.png" alt="" />
-              <p>Provide service discounts</p>
+              <img src="/images/products/tk-03.png" alt="item" />
+              <p>{data?.tokenItem02}</p>
             </div>
             <div>
-              <img src="/images/products/tk-04.png" alt="" />
-              <p>
-                Distribute funds to community participants for Network
-                maintenance and development
-              </p>
+              <img src="/images/products/tk-04.png" alt="item" />
+              <p>{data?.tokenItem03}</p>
             </div>
           </div>
         </div>
-        <img
-          className={s.token__img}
-          src="/images/products/token.jpg"
-          alt="token"
-        />
+        <img className={s.token__img} src={data?.tokenImg?.url} alt="token" />
       </Container>
     </Section>
   )
diff --git a/src/components/sections/products/watchers/index.tsx b/src/components/sections/products/watchers/index.tsx
index 935ded9..578a6e2 100644
--- a/src/components/sections/products/watchers/index.tsx
+++ b/src/components/sections/products/watchers/index.tsx
@@ -5,64 +5,64 @@ import Heading from '~/components/primitives/heading'
 
 import s from './watchers.module.scss'
 
-const Watchers = () => {
+interface Props {
+  data: {
+    watchersHeading: string
+    watchersImage: {
+      url: string
+    }
+    watchersMobileImage: {
+      url: string
+    }
+    watchersItem01: string
+    watchersItem02: string
+    watchersItem03: string
+    watchersListHead: string
+    watchersP01: string
+    watchersP02: string
+  }
+}
+
+const Watchers = ({ data }: Props) => {
   return (
     <Section className={s['section']} id="laconicwatchers">
       <Container className={s['container']}>
         <div>
-          <p>
-            Developers can leverage the Laconic SDK to develop Watchers, which
-            are the components of the Laconic Network that makes DApp
-            development fast and frictionless. Watchers are custom caches of
-            IPLD blocks. By providing proofs with our IPLD versions of Ethereum
-            data, a DApp can be fully verifiable with hundreds of megabytes
-            instead of the tens of terabytes an archive node requires,
-            dramatically increasing speed and efficiency, and lowering costs.
-          </p>
-          <p>
-            With the services of a Watcher, a DApp developer can exactly define
-            and customize the API they need. The Watcher runs queries that are
-            efficient and relevant to the DApp. Another key benefit of Watchers
-            is that they are composable, enabling a developer to reference data
-            previously derived from the Ethereum blockchain by means of another
-            Watcher, within their Watcher.
-          </p>
-          <p>A Watcher serves three fundamental purposes:</p>
+          <p>{data?.watchersP01}</p>
+          <p>{data?.watchersP02}</p>
+          <p>{data?.watchersListHead}</p>
           <img
             className={s.watchers__img__mobile}
-            src="/images/products/watchers-mobile.jpg"
+            src={data?.watchersMobileImage?.url}
             alt="network"
           />
           <div className={s.features}>
             <ol>
               <li>
-                <p>It queries precisely the data a DApp needs.</p>
+                <p>{data?.watchersItem01}</p>
                 <Line className={s['line']} height={45} />
               </li>
               <li>
-                <p>
-                  It transforms the queried data to make it consumable to the
-                  DApp.
-                </p>
+                <p>{data?.watchersItem02}</p>
                 <Line className={s['line']} height={45} />
               </li>
               <li>
-                <p>It caches the data for fast and inexpensive access.</p>
+                <p>{data?.watchersItem03}</p>
                 <Line className={s['line']} height={45} />
               </li>
             </ol>
           </div>
         </div>
         <div className={s.heading}>
-          <Heading as="h2" variant="lg">
-            Laconic
-            <br className="hide-on-mobile" /> Watchers
-            <br />
-            (SDK)
-          </Heading>
+          <Heading
+            as="h2"
+            variant="lg"
+            dangerouslySetInnerHTML={{ __html: data?.watchersHeading }}
+          />
+
           <img
             className={s.watchers__img}
-            src="/images/products/watchers.jpg"
+            src={data?.watchersImage?.url}
             alt="network"
           />
         </div>
diff --git a/src/components/sections/terms/termsofuse/index.tsx b/src/components/sections/terms/termsofuse/index.tsx
index 50caf22..613e52f 100644
--- a/src/components/sections/terms/termsofuse/index.tsx
+++ b/src/components/sections/terms/termsofuse/index.tsx
@@ -1,31 +1,40 @@
+import { useEffect, useState } from 'react'
+
 import { Container } from '~/components/layout/container'
 import Section from '~/components/layout/section'
-import Heading from '~/components/primitives/heading'
+import CustomStructuredText from '~/lib/renderer'
 
-import { termsOfUse } from './termsofuse'
 import s from './termsofuse.module.scss'
 
-const TermsOfUse = () => {
+interface Props {
+  data: {
+    termsContent: any
+    _updatedAt: string
+  }
+}
+
+const TermsOfUse = ({ data }: Props) => {
+  const [updatedOnDate, setUpdatedOnDate] = useState<string>()
+
+  useEffect(() => {
+    setUpdatedOnDate(
+      new Date(data?._updatedAt).toLocaleDateString('default', {
+        day: '2-digit',
+        month: '2-digit',
+        year: '2-digit'
+      })
+    )
+  }, [data?._updatedAt])
+
   return (
     <Section className={s['section']}>
       <div className={s['header']}>
         <span>LAST UPDATE</span>
         <span className={s['separator']}>—</span>
-        <span>{termsOfUse.updatedOn}</span>
+        <span>{updatedOnDate}</span>
       </div>
       <Container className={s['container']}>
-        <p>{termsOfUse.text.block01.pg01}</p>
-        <p>{termsOfUse.text.block01.pg02}</p>
-        <p>{termsOfUse.text.block01.pg03}</p>
-        <p>{termsOfUse.text.block01.pg04}</p>
-        <Heading as="h2" font="tthoves" variant="sm">
-          {termsOfUse.text.block02.title}
-        </Heading>
-        <p>{termsOfUse.text.block02.pg01}</p>
-        <Heading as="h2" font="tthoves" variant="sm">
-          {termsOfUse.text.block03.title}
-        </Heading>
-        <p>{termsOfUse.text.block03.pg01}</p>
+        <CustomStructuredText data={data?.termsContent} />
       </Container>
     </Section>
   )
diff --git a/src/components/sections/terms/termsofuse/termsofuse.ts b/src/components/sections/terms/termsofuse/termsofuse.ts
deleted file mode 100644
index 7d3de4f..0000000
--- a/src/components/sections/terms/termsofuse/termsofuse.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export const termsOfUse = {
-  updatedOn: '01.31.22',
-  text: {
-    block01: {
-      pg01: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare aliquam pretium. Nullam id massa non augue suscipit porttitor quis quis dolor. Pellentesque porttitor sed turpis vitae pulvinar. Pellentesque a est venenatis, scelerisque lacus ac, vulputate lectus. Etiam porttitor sagittis nisi sit amet lacinia. Cras gravida ultricies porta. Curabitur semper nulla nisi, eget suscipit purus blandit porttitor. Fusce sagittis luctus sapien ut volutpat. Donec luctus, tellus nec gravida ullamcorper, ligula lacus sagittis lacus, ultrices ultricies dolor ligula vitae orci. Quisque a nisi nunc. Maecenas mattis dui id sem porta ultrices.',
-      pg02: 'Duis quis leo non ex gravida placerat a ac urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus facilisis ipsum ut risus egestas ornare. Phasellus et leo eu purus hendrerit auctor. Nam accumsan enim nec massa semper, vel porttitor neque efficitur. Duis a convallis nulla, a mattis turpis. Mauris a blandit ex. Phasellus sit amet vestibulum purus. Maecenas rutrum pretium lectus ut tincidunt. Donec mollis quam sit amet condimentum lacinia.',
-
-      pg03: 'In elementum et felis in elementum. Maecenas nunc nisi, pretium a lobortis interdum, venenatis ut erat. Cras euismod dignissim molestie. Proin commodo nisl at risus gravida facilisis. Donec sit amet magna odio. Pellentesque posuere in risus nec vehicula. Etiam euismod risus eget congue placerat. Pellentesque nec orci ac velit finibus semper a egestas nunc. Integer venenatis, libero sed faucibus tincidunt, massa lorem ullamcorper lacus, quis dignissim libero dolor a nunc. Suspendisse eu accumsan nisi. Integer vitae maximus purus. Nam ut velit a eros tristique feugiat accumsan vitae ex. Pellentesque metus urna, varius non nisl non, molestie sodales diam. Proin sit amet ullamcorper justo. Mauris vehicula dictum imperdiet. Etiam laoreet diam at nunc consectetur sollicitudin.',
-
-      pg04: 'Pellentesque ante libero, pellentesque ac sodales et, consectetur a ipsum. Integer aliquam massa et mattis tristique. Praesent id egestas magna. Nam cursus, lectus ac ornare convallis, nisl metus euismod nibh, sed fermentum velit nulla eu neque. Quisque pulvinar enim vel metus aliquam congue. Aenean sit amet ex euismod, ultrices sem quis, dapibus leo. Ut luctus pellentesque orci, fermentum porttitor libero congue eu.'
-    },
-    block02: {
-      title: '1. Lorem Ipsum',
-      pg01: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
-    },
-    block03: {
-      title: '2. Lorem Ipsum',
-      pg01: 'Quisque id tristique quam, vitae feugiat orci. Nulla vel nulla et massa fringilla faucibus. Suspendisse semper arcu nec leo maximus fringilla. Praesent id elementum turpis. Cras sit amet nunc sed nunc tempus placerat vel ultrices urna. Aenean scelerisque porta massa, vel sodales turpis porta quis. Aliquam euismod neque ac eros dictum, ac dapibus risus convallis. Mauris risus orci, porttitor et semper eu, accumsan a tellus. Ut posuere venenatis urna sit amet laoreet. Curabitur id justo ut lacus pretium ultrices et in tortor. Phasellus dignissim, justo quis dapibus viverra, nulla justo faucibus sem, quis tristique nulla mi nec purus. Morbi dolor magna, congue ut tempor id, vestibulum et eros. Praesent at quam purus. Nam eget tincidunt tellus, non tristique quam. Vivamus nulla libero, placerat et orci ac.'
-    }
-  }
-}
diff --git a/src/css/global.scss b/src/css/global.scss
index b067938..935fee3 100644
--- a/src/css/global.scss
+++ b/src/css/global.scss
@@ -102,6 +102,10 @@ p {
   font-size: tovw(24px, 'default', 18px);
 }
 
+.highlight {
+  color: var(--color-accent);
+}
+
 .sr-only {
   position: absolute;
   border: 0;
diff --git a/src/lib/cms/generated.ts b/src/lib/cms/generated.ts
index c087724..3f3dedf 100644
--- a/src/lib/cms/generated.ts
+++ b/src/lib/cms/generated.ts
@@ -1,50 +1,56 @@
-import { GraphQLClient } from 'graphql-request';
-import * as Dom from 'graphql-request/dist/types.dom';
-import gql from 'graphql-tag';
-export type Maybe<T> = T | null;
-export type InputMaybe<T> = Maybe<T>;
-export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
+import { GraphQLClient } from 'graphql-request'
+import * as Dom from 'graphql-request/dist/types.dom'
+import gql from 'graphql-tag'
+export type Maybe<T> = T | null
+export type InputMaybe<T> = Maybe<T>
+export type Exact<T extends { [key: string]: unknown }> = {
+  [K in keyof T]: T[K]
+}
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+  [SubKey in K]?: Maybe<T[SubKey]>
+}
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+  [SubKey in K]: Maybe<T[SubKey]>
+}
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: string;
-  String: string;
-  Boolean: boolean;
-  Int: number;
-  Float: number;
+  ID: string
+  String: string
+  Boolean: boolean
+  Int: number
+  Float: number
   /** Represents `true` or `false` values. */
-  BooleanType: any;
-  CustomData: any;
+  BooleanType: any
+  CustomData: any
   /** A ISO 8601 compliant date value */
-  Date: any;
+  Date: any
   /** A ISO 8601 compliant datetime value */
-  DateTime: any;
+  DateTime: any
   /** Represents signed double-precision fractional values as specified by [IEEE 754](http://en.wikipedia.org/wiki/IEEE_floating_point). */
-  FloatType: any;
+  FloatType: any
   /** Represents non-fractional signed whole numeric values. Int can represent values between -(2^31) and 2^31 - 1. */
-  IntType: any;
-  ItemId: any;
-  JsonField: any;
-  MetaTagAttributes: any;
-  UploadId: any;
-};
+  IntType: any
+  ItemId: any
+  JsonField: any
+  MetaTagAttributes: any
+  UploadId: any
+}
 
 export type AuthorModelFilter = {
-  OR?: InputMaybe<Array<InputMaybe<AuthorModelFilter>>>;
-  _createdAt?: InputMaybe<CreatedAtFilter>;
-  _firstPublishedAt?: InputMaybe<PublishedAtFilter>;
-  _isValid?: InputMaybe<BooleanFilter>;
-  _publicationScheduledAt?: InputMaybe<PublishedAtFilter>;
-  _publishedAt?: InputMaybe<PublishedAtFilter>;
-  _status?: InputMaybe<StatusFilter>;
-  _unpublishingScheduledAt?: InputMaybe<PublishedAtFilter>;
-  _updatedAt?: InputMaybe<UpdatedAtFilter>;
-  createdAt?: InputMaybe<CreatedAtFilter>;
-  id?: InputMaybe<ItemIdFilter>;
-  name?: InputMaybe<StringFilter>;
-  updatedAt?: InputMaybe<UpdatedAtFilter>;
-};
+  OR?: InputMaybe<Array<InputMaybe<AuthorModelFilter>>>
+  _createdAt?: InputMaybe<CreatedAtFilter>
+  _firstPublishedAt?: InputMaybe<PublishedAtFilter>
+  _isValid?: InputMaybe<BooleanFilter>
+  _publicationScheduledAt?: InputMaybe<PublishedAtFilter>
+  _publishedAt?: InputMaybe<PublishedAtFilter>
+  _status?: InputMaybe<StatusFilter>
+  _unpublishingScheduledAt?: InputMaybe<PublishedAtFilter>
+  _updatedAt?: InputMaybe<UpdatedAtFilter>
+  createdAt?: InputMaybe<CreatedAtFilter>
+  id?: InputMaybe<ItemIdFilter>
+  name?: InputMaybe<StringFilter>
+  updatedAt?: InputMaybe<UpdatedAtFilter>
+}
 
 export enum AuthorModelOrderBy {
   _createdAt_ASC = '_createdAt_ASC',
@@ -75,60 +81,59 @@ export enum AuthorModelOrderBy {
 
 /** Record of type Author (author) */
 export type AuthorRecord = {
-  __typename?: 'AuthorRecord';
-  _createdAt: Scalars['DateTime'];
-  _firstPublishedAt?: Maybe<Scalars['DateTime']>;
-  _isValid: Scalars['BooleanType'];
-  _modelApiKey: Scalars['String'];
-  _publicationScheduledAt?: Maybe<Scalars['DateTime']>;
-  _publishedAt?: Maybe<Scalars['DateTime']>;
+  __typename?: 'AuthorRecord'
+  _createdAt: Scalars['DateTime']
+  _firstPublishedAt?: Maybe<Scalars['DateTime']>
+  _isValid: Scalars['BooleanType']
+  _modelApiKey: Scalars['String']
+  _publicationScheduledAt?: Maybe<Scalars['DateTime']>
+  _publishedAt?: Maybe<Scalars['DateTime']>
   /** SEO meta tags */
-  _seoMetaTags: Array<Tag>;
-  _status: ItemStatus;
-  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>;
-  _updatedAt: Scalars['DateTime'];
-  createdAt: Scalars['DateTime'];
-  id: Scalars['ItemId'];
-  name?: Maybe<Scalars['String']>;
-  updatedAt: Scalars['DateTime'];
-};
-
+  _seoMetaTags: Array<Tag>
+  _status: ItemStatus
+  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>
+  _updatedAt: Scalars['DateTime']
+  createdAt: Scalars['DateTime']
+  id: Scalars['ItemId']
+  name?: Maybe<Scalars['String']>
+  updatedAt: Scalars['DateTime']
+}
 
 /** Record of type Author (author) */
 export type AuthorRecord_SeoMetaTagsArgs = {
-  locale?: InputMaybe<SiteLocale>;
-};
+  locale?: InputMaybe<SiteLocale>
+}
 
-export type BlogPostModelContentBlocksField = CtaRecord | ImageRecord;
+export type BlogPostModelContentBlocksField = CtaRecord | ImageRecord
 
 export type BlogPostModelContentField = {
-  __typename?: 'BlogPostModelContentField';
-  blocks: Array<BlogPostModelContentBlocksField>;
-  links: Array<Scalars['String']>;
-  value: Scalars['JsonField'];
-};
+  __typename?: 'BlogPostModelContentField'
+  blocks: Array<BlogPostModelContentBlocksField>
+  links: Array<Scalars['String']>
+  value: Scalars['JsonField']
+}
 
 export type BlogPostModelFilter = {
-  OR?: InputMaybe<Array<InputMaybe<BlogPostModelFilter>>>;
-  _createdAt?: InputMaybe<CreatedAtFilter>;
-  _firstPublishedAt?: InputMaybe<PublishedAtFilter>;
-  _isValid?: InputMaybe<BooleanFilter>;
-  _publicationScheduledAt?: InputMaybe<PublishedAtFilter>;
-  _publishedAt?: InputMaybe<PublishedAtFilter>;
-  _status?: InputMaybe<StatusFilter>;
-  _unpublishingScheduledAt?: InputMaybe<PublishedAtFilter>;
-  _updatedAt?: InputMaybe<UpdatedAtFilter>;
-  author?: InputMaybe<LinkFilter>;
-  category?: InputMaybe<LinksFilter>;
-  content?: InputMaybe<StructuredTextFilter>;
-  createdAt?: InputMaybe<CreatedAtFilter>;
-  date?: InputMaybe<DateFilter>;
-  id?: InputMaybe<ItemIdFilter>;
-  image?: InputMaybe<FileFilter>;
-  slug?: InputMaybe<StringFilter>;
-  title?: InputMaybe<StringFilter>;
-  updatedAt?: InputMaybe<UpdatedAtFilter>;
-};
+  OR?: InputMaybe<Array<InputMaybe<BlogPostModelFilter>>>
+  _createdAt?: InputMaybe<CreatedAtFilter>
+  _firstPublishedAt?: InputMaybe<PublishedAtFilter>
+  _isValid?: InputMaybe<BooleanFilter>
+  _publicationScheduledAt?: InputMaybe<PublishedAtFilter>
+  _publishedAt?: InputMaybe<PublishedAtFilter>
+  _status?: InputMaybe<StatusFilter>
+  _unpublishingScheduledAt?: InputMaybe<PublishedAtFilter>
+  _updatedAt?: InputMaybe<UpdatedAtFilter>
+  author?: InputMaybe<LinkFilter>
+  category?: InputMaybe<LinksFilter>
+  content?: InputMaybe<StructuredTextFilter>
+  createdAt?: InputMaybe<CreatedAtFilter>
+  date?: InputMaybe<DateFilter>
+  id?: InputMaybe<ItemIdFilter>
+  image?: InputMaybe<FileFilter>
+  slug?: InputMaybe<StringFilter>
+  title?: InputMaybe<StringFilter>
+  updatedAt?: InputMaybe<UpdatedAtFilter>
+}
 
 export enum BlogPostModelOrderBy {
   _createdAt_ASC = '_createdAt_ASC',
@@ -163,58 +168,57 @@ export enum BlogPostModelOrderBy {
 
 /** Record of type Blog Post (blog_post) */
 export type BlogPostRecord = {
-  __typename?: 'BlogPostRecord';
-  _createdAt: Scalars['DateTime'];
-  _firstPublishedAt?: Maybe<Scalars['DateTime']>;
-  _isValid: Scalars['BooleanType'];
-  _modelApiKey: Scalars['String'];
-  _publicationScheduledAt?: Maybe<Scalars['DateTime']>;
-  _publishedAt?: Maybe<Scalars['DateTime']>;
+  __typename?: 'BlogPostRecord'
+  _createdAt: Scalars['DateTime']
+  _firstPublishedAt?: Maybe<Scalars['DateTime']>
+  _isValid: Scalars['BooleanType']
+  _modelApiKey: Scalars['String']
+  _publicationScheduledAt?: Maybe<Scalars['DateTime']>
+  _publishedAt?: Maybe<Scalars['DateTime']>
   /** SEO meta tags */
-  _seoMetaTags: Array<Tag>;
-  _status: ItemStatus;
-  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>;
-  _updatedAt: Scalars['DateTime'];
-  author?: Maybe<AuthorRecord>;
-  category: Array<CategoryRecord>;
-  content?: Maybe<BlogPostModelContentField>;
-  createdAt: Scalars['DateTime'];
-  date?: Maybe<Scalars['Date']>;
-  id: Scalars['ItemId'];
-  image?: Maybe<FileField>;
-  slug?: Maybe<Scalars['String']>;
-  title?: Maybe<Scalars['String']>;
-  updatedAt: Scalars['DateTime'];
-};
-
+  _seoMetaTags: Array<Tag>
+  _status: ItemStatus
+  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>
+  _updatedAt: Scalars['DateTime']
+  author?: Maybe<AuthorRecord>
+  category: Array<CategoryRecord>
+  content?: Maybe<BlogPostModelContentField>
+  createdAt: Scalars['DateTime']
+  date?: Maybe<Scalars['Date']>
+  id: Scalars['ItemId']
+  image?: Maybe<FileField>
+  slug?: Maybe<Scalars['String']>
+  title?: Maybe<Scalars['String']>
+  updatedAt: Scalars['DateTime']
+}
 
 /** Record of type Blog Post (blog_post) */
 export type BlogPostRecord_SeoMetaTagsArgs = {
-  locale?: InputMaybe<SiteLocale>;
-};
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** Specifies how to filter Boolean fields */
 export type BooleanFilter = {
   /** Search for records with an exact match */
-  eq?: InputMaybe<Scalars['BooleanType']>;
-};
+  eq?: InputMaybe<Scalars['BooleanType']>
+}
 
 export type CategoryModelFilter = {
-  OR?: InputMaybe<Array<InputMaybe<CategoryModelFilter>>>;
-  _createdAt?: InputMaybe<CreatedAtFilter>;
-  _firstPublishedAt?: InputMaybe<PublishedAtFilter>;
-  _isValid?: InputMaybe<BooleanFilter>;
-  _publicationScheduledAt?: InputMaybe<PublishedAtFilter>;
-  _publishedAt?: InputMaybe<PublishedAtFilter>;
-  _status?: InputMaybe<StatusFilter>;
-  _unpublishingScheduledAt?: InputMaybe<PublishedAtFilter>;
-  _updatedAt?: InputMaybe<UpdatedAtFilter>;
-  createdAt?: InputMaybe<CreatedAtFilter>;
-  id?: InputMaybe<ItemIdFilter>;
-  slug?: InputMaybe<StringFilter>;
-  title?: InputMaybe<StringFilter>;
-  updatedAt?: InputMaybe<UpdatedAtFilter>;
-};
+  OR?: InputMaybe<Array<InputMaybe<CategoryModelFilter>>>
+  _createdAt?: InputMaybe<CreatedAtFilter>
+  _firstPublishedAt?: InputMaybe<PublishedAtFilter>
+  _isValid?: InputMaybe<BooleanFilter>
+  _publicationScheduledAt?: InputMaybe<PublishedAtFilter>
+  _publishedAt?: InputMaybe<PublishedAtFilter>
+  _status?: InputMaybe<StatusFilter>
+  _unpublishingScheduledAt?: InputMaybe<PublishedAtFilter>
+  _updatedAt?: InputMaybe<UpdatedAtFilter>
+  createdAt?: InputMaybe<CreatedAtFilter>
+  id?: InputMaybe<ItemIdFilter>
+  slug?: InputMaybe<StringFilter>
+  title?: InputMaybe<StringFilter>
+  updatedAt?: InputMaybe<UpdatedAtFilter>
+}
 
 export enum CategoryModelOrderBy {
   _createdAt_ASC = '_createdAt_ASC',
@@ -247,35 +251,34 @@ export enum CategoryModelOrderBy {
 
 /** Record of type Category (category) */
 export type CategoryRecord = {
-  __typename?: 'CategoryRecord';
-  _createdAt: Scalars['DateTime'];
-  _firstPublishedAt?: Maybe<Scalars['DateTime']>;
-  _isValid: Scalars['BooleanType'];
-  _modelApiKey: Scalars['String'];
-  _publicationScheduledAt?: Maybe<Scalars['DateTime']>;
-  _publishedAt?: Maybe<Scalars['DateTime']>;
+  __typename?: 'CategoryRecord'
+  _createdAt: Scalars['DateTime']
+  _firstPublishedAt?: Maybe<Scalars['DateTime']>
+  _isValid: Scalars['BooleanType']
+  _modelApiKey: Scalars['String']
+  _publicationScheduledAt?: Maybe<Scalars['DateTime']>
+  _publishedAt?: Maybe<Scalars['DateTime']>
   /** SEO meta tags */
-  _seoMetaTags: Array<Tag>;
-  _status: ItemStatus;
-  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>;
-  _updatedAt: Scalars['DateTime'];
-  createdAt: Scalars['DateTime'];
-  id: Scalars['ItemId'];
-  slug?: Maybe<Scalars['String']>;
-  title?: Maybe<Scalars['String']>;
-  updatedAt: Scalars['DateTime'];
-};
-
+  _seoMetaTags: Array<Tag>
+  _status: ItemStatus
+  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>
+  _updatedAt: Scalars['DateTime']
+  createdAt: Scalars['DateTime']
+  id: Scalars['ItemId']
+  slug?: Maybe<Scalars['String']>
+  title?: Maybe<Scalars['String']>
+  updatedAt: Scalars['DateTime']
+}
 
 /** Record of type Category (category) */
 export type CategoryRecord_SeoMetaTagsArgs = {
-  locale?: InputMaybe<SiteLocale>;
-};
+  locale?: InputMaybe<SiteLocale>
+}
 
 export type CollectionMetadata = {
-  __typename?: 'CollectionMetadata';
-  count: Scalars['IntType'];
-};
+  __typename?: 'CollectionMetadata'
+  count: Scalars['IntType']
+}
 
 export enum ColorBucketType {
   black = 'black',
@@ -293,76 +296,75 @@ export enum ColorBucketType {
 }
 
 export type ColorField = {
-  __typename?: 'ColorField';
-  alpha?: Maybe<Scalars['IntType']>;
-  blue?: Maybe<Scalars['IntType']>;
-  green?: Maybe<Scalars['IntType']>;
-  hex?: Maybe<Scalars['String']>;
-  red?: Maybe<Scalars['IntType']>;
-};
+  __typename?: 'ColorField'
+  alpha?: Maybe<Scalars['IntType']>
+  blue?: Maybe<Scalars['IntType']>
+  green?: Maybe<Scalars['IntType']>
+  hex?: Maybe<Scalars['String']>
+  red?: Maybe<Scalars['IntType']>
+}
 
 /** Specifies how to filter by creation datetime */
 export type CreatedAtFilter = {
   /** Filter records with a value that's within the specified minute range. Seconds and milliseconds are truncated from the argument. */
-  eq?: InputMaybe<Scalars['DateTime']>;
+  eq?: InputMaybe<Scalars['DateTime']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records with a value that's strictly greater than the one specified. Seconds and milliseconds are truncated from the argument. */
-  gt?: InputMaybe<Scalars['DateTime']>;
+  gt?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's greater than or equal to than the one specified. Seconds and milliseconds are truncated from the argument. */
-  gte?: InputMaybe<Scalars['DateTime']>;
+  gte?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's less than the one specified. Seconds and milliseconds are truncated from the argument. */
-  lt?: InputMaybe<Scalars['DateTime']>;
+  lt?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's less or equal than the one specified. Seconds and milliseconds are truncated from the argument. */
-  lte?: InputMaybe<Scalars['DateTime']>;
+  lte?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's outside the specified minute range. Seconds and milliseconds are truncated from the argument. */
-  neq?: InputMaybe<Scalars['DateTime']>;
-};
+  neq?: InputMaybe<Scalars['DateTime']>
+}
 
 /** Record of type Cta (cta) */
 export type CtaRecord = {
-  __typename?: 'CtaRecord';
-  _createdAt: Scalars['DateTime'];
-  _firstPublishedAt?: Maybe<Scalars['DateTime']>;
-  _isValid: Scalars['BooleanType'];
-  _modelApiKey: Scalars['String'];
-  _publicationScheduledAt?: Maybe<Scalars['DateTime']>;
-  _publishedAt?: Maybe<Scalars['DateTime']>;
+  __typename?: 'CtaRecord'
+  _createdAt: Scalars['DateTime']
+  _firstPublishedAt?: Maybe<Scalars['DateTime']>
+  _isValid: Scalars['BooleanType']
+  _modelApiKey: Scalars['String']
+  _publicationScheduledAt?: Maybe<Scalars['DateTime']>
+  _publishedAt?: Maybe<Scalars['DateTime']>
   /** SEO meta tags */
-  _seoMetaTags: Array<Tag>;
-  _status: ItemStatus;
-  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>;
-  _updatedAt: Scalars['DateTime'];
-  createdAt: Scalars['DateTime'];
-  id: Scalars['ItemId'];
-  label?: Maybe<Scalars['String']>;
-  updatedAt: Scalars['DateTime'];
-  url?: Maybe<Scalars['String']>;
-};
-
+  _seoMetaTags: Array<Tag>
+  _status: ItemStatus
+  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>
+  _updatedAt: Scalars['DateTime']
+  createdAt: Scalars['DateTime']
+  id: Scalars['ItemId']
+  label?: Maybe<Scalars['String']>
+  updatedAt: Scalars['DateTime']
+  url?: Maybe<Scalars['String']>
+}
 
 /** Record of type Cta (cta) */
 export type CtaRecord_SeoMetaTagsArgs = {
-  locale?: InputMaybe<SiteLocale>;
-};
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** Specifies how to filter Date fields */
 export type DateFilter = {
   /** Search for records with an exact match */
-  eq?: InputMaybe<Scalars['Date']>;
+  eq?: InputMaybe<Scalars['Date']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records with a value that's strictly greater than the one specified */
-  gt?: InputMaybe<Scalars['Date']>;
+  gt?: InputMaybe<Scalars['Date']>
   /** Filter records with a value that's greater than or equal to the one specified */
-  gte?: InputMaybe<Scalars['Date']>;
+  gte?: InputMaybe<Scalars['Date']>
   /** Filter records with a value that's less than the one specified */
-  lt?: InputMaybe<Scalars['Date']>;
+  lt?: InputMaybe<Scalars['Date']>
   /** Filter records with a value that's less or equal than the one specified */
-  lte?: InputMaybe<Scalars['Date']>;
+  lte?: InputMaybe<Scalars['Date']>
   /** Exclude records with an exact match */
-  neq?: InputMaybe<Scalars['Date']>;
-};
+  neq?: InputMaybe<Scalars['Date']>
+}
 
 export enum FaviconType {
   appleTouchIcon = 'appleTouchIcon',
@@ -371,130 +373,122 @@ export enum FaviconType {
 }
 
 export type FileField = {
-  __typename?: 'FileField';
-  _createdAt: Scalars['DateTime'];
-  _updatedAt: Scalars['DateTime'];
-  alt?: Maybe<Scalars['String']>;
-  author?: Maybe<Scalars['String']>;
-  basename: Scalars['String'];
-  blurUpThumb?: Maybe<Scalars['String']>;
-  blurhash?: Maybe<Scalars['String']>;
-  colors: Array<Maybe<ColorField>>;
-  copyright?: Maybe<Scalars['String']>;
-  customData?: Maybe<Scalars['CustomData']>;
-  exifInfo?: Maybe<Scalars['CustomData']>;
-  filename: Scalars['String'];
-  focalPoint?: Maybe<FocalPoint>;
-  format: Scalars['String'];
-  height?: Maybe<Scalars['IntType']>;
-  id: Scalars['UploadId'];
-  md5: Scalars['String'];
-  mimeType: Scalars['String'];
-  notes?: Maybe<Scalars['String']>;
-  responsiveImage?: Maybe<ResponsiveImage>;
-  size: Scalars['IntType'];
-  smartTags: Array<Maybe<Scalars['String']>>;
-  tags: Array<Maybe<Scalars['String']>>;
-  title?: Maybe<Scalars['String']>;
-  url: Scalars['String'];
-  video?: Maybe<UploadVideoField>;
-  width?: Maybe<Scalars['IntType']>;
-};
-
+  __typename?: 'FileField'
+  _createdAt: Scalars['DateTime']
+  _updatedAt: Scalars['DateTime']
+  alt?: Maybe<Scalars['String']>
+  author?: Maybe<Scalars['String']>
+  basename: Scalars['String']
+  blurUpThumb?: Maybe<Scalars['String']>
+  blurhash?: Maybe<Scalars['String']>
+  colors: Array<Maybe<ColorField>>
+  copyright?: Maybe<Scalars['String']>
+  customData?: Maybe<Scalars['CustomData']>
+  exifInfo?: Maybe<Scalars['CustomData']>
+  filename: Scalars['String']
+  focalPoint?: Maybe<FocalPoint>
+  format: Scalars['String']
+  height?: Maybe<Scalars['IntType']>
+  id: Scalars['UploadId']
+  md5: Scalars['String']
+  mimeType: Scalars['String']
+  notes?: Maybe<Scalars['String']>
+  responsiveImage?: Maybe<ResponsiveImage>
+  size: Scalars['IntType']
+  smartTags: Array<Maybe<Scalars['String']>>
+  tags: Array<Maybe<Scalars['String']>>
+  title?: Maybe<Scalars['String']>
+  url: Scalars['String']
+  video?: Maybe<UploadVideoField>
+  width?: Maybe<Scalars['IntType']>
+}
 
 export type FileFieldAltArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  locale?: InputMaybe<SiteLocale>
+}
 
 export type FileFieldBlurUpThumbArgs = {
-  imgixParams?: InputMaybe<ImgixParams>;
-  punch?: InputMaybe<Scalars['Float']>;
-  quality?: InputMaybe<Scalars['Int']>;
-  size?: InputMaybe<Scalars['Int']>;
-};
-
+  imgixParams?: InputMaybe<ImgixParams>
+  punch?: InputMaybe<Scalars['Float']>
+  quality?: InputMaybe<Scalars['Int']>
+  size?: InputMaybe<Scalars['Int']>
+}
 
 export type FileFieldCustomDataArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  locale?: InputMaybe<SiteLocale>
+}
 
 export type FileFieldFocalPointArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  locale?: InputMaybe<SiteLocale>
+}
 
 export type FileFieldResponsiveImageArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  imgixParams?: InputMaybe<ImgixParams>;
-  locale?: InputMaybe<SiteLocale>;
-  sizes?: InputMaybe<Scalars['String']>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  imgixParams?: InputMaybe<ImgixParams>
+  locale?: InputMaybe<SiteLocale>
+  sizes?: InputMaybe<Scalars['String']>
+}
 
 export type FileFieldTitleArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  locale?: InputMaybe<SiteLocale>
+}
 
 export type FileFieldUrlArgs = {
-  imgixParams?: InputMaybe<ImgixParams>;
-};
+  imgixParams?: InputMaybe<ImgixParams>
+}
 
 /** Specifies how to filter Single-file/image fields */
 export type FileFilter = {
   /** Search for records with an exact match. The specified value must be an Upload ID */
-  eq?: InputMaybe<Scalars['UploadId']>;
+  eq?: InputMaybe<Scalars['UploadId']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records that have one of the specified uploads */
-  in?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>
   /** Exclude records with an exact match. The specified value must be an Upload ID */
-  neq?: InputMaybe<Scalars['UploadId']>;
+  neq?: InputMaybe<Scalars['UploadId']>
   /** Filter records that do not have one of the specified uploads */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>
+}
 
 export type GlobalSeoField = {
-  __typename?: 'GlobalSeoField';
-  facebookPageUrl?: Maybe<Scalars['String']>;
-  fallbackSeo?: Maybe<SeoField>;
-  siteName?: Maybe<Scalars['String']>;
-  titleSuffix?: Maybe<Scalars['String']>;
-  twitterAccount?: Maybe<Scalars['String']>;
-};
+  __typename?: 'GlobalSeoField'
+  facebookPageUrl?: Maybe<Scalars['String']>
+  fallbackSeo?: Maybe<SeoField>
+  siteName?: Maybe<Scalars['String']>
+  titleSuffix?: Maybe<Scalars['String']>
+  twitterAccount?: Maybe<Scalars['String']>
+}
 
 /** Record of type Image (image) */
 export type ImageRecord = {
-  __typename?: 'ImageRecord';
-  _createdAt: Scalars['DateTime'];
-  _firstPublishedAt?: Maybe<Scalars['DateTime']>;
-  _isValid: Scalars['BooleanType'];
-  _modelApiKey: Scalars['String'];
-  _publicationScheduledAt?: Maybe<Scalars['DateTime']>;
-  _publishedAt?: Maybe<Scalars['DateTime']>;
+  __typename?: 'ImageRecord'
+  _createdAt: Scalars['DateTime']
+  _firstPublishedAt?: Maybe<Scalars['DateTime']>
+  _isValid: Scalars['BooleanType']
+  _modelApiKey: Scalars['String']
+  _publicationScheduledAt?: Maybe<Scalars['DateTime']>
+  _publishedAt?: Maybe<Scalars['DateTime']>
   /** SEO meta tags */
-  _seoMetaTags: Array<Tag>;
-  _status: ItemStatus;
-  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>;
-  _updatedAt: Scalars['DateTime'];
-  asset?: Maybe<FileField>;
-  createdAt: Scalars['DateTime'];
-  id: Scalars['ItemId'];
-  title?: Maybe<Scalars['String']>;
-  updatedAt: Scalars['DateTime'];
-};
-
+  _seoMetaTags: Array<Tag>
+  _status: ItemStatus
+  _unpublishingScheduledAt?: Maybe<Scalars['DateTime']>
+  _updatedAt: Scalars['DateTime']
+  asset?: Maybe<FileField>
+  createdAt: Scalars['DateTime']
+  id: Scalars['ItemId']
+  title?: Maybe<Scalars['String']>
+  updatedAt: Scalars['DateTime']
+}
 
 /** Record of type Image (image) */
 export type ImageRecord_SeoMetaTagsArgs = {
-  locale?: InputMaybe<SiteLocale>;
-};
+  locale?: InputMaybe<SiteLocale>
+}
 
 export type ImgixParams = {
   /**
@@ -506,7 +500,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/ar)
    */
-  ar?: InputMaybe<Scalars['String']>;
+  ar?: InputMaybe<Scalars['String']>
   /**
    * Automatic
    *
@@ -514,7 +508,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/auto)
    */
-  auto?: InputMaybe<Array<ImgixParamsAuto>>;
+  auto?: InputMaybe<Array<ImgixParamsAuto>>
   /**
    * Background Color
    *
@@ -522,7 +516,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/bg)
    */
-  bg?: InputMaybe<Scalars['String']>;
+  bg?: InputMaybe<Scalars['String']>
   /**
    * Blend
    *
@@ -530,7 +524,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend)
    */
-  blend?: InputMaybe<Scalars['String']>;
+  blend?: InputMaybe<Scalars['String']>
   /**
    * Blend Align
    *
@@ -540,7 +534,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-align)
    */
-  blendAlign?: InputMaybe<Array<ImgixParamsBlendAlign>>;
+  blendAlign?: InputMaybe<Array<ImgixParamsBlendAlign>>
   /**
    * Blend Alpha
    *
@@ -550,7 +544,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-alpha)
    */
-  blendAlpha?: InputMaybe<Scalars['IntType']>;
+  blendAlpha?: InputMaybe<Scalars['IntType']>
   /**
    * Blend Color
    *
@@ -558,7 +552,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-color)
    */
-  blendColor?: InputMaybe<Scalars['String']>;
+  blendColor?: InputMaybe<Scalars['String']>
   /**
    * Blend Crop
    *
@@ -568,7 +562,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-crop)
    */
-  blendCrop?: InputMaybe<Array<ImgixParamsBlendCrop>>;
+  blendCrop?: InputMaybe<Array<ImgixParamsBlendCrop>>
   /**
    * Blend Fit
    *
@@ -578,7 +572,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-fit)
    */
-  blendFit?: InputMaybe<ImgixParamsBlendFit>;
+  blendFit?: InputMaybe<ImgixParamsBlendFit>
   /**
    * Blend Height
    *
@@ -588,7 +582,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-h)
    */
-  blendH?: InputMaybe<Scalars['FloatType']>;
+  blendH?: InputMaybe<Scalars['FloatType']>
   /**
    * Blend Mode
    *
@@ -598,7 +592,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-mode)
    */
-  blendMode?: InputMaybe<ImgixParamsBlendMode>;
+  blendMode?: InputMaybe<ImgixParamsBlendMode>
   /**
    * Blend Padding
    *
@@ -608,7 +602,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-pad)
    */
-  blendPad?: InputMaybe<Scalars['IntType']>;
+  blendPad?: InputMaybe<Scalars['IntType']>
   /**
    * Blend Size
    *
@@ -618,7 +612,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-size)
    */
-  blendSize?: InputMaybe<ImgixParamsBlendSize>;
+  blendSize?: InputMaybe<ImgixParamsBlendSize>
   /**
    * Blend Width
    *
@@ -628,7 +622,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-w)
    */
-  blendW?: InputMaybe<Scalars['FloatType']>;
+  blendW?: InputMaybe<Scalars['FloatType']>
   /**
    * Blend X Position
    *
@@ -638,7 +632,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-x)
    */
-  blendX?: InputMaybe<Scalars['IntType']>;
+  blendX?: InputMaybe<Scalars['IntType']>
   /**
    * Blend Y Position
    *
@@ -648,7 +642,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/blending/blend-y)
    */
-  blendY?: InputMaybe<Scalars['IntType']>;
+  blendY?: InputMaybe<Scalars['IntType']>
   /**
    * Gaussian Blur
    *
@@ -656,7 +650,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/blur)
    */
-  blur?: InputMaybe<Scalars['IntType']>;
+  blur?: InputMaybe<Scalars['IntType']>
   /**
    * Border Size & Color
    *
@@ -664,7 +658,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border)
    */
-  border?: InputMaybe<Scalars['String']>;
+  border?: InputMaybe<Scalars['String']>
   /**
    * Border Bottom
    *
@@ -674,7 +668,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-bottom)
    */
-  borderBottom?: InputMaybe<Scalars['IntType']>;
+  borderBottom?: InputMaybe<Scalars['IntType']>
   /**
    * Border Left
    *
@@ -684,7 +678,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-left)
    */
-  borderLeft?: InputMaybe<Scalars['IntType']>;
+  borderLeft?: InputMaybe<Scalars['IntType']>
   /**
    * Outer Border Radius
    *
@@ -694,7 +688,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-radius)
    */
-  borderRadius?: InputMaybe<Scalars['String']>;
+  borderRadius?: InputMaybe<Scalars['String']>
   /**
    * Inner Border Radius
    *
@@ -704,7 +698,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-radius-inner)
    */
-  borderRadiusInner?: InputMaybe<Scalars['String']>;
+  borderRadiusInner?: InputMaybe<Scalars['String']>
   /**
    * Border Right
    *
@@ -714,7 +708,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-right)
    */
-  borderRight?: InputMaybe<Scalars['IntType']>;
+  borderRight?: InputMaybe<Scalars['IntType']>
   /**
    * Border Top
    *
@@ -724,7 +718,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-top)
    */
-  borderTop?: InputMaybe<Scalars['IntType']>;
+  borderTop?: InputMaybe<Scalars['IntType']>
   /**
    * Brightness
    *
@@ -732,7 +726,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/bri)
    */
-  bri?: InputMaybe<Scalars['IntType']>;
+  bri?: InputMaybe<Scalars['IntType']>
   /**
    * Client Hints
    *
@@ -740,7 +734,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/ch)
    */
-  ch?: InputMaybe<Array<ImgixParamsCh>>;
+  ch?: InputMaybe<Array<ImgixParamsCh>>
   /**
    * Chroma Subsampling
    *
@@ -748,7 +742,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/chromasub)
    */
-  chromasub?: InputMaybe<Scalars['IntType']>;
+  chromasub?: InputMaybe<Scalars['IntType']>
   /**
    * Color Quantization
    *
@@ -756,7 +750,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/colorquant)
    */
-  colorquant?: InputMaybe<Scalars['IntType']>;
+  colorquant?: InputMaybe<Scalars['IntType']>
   /**
    * Palette Color Count
    *
@@ -766,7 +760,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/color-palette/colors)
    */
-  colors?: InputMaybe<Scalars['IntType']>;
+  colors?: InputMaybe<Scalars['IntType']>
   /**
    * Contrast
    *
@@ -774,7 +768,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/con)
    */
-  con?: InputMaybe<Scalars['IntType']>;
+  con?: InputMaybe<Scalars['IntType']>
   /**
    * Mask Corner Radius
    *
@@ -784,7 +778,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/mask/corner-radius)
    */
-  cornerRadius?: InputMaybe<Scalars['String']>;
+  cornerRadius?: InputMaybe<Scalars['String']>
   /**
    * Crop Mode
    *
@@ -794,7 +788,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/crop)
    */
-  crop?: InputMaybe<Array<ImgixParamsCrop>>;
+  crop?: InputMaybe<Array<ImgixParamsCrop>>
   /**
    * Color Space
    *
@@ -802,7 +796,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/cs)
    */
-  cs?: InputMaybe<ImgixParamsCs>;
+  cs?: InputMaybe<ImgixParamsCs>
   /**
    * Download
    *
@@ -810,7 +804,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/dl)
    */
-  dl?: InputMaybe<Scalars['String']>;
+  dl?: InputMaybe<Scalars['String']>
   /**
    * Dots Per Inch
    *
@@ -818,7 +812,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/dpi)
    */
-  dpi?: InputMaybe<Scalars['IntType']>;
+  dpi?: InputMaybe<Scalars['IntType']>
   /**
    * Device Pixel Ratio
    *
@@ -826,7 +820,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/dpr)
    */
-  dpr?: InputMaybe<Scalars['FloatType']>;
+  dpr?: InputMaybe<Scalars['FloatType']>
   /**
    * Duotone
    *
@@ -834,7 +828,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/duotone)
    */
-  duotone?: InputMaybe<Scalars['String']>;
+  duotone?: InputMaybe<Scalars['String']>
   /**
    * Duotone Alpha
    *
@@ -844,7 +838,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/duotone-alpha)
    */
-  duotoneAlpha?: InputMaybe<Scalars['IntType']>;
+  duotoneAlpha?: InputMaybe<Scalars['IntType']>
   /**
    * Exposure
    *
@@ -852,7 +846,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/exp)
    */
-  exp?: InputMaybe<Scalars['IntType']>;
+  exp?: InputMaybe<Scalars['IntType']>
   /**
    * Url Expiration Timestamp
    *
@@ -860,7 +854,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/expires)
    */
-  expires?: InputMaybe<Scalars['IntType']>;
+  expires?: InputMaybe<Scalars['IntType']>
   /**
    * Face Index
    *
@@ -870,7 +864,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/face-detection/faceindex)
    */
-  faceindex?: InputMaybe<Scalars['IntType']>;
+  faceindex?: InputMaybe<Scalars['IntType']>
   /**
    * Face Padding
    *
@@ -880,7 +874,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/face-detection/facepad)
    */
-  facepad?: InputMaybe<Scalars['FloatType']>;
+  facepad?: InputMaybe<Scalars['FloatType']>
   /**
    * Json Face Data
    *
@@ -890,7 +884,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/face-detection/faces)
    */
-  faces?: InputMaybe<Scalars['IntType']>;
+  faces?: InputMaybe<Scalars['IntType']>
   /**
    * Fill Mode
    *
@@ -900,7 +894,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/fill/fill)
    */
-  fill?: InputMaybe<ImgixParamsFill>;
+  fill?: InputMaybe<ImgixParamsFill>
   /**
    * Fill Color
    *
@@ -910,7 +904,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/fill/fill-color)
    */
-  fillColor?: InputMaybe<Scalars['String']>;
+  fillColor?: InputMaybe<Scalars['String']>
   /**
    * Resize Fit Mode
    *
@@ -918,7 +912,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/fit)
    */
-  fit?: InputMaybe<ImgixParamsFit>;
+  fit?: InputMaybe<ImgixParamsFit>
   /**
    * Flip Axis
    *
@@ -926,7 +920,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/rotation/flip)
    */
-  flip?: InputMaybe<ImgixParamsFlip>;
+  flip?: InputMaybe<ImgixParamsFlip>
   /**
    * Output Format
    *
@@ -934,7 +928,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/fm)
    */
-  fm?: InputMaybe<ImgixParamsFm>;
+  fm?: InputMaybe<ImgixParamsFm>
   /**
    * Focal Point Debug
    *
@@ -944,7 +938,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/focalpoint-crop/fp-debug)
    */
-  fpDebug?: InputMaybe<Scalars['BooleanType']>;
+  fpDebug?: InputMaybe<Scalars['BooleanType']>
   /**
    * Focal Point X Position
    *
@@ -954,7 +948,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/focalpoint-crop/fp-x)
    */
-  fpX?: InputMaybe<Scalars['FloatType']>;
+  fpX?: InputMaybe<Scalars['FloatType']>
   /**
    * Focal Point Y Position
    *
@@ -964,7 +958,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/focalpoint-crop/fp-y)
    */
-  fpY?: InputMaybe<Scalars['FloatType']>;
+  fpY?: InputMaybe<Scalars['FloatType']>
   /**
    * Focal Point Zoom
    *
@@ -974,7 +968,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/focalpoint-crop/fp-z)
    */
-  fpZ?: InputMaybe<Scalars['FloatType']>;
+  fpZ?: InputMaybe<Scalars['FloatType']>
   /**
    * Gamma
    *
@@ -982,7 +976,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/gam)
    */
-  gam?: InputMaybe<Scalars['IntType']>;
+  gam?: InputMaybe<Scalars['IntType']>
   /**
    * Grid Colors
    *
@@ -990,7 +984,7 @@ export type ImgixParams = {
    *
    * Depends on: `transparency`
    */
-  gridColors?: InputMaybe<Scalars['String']>;
+  gridColors?: InputMaybe<Scalars['String']>
   /**
    * Grid Size
    *
@@ -998,7 +992,7 @@ export type ImgixParams = {
    *
    * Depends on: `transparency`
    */
-  gridSize?: InputMaybe<Scalars['IntType']>;
+  gridSize?: InputMaybe<Scalars['IntType']>
   /**
    * Image Height
    *
@@ -1006,7 +1000,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/h)
    */
-  h?: InputMaybe<Scalars['FloatType']>;
+  h?: InputMaybe<Scalars['FloatType']>
   /**
    * Highlight
    *
@@ -1014,7 +1008,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/high)
    */
-  high?: InputMaybe<Scalars['IntType']>;
+  high?: InputMaybe<Scalars['IntType']>
   /**
    * Halftone
    *
@@ -1022,7 +1016,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/htn)
    */
-  htn?: InputMaybe<Scalars['IntType']>;
+  htn?: InputMaybe<Scalars['IntType']>
   /**
    * Hue Shift
    *
@@ -1030,7 +1024,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/hue)
    */
-  hue?: InputMaybe<Scalars['IntType']>;
+  hue?: InputMaybe<Scalars['IntType']>
   /**
    * Invert
    *
@@ -1038,13 +1032,13 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/invert)
    */
-  invert?: InputMaybe<Scalars['BooleanType']>;
+  invert?: InputMaybe<Scalars['BooleanType']>
   /**
    * Iptc Passthrough
    *
    * Determine if IPTC data should be passed for JPEG images.
    */
-  iptc?: InputMaybe<ImgixParamsIptc>;
+  iptc?: InputMaybe<ImgixParamsIptc>
   /**
    * Lossless Compression
    *
@@ -1054,7 +1048,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/lossless)
    */
-  lossless?: InputMaybe<Scalars['BooleanType']>;
+  lossless?: InputMaybe<Scalars['BooleanType']>
   /**
    * Watermark Image Url
    *
@@ -1062,7 +1056,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark)
    */
-  mark?: InputMaybe<Scalars['String']>;
+  mark?: InputMaybe<Scalars['String']>
   /**
    * Watermark Alignment Mode
    *
@@ -1072,7 +1066,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-align)
    */
-  markAlign?: InputMaybe<Array<ImgixParamsMarkAlign>>;
+  markAlign?: InputMaybe<Array<ImgixParamsMarkAlign>>
   /**
    * Watermark Alpha
    *
@@ -1082,7 +1076,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-alpha)
    */
-  markAlpha?: InputMaybe<Scalars['IntType']>;
+  markAlpha?: InputMaybe<Scalars['IntType']>
   /**
    * Watermark Base Url
    *
@@ -1092,7 +1086,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-base)
    */
-  markBase?: InputMaybe<Scalars['String']>;
+  markBase?: InputMaybe<Scalars['String']>
   /**
    * Watermark Fit Mode
    *
@@ -1102,7 +1096,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-fit)
    */
-  markFit?: InputMaybe<ImgixParamsMarkFit>;
+  markFit?: InputMaybe<ImgixParamsMarkFit>
   /**
    * Watermark Height
    *
@@ -1112,7 +1106,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-h)
    */
-  markH?: InputMaybe<Scalars['FloatType']>;
+  markH?: InputMaybe<Scalars['FloatType']>
   /**
    * Watermark Padding
    *
@@ -1122,7 +1116,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-pad)
    */
-  markPad?: InputMaybe<Scalars['IntType']>;
+  markPad?: InputMaybe<Scalars['IntType']>
   /**
    * Watermark Rotation
    *
@@ -1130,7 +1124,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-rot)
    */
-  markRot?: InputMaybe<Scalars['FloatType']>;
+  markRot?: InputMaybe<Scalars['FloatType']>
   /**
    * Watermark Scale
    *
@@ -1140,7 +1134,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-scale)
    */
-  markScale?: InputMaybe<Scalars['IntType']>;
+  markScale?: InputMaybe<Scalars['IntType']>
   /**
    * Watermark Tile
    *
@@ -1150,7 +1144,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-tile)
    */
-  markTile?: InputMaybe<ImgixParamsMarkTile>;
+  markTile?: InputMaybe<ImgixParamsMarkTile>
   /**
    * Watermark Width
    *
@@ -1160,7 +1154,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-w)
    */
-  markW?: InputMaybe<Scalars['FloatType']>;
+  markW?: InputMaybe<Scalars['FloatType']>
   /**
    * Watermark X Position
    *
@@ -1170,7 +1164,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-x)
    */
-  markX?: InputMaybe<Scalars['IntType']>;
+  markX?: InputMaybe<Scalars['IntType']>
   /**
    * Watermark Y Position
    *
@@ -1180,7 +1174,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-y)
    */
-  markY?: InputMaybe<Scalars['IntType']>;
+  markY?: InputMaybe<Scalars['IntType']>
   /**
    * Mask Type
    *
@@ -1188,7 +1182,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/mask)
    */
-  mask?: InputMaybe<Scalars['String']>;
+  mask?: InputMaybe<Scalars['String']>
   /**
    * Mask Background Color
    *
@@ -1198,7 +1192,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/mask/mask-bg)
    */
-  maskBg?: InputMaybe<Scalars['String']>;
+  maskBg?: InputMaybe<Scalars['String']>
   /**
    * Maximum Height
    *
@@ -1208,7 +1202,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/max-height)
    */
-  maxH?: InputMaybe<Scalars['IntType']>;
+  maxH?: InputMaybe<Scalars['IntType']>
   /**
    * Maximum Width
    *
@@ -1218,7 +1212,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/max-width)
    */
-  maxW?: InputMaybe<Scalars['IntType']>;
+  maxW?: InputMaybe<Scalars['IntType']>
   /**
    * Minimum Height
    *
@@ -1228,7 +1222,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/min-height)
    */
-  minH?: InputMaybe<Scalars['IntType']>;
+  minH?: InputMaybe<Scalars['IntType']>
   /**
    * Minimum Width
    *
@@ -1238,7 +1232,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/min-width)
    */
-  minW?: InputMaybe<Scalars['IntType']>;
+  minW?: InputMaybe<Scalars['IntType']>
   /**
    * Monochrome
    *
@@ -1246,7 +1240,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/monochrome)
    */
-  monochrome?: InputMaybe<Scalars['String']>;
+  monochrome?: InputMaybe<Scalars['String']>
   /**
    * Noise Reduction Bound
    *
@@ -1254,7 +1248,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/noise-reduction/nr)
    */
-  nr?: InputMaybe<Scalars['IntType']>;
+  nr?: InputMaybe<Scalars['IntType']>
   /**
    * Noise Reduction Sharpen
    *
@@ -1262,7 +1256,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/noise-reduction/nrs)
    */
-  nrs?: InputMaybe<Scalars['IntType']>;
+  nrs?: InputMaybe<Scalars['IntType']>
   /**
    * Orientation
    *
@@ -1270,7 +1264,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/rotation/orient)
    */
-  orient?: InputMaybe<Scalars['IntType']>;
+  orient?: InputMaybe<Scalars['IntType']>
   /**
    * Padding
    *
@@ -1278,7 +1272,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad)
    */
-  pad?: InputMaybe<Scalars['IntType']>;
+  pad?: InputMaybe<Scalars['IntType']>
   /**
    * Padding Bottom
    *
@@ -1286,7 +1280,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-bottom)
    */
-  padBottom?: InputMaybe<Scalars['IntType']>;
+  padBottom?: InputMaybe<Scalars['IntType']>
   /**
    * Padding Left
    *
@@ -1294,7 +1288,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-left)
    */
-  padLeft?: InputMaybe<Scalars['IntType']>;
+  padLeft?: InputMaybe<Scalars['IntType']>
   /**
    * Padding Right
    *
@@ -1302,7 +1296,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-right)
    */
-  padRight?: InputMaybe<Scalars['IntType']>;
+  padRight?: InputMaybe<Scalars['IntType']>
   /**
    * Padding Top
    *
@@ -1310,7 +1304,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-top)
    */
-  padTop?: InputMaybe<Scalars['IntType']>;
+  padTop?: InputMaybe<Scalars['IntType']>
   /**
    * Pdf Page Number
    *
@@ -1318,7 +1312,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/pdf/page)
    */
-  page?: InputMaybe<Scalars['IntType']>;
+  page?: InputMaybe<Scalars['IntType']>
   /**
    * Color Palette Extraction
    *
@@ -1326,7 +1320,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/color-palette/palette)
    */
-  palette?: InputMaybe<ImgixParamsPalette>;
+  palette?: InputMaybe<ImgixParamsPalette>
   /**
    * Pdf Annotation
    *
@@ -1334,7 +1328,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/pdf/pdf-annotation)
    */
-  pdfAnnotation?: InputMaybe<Scalars['BooleanType']>;
+  pdfAnnotation?: InputMaybe<Scalars['BooleanType']>
   /**
    * Css Prefix
    *
@@ -1344,7 +1338,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/color-palette/prefix)
    */
-  prefix?: InputMaybe<Scalars['String']>;
+  prefix?: InputMaybe<Scalars['String']>
   /**
    * Pixellate
    *
@@ -1352,7 +1346,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/px)
    */
-  px?: InputMaybe<Scalars['IntType']>;
+  px?: InputMaybe<Scalars['IntType']>
   /**
    * Output Quality
    *
@@ -1362,7 +1356,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/format/q)
    */
-  q?: InputMaybe<Scalars['IntType']>;
+  q?: InputMaybe<Scalars['IntType']>
   /**
    * Source Rectangle Region
    *
@@ -1370,7 +1364,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/rect)
    */
-  rect?: InputMaybe<Scalars['String']>;
+  rect?: InputMaybe<Scalars['String']>
   /**
    * Rotation
    *
@@ -1378,7 +1372,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/rotation/rot)
    */
-  rot?: InputMaybe<Scalars['FloatType']>;
+  rot?: InputMaybe<Scalars['FloatType']>
   /**
    * Saturation
    *
@@ -1386,7 +1380,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/sat)
    */
-  sat?: InputMaybe<Scalars['IntType']>;
+  sat?: InputMaybe<Scalars['IntType']>
   /**
    * Sepia Tone
    *
@@ -1394,7 +1388,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/stylize/sepia)
    */
-  sepia?: InputMaybe<Scalars['IntType']>;
+  sepia?: InputMaybe<Scalars['IntType']>
   /**
    * Shadow
    *
@@ -1402,7 +1396,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/shad)
    */
-  shad?: InputMaybe<Scalars['FloatType']>;
+  shad?: InputMaybe<Scalars['FloatType']>
   /**
    * Sharpen
    *
@@ -1410,7 +1404,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/sharp)
    */
-  sharp?: InputMaybe<Scalars['FloatType']>;
+  sharp?: InputMaybe<Scalars['FloatType']>
   /**
    * Transparency
    *
@@ -1418,7 +1412,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/fill/transparency)
    */
-  transparency?: InputMaybe<ImgixParamsTransparency>;
+  transparency?: InputMaybe<ImgixParamsTransparency>
   /**
    * Trim Image
    *
@@ -1426,7 +1420,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/trim/trim)
    */
-  trim?: InputMaybe<ImgixParamsTrim>;
+  trim?: InputMaybe<ImgixParamsTrim>
   /**
    * Trim Color
    *
@@ -1436,7 +1430,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/trim/trim-color)
    */
-  trimColor?: InputMaybe<Scalars['String']>;
+  trimColor?: InputMaybe<Scalars['String']>
   /**
    * Trim Mean Difference
    *
@@ -1446,7 +1440,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/trim/trim-md)
    */
-  trimMd?: InputMaybe<Scalars['FloatType']>;
+  trimMd?: InputMaybe<Scalars['FloatType']>
   /**
    * Trim Padding
    *
@@ -1456,7 +1450,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/trim/trim-pad)
    */
-  trimPad?: InputMaybe<Scalars['IntType']>;
+  trimPad?: InputMaybe<Scalars['IntType']>
   /**
    * Trim Standard Deviation
    *
@@ -1466,7 +1460,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/trim/trim-sd)
    */
-  trimSd?: InputMaybe<Scalars['FloatType']>;
+  trimSd?: InputMaybe<Scalars['FloatType']>
   /**
    * Trim Tolerance
    *
@@ -1476,7 +1470,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/trim/trim-tol)
    */
-  trimTol?: InputMaybe<Scalars['FloatType']>;
+  trimTol?: InputMaybe<Scalars['FloatType']>
   /**
    * Text String
    *
@@ -1484,7 +1478,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt)
    */
-  txt?: InputMaybe<Scalars['String']>;
+  txt?: InputMaybe<Scalars['String']>
   /**
    * Text Align
    *
@@ -1494,7 +1488,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-align)
    */
-  txtAlign?: InputMaybe<Array<ImgixParamsTxtAlign>>;
+  txtAlign?: InputMaybe<Array<ImgixParamsTxtAlign>>
   /**
    * Text Clipping Mode
    *
@@ -1504,7 +1498,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-clip)
    */
-  txtClip?: InputMaybe<Array<ImgixParamsTxtClip>>;
+  txtClip?: InputMaybe<Array<ImgixParamsTxtClip>>
   /**
    * Text Color
    *
@@ -1514,7 +1508,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-color)
    */
-  txtColor?: InputMaybe<Scalars['String']>;
+  txtColor?: InputMaybe<Scalars['String']>
   /**
    * Text Fit Mode
    *
@@ -1524,7 +1518,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-fit)
    */
-  txtFit?: InputMaybe<ImgixParamsTxtFit>;
+  txtFit?: InputMaybe<ImgixParamsTxtFit>
   /**
    * Text Font
    *
@@ -1534,7 +1528,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-font)
    */
-  txtFont?: InputMaybe<Scalars['String']>;
+  txtFont?: InputMaybe<Scalars['String']>
   /**
    * Text Leading
    *
@@ -1544,7 +1538,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/typesetting/txt-lead)
    */
-  txtLead?: InputMaybe<Scalars['IntType']>;
+  txtLead?: InputMaybe<Scalars['IntType']>
   /**
    * Text Ligatures
    *
@@ -1554,7 +1548,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-lig)
    */
-  txtLig?: InputMaybe<Scalars['IntType']>;
+  txtLig?: InputMaybe<Scalars['IntType']>
   /**
    * Text Outline
    *
@@ -1564,7 +1558,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-line)
    */
-  txtLine?: InputMaybe<Scalars['IntType']>;
+  txtLine?: InputMaybe<Scalars['IntType']>
   /**
    * Text Outline Color
    *
@@ -1574,7 +1568,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-line-color)
    */
-  txtLineColor?: InputMaybe<Scalars['String']>;
+  txtLineColor?: InputMaybe<Scalars['String']>
   /**
    * Text Padding
    *
@@ -1584,7 +1578,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-pad)
    */
-  txtPad?: InputMaybe<Scalars['IntType']>;
+  txtPad?: InputMaybe<Scalars['IntType']>
   /**
    * Text Shadow
    *
@@ -1594,7 +1588,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-shad)
    */
-  txtShad?: InputMaybe<Scalars['FloatType']>;
+  txtShad?: InputMaybe<Scalars['FloatType']>
   /**
    * Text Font Size
    *
@@ -1604,7 +1598,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-size)
    */
-  txtSize?: InputMaybe<Scalars['IntType']>;
+  txtSize?: InputMaybe<Scalars['IntType']>
   /**
    * Text Tracking
    *
@@ -1614,7 +1608,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/typesetting/txt-track)
    */
-  txtTrack?: InputMaybe<Scalars['IntType']>;
+  txtTrack?: InputMaybe<Scalars['IntType']>
   /**
    * Text Width
    *
@@ -1624,7 +1618,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/text/txt-width)
    */
-  txtWidth?: InputMaybe<Scalars['IntType']>;
+  txtWidth?: InputMaybe<Scalars['IntType']>
   /**
    * Unsharp Mask
    *
@@ -1632,7 +1626,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/usm)
    */
-  usm?: InputMaybe<Scalars['IntType']>;
+  usm?: InputMaybe<Scalars['IntType']>
   /**
    * Unsharp Mask Radius
    *
@@ -1642,7 +1636,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/usmrad)
    */
-  usmrad?: InputMaybe<Scalars['FloatType']>;
+  usmrad?: InputMaybe<Scalars['FloatType']>
   /**
    * Vibrance
    *
@@ -1650,7 +1644,7 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/vib)
    */
-  vib?: InputMaybe<Scalars['IntType']>;
+  vib?: InputMaybe<Scalars['IntType']>
   /**
    * Image Width
    *
@@ -1658,8 +1652,8 @@ export type ImgixParams = {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/w)
    */
-  w?: InputMaybe<Scalars['FloatType']>;
-};
+  w?: InputMaybe<Scalars['FloatType']>
+}
 
 export enum ImgixParamsAuto {
   compress = 'compress',
@@ -1843,20 +1837,20 @@ export enum ImgixParamsTxtFit {
 /** Specifies how to filter by usage */
 export type InUseFilter = {
   /** Search uploads that are currently used by some record or not */
-  eq?: InputMaybe<Scalars['BooleanType']>;
-};
+  eq?: InputMaybe<Scalars['BooleanType']>
+}
 
 /** Specifies how to filter by ID */
 export type ItemIdFilter = {
   /** Search the record with the specified ID */
-  eq?: InputMaybe<Scalars['ItemId']>;
+  eq?: InputMaybe<Scalars['ItemId']>
   /** Search records with the specified IDs */
-  in?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
   /** Exclude the record with the specified ID */
-  neq?: InputMaybe<Scalars['ItemId']>;
+  neq?: InputMaybe<Scalars['ItemId']>
   /** Search records that do not have the specified IDs */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
+}
 
 export enum ItemStatus {
   draft = 'draft',
@@ -1867,30 +1861,30 @@ export enum ItemStatus {
 /** Specifies how to filter Single-link fields */
 export type LinkFilter = {
   /** Search for records with an exact match. The specified value must be a Record ID */
-  eq?: InputMaybe<Scalars['ItemId']>;
+  eq?: InputMaybe<Scalars['ItemId']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records linked to one of the specified records */
-  in?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
   /** Exclude records with an exact match. The specified value must be a Record ID */
-  neq?: InputMaybe<Scalars['ItemId']>;
+  neq?: InputMaybe<Scalars['ItemId']>
   /** Filter records not linked to one of the specified records */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
+}
 
 /** Specifies how to filter Multiple-links fields */
 export type LinksFilter = {
   /** Filter records linked to all of the specified records. The specified values must be Record IDs */
-  allIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
+  allIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
   /** Filter records linked to at least one of the specified records. The specified values must be Record IDs */
-  anyIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
+  anyIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
   /** Search for records with an exact match. The specified values must be Record IDs */
-  eq?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
+  eq?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records not linked to any of the specified records. The specified values must be Record IDs */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>>>
+}
 
 export enum MuxThumbnailFormatType {
   gif = 'gif',
@@ -1901,189 +1895,176 @@ export enum MuxThumbnailFormatType {
 /** Specifies how to filter by image orientation */
 export type OrientationFilter = {
   /** Search uploads with the specified orientation */
-  eq?: InputMaybe<UploadOrientation>;
+  eq?: InputMaybe<UploadOrientation>
   /** Exclude uploads with the specified orientation */
-  neq?: InputMaybe<UploadOrientation>;
-};
+  neq?: InputMaybe<UploadOrientation>
+}
 
 /** Specifies how to filter by publication datetime */
 export type PublishedAtFilter = {
   /** Filter records with a value that's within the specified minute range. Seconds and milliseconds are truncated from the argument. */
-  eq?: InputMaybe<Scalars['DateTime']>;
+  eq?: InputMaybe<Scalars['DateTime']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records with a value that's strictly greater than the one specified. Seconds and milliseconds are truncated from the argument. */
-  gt?: InputMaybe<Scalars['DateTime']>;
+  gt?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's greater than or equal to than the one specified. Seconds and milliseconds are truncated from the argument. */
-  gte?: InputMaybe<Scalars['DateTime']>;
+  gte?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's less than the one specified. Seconds and milliseconds are truncated from the argument. */
-  lt?: InputMaybe<Scalars['DateTime']>;
+  lt?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's less or equal than the one specified. Seconds and milliseconds are truncated from the argument. */
-  lte?: InputMaybe<Scalars['DateTime']>;
+  lte?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's outside the specified minute range. Seconds and milliseconds are truncated from the argument. */
-  neq?: InputMaybe<Scalars['DateTime']>;
-};
+  neq?: InputMaybe<Scalars['DateTime']>
+}
 
 /** The query root for this schema */
 export type Query = {
-  __typename?: 'Query';
+  __typename?: 'Query'
   /** Returns meta information regarding a record collection */
-  _allAuthorsMeta: CollectionMetadata;
+  _allAuthorsMeta: CollectionMetadata
   /** Returns meta information regarding a record collection */
-  _allBlogPostsMeta: CollectionMetadata;
+  _allBlogPostsMeta: CollectionMetadata
   /** Returns meta information regarding a record collection */
-  _allCategoriesMeta: CollectionMetadata;
+  _allCategoriesMeta: CollectionMetadata
   /** Returns meta information regarding an assets collection */
-  _allUploadsMeta?: Maybe<CollectionMetadata>;
+  _allUploadsMeta?: Maybe<CollectionMetadata>
   /** Returns the single instance record */
-  _site: Site;
+  _site: Site
   /** Returns a collection of records */
-  allAuthors: Array<AuthorRecord>;
+  allAuthors: Array<AuthorRecord>
   /** Returns a collection of records */
-  allBlogPosts: Array<BlogPostRecord>;
+  allBlogPosts: Array<BlogPostRecord>
   /** Returns a collection of records */
-  allCategories: Array<CategoryRecord>;
+  allCategories: Array<CategoryRecord>
   /** Returns a collection of assets */
-  allUploads: Array<FileField>;
+  allUploads: Array<FileField>
   /** Returns a specific record */
-  author?: Maybe<AuthorRecord>;
+  author?: Maybe<AuthorRecord>
   /** Returns a specific record */
-  blogPost?: Maybe<BlogPostRecord>;
+  blogPost?: Maybe<BlogPostRecord>
   /** Returns a specific record */
-  category?: Maybe<CategoryRecord>;
+  category?: Maybe<CategoryRecord>
   /** Returns a specific asset */
-  upload?: Maybe<FileField>;
-};
-
+  upload?: Maybe<FileField>
+}
 
 /** The query root for this schema */
 export type Query_AllAuthorsMetaArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<AuthorModelFilter>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<AuthorModelFilter>
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** The query root for this schema */
 export type Query_AllBlogPostsMetaArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<BlogPostModelFilter>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<BlogPostModelFilter>
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** The query root for this schema */
 export type Query_AllCategoriesMetaArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<CategoryModelFilter>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<CategoryModelFilter>
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** The query root for this schema */
 export type Query_AllUploadsMetaArgs = {
-  filter?: InputMaybe<UploadFilter>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  filter?: InputMaybe<UploadFilter>
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** The query root for this schema */
 export type Query_SiteArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  locale?: InputMaybe<SiteLocale>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  locale?: InputMaybe<SiteLocale>
+}
 
 /** The query root for this schema */
 export type QueryAllAuthorsArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<AuthorModelFilter>;
-  first?: InputMaybe<Scalars['IntType']>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<AuthorModelOrderBy>>>;
-  skip?: InputMaybe<Scalars['IntType']>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<AuthorModelFilter>
+  first?: InputMaybe<Scalars['IntType']>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<AuthorModelOrderBy>>>
+  skip?: InputMaybe<Scalars['IntType']>
+}
 
 /** The query root for this schema */
 export type QueryAllBlogPostsArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<BlogPostModelFilter>;
-  first?: InputMaybe<Scalars['IntType']>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<BlogPostModelOrderBy>>>;
-  skip?: InputMaybe<Scalars['IntType']>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<BlogPostModelFilter>
+  first?: InputMaybe<Scalars['IntType']>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<BlogPostModelOrderBy>>>
+  skip?: InputMaybe<Scalars['IntType']>
+}
 
 /** The query root for this schema */
 export type QueryAllCategoriesArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<CategoryModelFilter>;
-  first?: InputMaybe<Scalars['IntType']>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<CategoryModelOrderBy>>>;
-  skip?: InputMaybe<Scalars['IntType']>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<CategoryModelFilter>
+  first?: InputMaybe<Scalars['IntType']>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<CategoryModelOrderBy>>>
+  skip?: InputMaybe<Scalars['IntType']>
+}
 
 /** The query root for this schema */
 export type QueryAllUploadsArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<UploadFilter>;
-  first?: InputMaybe<Scalars['IntType']>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<UploadOrderBy>>>;
-  skip?: InputMaybe<Scalars['IntType']>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<UploadFilter>
+  first?: InputMaybe<Scalars['IntType']>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<UploadOrderBy>>>
+  skip?: InputMaybe<Scalars['IntType']>
+}
 
 /** The query root for this schema */
 export type QueryAuthorArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<AuthorModelFilter>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<AuthorModelOrderBy>>>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<AuthorModelFilter>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<AuthorModelOrderBy>>>
+}
 
 /** The query root for this schema */
 export type QueryBlogPostArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<BlogPostModelFilter>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<BlogPostModelOrderBy>>>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<BlogPostModelFilter>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<BlogPostModelOrderBy>>>
+}
 
 /** The query root for this schema */
 export type QueryCategoryArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<CategoryModelFilter>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<CategoryModelOrderBy>>>;
-};
-
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<CategoryModelFilter>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<CategoryModelOrderBy>>>
+}
 
 /** The query root for this schema */
 export type QueryUploadArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  filter?: InputMaybe<UploadFilter>;
-  locale?: InputMaybe<SiteLocale>;
-  orderBy?: InputMaybe<Array<InputMaybe<UploadOrderBy>>>;
-};
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  filter?: InputMaybe<UploadFilter>
+  locale?: InputMaybe<SiteLocale>
+  orderBy?: InputMaybe<Array<InputMaybe<UploadOrderBy>>>
+}
 
 /** Specifies how to filter by upload type */
 export type ResolutionFilter = {
   /** Search uploads with the specified resolution */
-  eq?: InputMaybe<ResolutionType>;
+  eq?: InputMaybe<ResolutionType>
   /** Search uploads with the specified resolutions */
-  in?: InputMaybe<Array<InputMaybe<ResolutionType>>>;
+  in?: InputMaybe<Array<InputMaybe<ResolutionType>>>
   /** Exclude uploads with the specified resolution */
-  neq?: InputMaybe<ResolutionType>;
+  neq?: InputMaybe<ResolutionType>
   /** Search uploads without the specified resolutions */
-  notIn?: InputMaybe<Array<InputMaybe<ResolutionType>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<ResolutionType>>>
+}
 
 export enum ResolutionType {
   icon = 'icon',
@@ -2093,46 +2074,44 @@ export enum ResolutionType {
 }
 
 export type ResponsiveImage = {
-  __typename?: 'ResponsiveImage';
-  alt?: Maybe<Scalars['String']>;
-  aspectRatio: Scalars['FloatType'];
-  base64?: Maybe<Scalars['String']>;
-  bgColor?: Maybe<Scalars['String']>;
-  height: Scalars['IntType'];
-  sizes: Scalars['String'];
-  src: Scalars['String'];
-  srcSet: Scalars['String'];
-  title?: Maybe<Scalars['String']>;
-  webpSrcSet: Scalars['String'];
-  width: Scalars['IntType'];
-};
+  __typename?: 'ResponsiveImage'
+  alt?: Maybe<Scalars['String']>
+  aspectRatio: Scalars['FloatType']
+  base64?: Maybe<Scalars['String']>
+  bgColor?: Maybe<Scalars['String']>
+  height: Scalars['IntType']
+  sizes: Scalars['String']
+  src: Scalars['String']
+  srcSet: Scalars['String']
+  title?: Maybe<Scalars['String']>
+  webpSrcSet: Scalars['String']
+  width: Scalars['IntType']
+}
 
 export type SeoField = {
-  __typename?: 'SeoField';
-  description?: Maybe<Scalars['String']>;
-  image?: Maybe<FileField>;
-  title?: Maybe<Scalars['String']>;
-  twitterCard?: Maybe<Scalars['String']>;
-};
+  __typename?: 'SeoField'
+  description?: Maybe<Scalars['String']>
+  image?: Maybe<FileField>
+  title?: Maybe<Scalars['String']>
+  twitterCard?: Maybe<Scalars['String']>
+}
 
 export type Site = {
-  __typename?: 'Site';
-  favicon?: Maybe<FileField>;
-  faviconMetaTags: Array<Tag>;
-  globalSeo?: Maybe<GlobalSeoField>;
-  locales: Array<SiteLocale>;
-};
-
+  __typename?: 'Site'
+  favicon?: Maybe<FileField>
+  faviconMetaTags: Array<Tag>
+  globalSeo?: Maybe<GlobalSeoField>
+  locales: Array<SiteLocale>
+}
 
 export type SiteFaviconMetaTagsArgs = {
-  variants?: InputMaybe<Array<InputMaybe<FaviconType>>>;
-};
-
+  variants?: InputMaybe<Array<InputMaybe<FaviconType>>>
+}
 
 export type SiteGlobalSeoArgs = {
-  fallbackLocales?: InputMaybe<Array<SiteLocale>>;
-  locale?: InputMaybe<SiteLocale>;
-};
+  fallbackLocales?: InputMaybe<Array<SiteLocale>>
+  locale?: InputMaybe<SiteLocale>
+}
 
 export enum SiteLocale {
   en = 'en'
@@ -2141,278 +2120,278 @@ export enum SiteLocale {
 /** Specifies how to filter by status */
 export type StatusFilter = {
   /** Search the record with the specified status */
-  eq?: InputMaybe<ItemStatus>;
+  eq?: InputMaybe<ItemStatus>
   /** Search records with the specified statuses */
-  in?: InputMaybe<Array<InputMaybe<ItemStatus>>>;
+  in?: InputMaybe<Array<InputMaybe<ItemStatus>>>
   /** Exclude the record with the specified status */
-  neq?: InputMaybe<ItemStatus>;
+  neq?: InputMaybe<ItemStatus>
   /** Search records without the specified statuses */
-  notIn?: InputMaybe<Array<InputMaybe<ItemStatus>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<ItemStatus>>>
+}
 
 /** Specifies how to filter Single-line string fields */
 export type StringFilter = {
   /** Search for records with an exact match */
-  eq?: InputMaybe<Scalars['String']>;
+  eq?: InputMaybe<Scalars['String']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records that equal one of the specified values */
-  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter records with the specified field set as blank (null or empty string) */
-  isBlank?: InputMaybe<Scalars['BooleanType']>;
+  isBlank?: InputMaybe<Scalars['BooleanType']>
   /** Filter records based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude records with an exact match */
-  neq?: InputMaybe<Scalars['String']>;
+  neq?: InputMaybe<Scalars['String']>
   /** Filter records that do not equal one of the specified values */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Exclude records based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 export type StringMatchesFilter = {
-  caseSensitive?: InputMaybe<Scalars['BooleanType']>;
-  pattern: Scalars['String'];
-  regexp?: InputMaybe<Scalars['BooleanType']>;
-};
+  caseSensitive?: InputMaybe<Scalars['BooleanType']>
+  pattern: Scalars['String']
+  regexp?: InputMaybe<Scalars['BooleanType']>
+}
 
 /** Specifies how to filter Structured Text fields */
 export type StructuredTextFilter = {
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records with the specified field set as blank (null or single empty paragraph) */
-  isBlank?: InputMaybe<Scalars['BooleanType']>;
+  isBlank?: InputMaybe<Scalars['BooleanType']>
   /** Filter records based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude records based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 export type Tag = {
-  __typename?: 'Tag';
-  attributes?: Maybe<Scalars['MetaTagAttributes']>;
-  content?: Maybe<Scalars['String']>;
-  tag: Scalars['String'];
-};
+  __typename?: 'Tag'
+  attributes?: Maybe<Scalars['MetaTagAttributes']>
+  content?: Maybe<Scalars['String']>
+  tag: Scalars['String']
+}
 
 /** Specifies how to filter by upload type */
 export type TypeFilter = {
   /** Search uploads with the specified type */
-  eq?: InputMaybe<UploadType>;
+  eq?: InputMaybe<UploadType>
   /** Search uploads with the specified types */
-  in?: InputMaybe<Array<InputMaybe<UploadType>>>;
+  in?: InputMaybe<Array<InputMaybe<UploadType>>>
   /** Exclude uploads with the specified type */
-  neq?: InputMaybe<UploadType>;
+  neq?: InputMaybe<UploadType>
   /** Search uploads without the specified types */
-  notIn?: InputMaybe<Array<InputMaybe<UploadType>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<UploadType>>>
+}
 
 /** Specifies how to filter by update datetime */
 export type UpdatedAtFilter = {
   /** Filter records with a value that's within the specified minute range. Seconds and milliseconds are truncated from the argument. */
-  eq?: InputMaybe<Scalars['DateTime']>;
+  eq?: InputMaybe<Scalars['DateTime']>
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter records with a value that's strictly greater than the one specified. Seconds and milliseconds are truncated from the argument. */
-  gt?: InputMaybe<Scalars['DateTime']>;
+  gt?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's greater than or equal to than the one specified. Seconds and milliseconds are truncated from the argument. */
-  gte?: InputMaybe<Scalars['DateTime']>;
+  gte?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's less than the one specified. Seconds and milliseconds are truncated from the argument. */
-  lt?: InputMaybe<Scalars['DateTime']>;
+  lt?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's less or equal than the one specified. Seconds and milliseconds are truncated from the argument. */
-  lte?: InputMaybe<Scalars['DateTime']>;
+  lte?: InputMaybe<Scalars['DateTime']>
   /** Filter records with a value that's outside the specified minute range. Seconds and milliseconds are truncated from the argument. */
-  neq?: InputMaybe<Scalars['DateTime']>;
-};
+  neq?: InputMaybe<Scalars['DateTime']>
+}
 
 /** Specifies how to filter by default alt */
 export type UploadAltFilter = {
   /** Search the uploads with the specified alt */
-  eq?: InputMaybe<Scalars['String']>;
+  eq?: InputMaybe<Scalars['String']>
   /** Filter uploads with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Search uploads with the specified values as default alt */
-  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude the uploads with the specified alt */
-  neq?: InputMaybe<Scalars['String']>;
+  neq?: InputMaybe<Scalars['String']>
   /** Search uploads that do not have the specified values as default alt */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 /** Specifies how to filter by auhtor */
 export type UploadAuthorFilter = {
   /** Filter uploads with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 /** Specifies how to filter by basename */
 export type UploadBasenameFilter = {
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 /** Specifies how to filter by colors */
 export type UploadColorsFilter = {
   /** Filter uploads that have all of the specified colors */
-  allIn?: InputMaybe<Array<InputMaybe<ColorBucketType>>>;
+  allIn?: InputMaybe<Array<InputMaybe<ColorBucketType>>>
   /** Filter uploads that have at least one of the specified colors */
-  anyIn?: InputMaybe<Array<InputMaybe<ColorBucketType>>>;
+  anyIn?: InputMaybe<Array<InputMaybe<ColorBucketType>>>
   /** Filter uploads that have the specified colors */
-  contains?: InputMaybe<ColorBucketType>;
+  contains?: InputMaybe<ColorBucketType>
   /** Search for uploads with an exact match */
-  eq?: InputMaybe<Array<InputMaybe<ColorBucketType>>>;
+  eq?: InputMaybe<Array<InputMaybe<ColorBucketType>>>
   /** Filter uploads that do not have any of the specified colors */
-  notIn?: InputMaybe<Array<InputMaybe<ColorBucketType>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<ColorBucketType>>>
+}
 
 /** Specifies how to filter by copyright */
 export type UploadCopyrightFilter = {
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 /** Specifies how to filter by creation datetime */
 export type UploadCreatedAtFilter = {
   /** Search for uploads with an exact match */
-  eq?: InputMaybe<Scalars['DateTime']>;
+  eq?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's strictly greater than the one specified */
-  gt?: InputMaybe<Scalars['DateTime']>;
+  gt?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's greater than or equal to the one specified */
-  gte?: InputMaybe<Scalars['DateTime']>;
+  gte?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's less than the one specified */
-  lt?: InputMaybe<Scalars['DateTime']>;
+  lt?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's less or equal than the one specified */
-  lte?: InputMaybe<Scalars['DateTime']>;
+  lte?: InputMaybe<Scalars['DateTime']>
   /** Exclude uploads with an exact match */
-  neq?: InputMaybe<Scalars['DateTime']>;
-};
+  neq?: InputMaybe<Scalars['DateTime']>
+}
 
 /** Specifies how to filter by filename */
 export type UploadFilenameFilter = {
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 export type UploadFilter = {
-  OR?: InputMaybe<Array<InputMaybe<UploadFilter>>>;
-  _createdAt?: InputMaybe<UploadCreatedAtFilter>;
-  _updatedAt?: InputMaybe<UploadUpdatedAtFilter>;
-  alt?: InputMaybe<UploadAltFilter>;
-  author?: InputMaybe<UploadAuthorFilter>;
-  basename?: InputMaybe<UploadBasenameFilter>;
-  colors?: InputMaybe<UploadColorsFilter>;
-  copyright?: InputMaybe<UploadCopyrightFilter>;
-  filename?: InputMaybe<UploadFilenameFilter>;
-  format?: InputMaybe<UploadFormatFilter>;
-  height?: InputMaybe<UploadHeightFilter>;
-  id?: InputMaybe<UploadIdFilter>;
-  inUse?: InputMaybe<InUseFilter>;
-  md5?: InputMaybe<UploadMd5Filter>;
-  mimeType?: InputMaybe<UploadMimeTypeFilter>;
-  notes?: InputMaybe<UploadNotesFilter>;
-  orientation?: InputMaybe<OrientationFilter>;
-  resolution?: InputMaybe<ResolutionFilter>;
-  size?: InputMaybe<UploadSizeFilter>;
-  smartTags?: InputMaybe<UploadTagsFilter>;
-  tags?: InputMaybe<UploadTagsFilter>;
-  title?: InputMaybe<UploadTitleFilter>;
-  type?: InputMaybe<TypeFilter>;
-  width?: InputMaybe<UploadWidthFilter>;
-};
+  OR?: InputMaybe<Array<InputMaybe<UploadFilter>>>
+  _createdAt?: InputMaybe<UploadCreatedAtFilter>
+  _updatedAt?: InputMaybe<UploadUpdatedAtFilter>
+  alt?: InputMaybe<UploadAltFilter>
+  author?: InputMaybe<UploadAuthorFilter>
+  basename?: InputMaybe<UploadBasenameFilter>
+  colors?: InputMaybe<UploadColorsFilter>
+  copyright?: InputMaybe<UploadCopyrightFilter>
+  filename?: InputMaybe<UploadFilenameFilter>
+  format?: InputMaybe<UploadFormatFilter>
+  height?: InputMaybe<UploadHeightFilter>
+  id?: InputMaybe<UploadIdFilter>
+  inUse?: InputMaybe<InUseFilter>
+  md5?: InputMaybe<UploadMd5Filter>
+  mimeType?: InputMaybe<UploadMimeTypeFilter>
+  notes?: InputMaybe<UploadNotesFilter>
+  orientation?: InputMaybe<OrientationFilter>
+  resolution?: InputMaybe<ResolutionFilter>
+  size?: InputMaybe<UploadSizeFilter>
+  smartTags?: InputMaybe<UploadTagsFilter>
+  tags?: InputMaybe<UploadTagsFilter>
+  title?: InputMaybe<UploadTitleFilter>
+  type?: InputMaybe<TypeFilter>
+  width?: InputMaybe<UploadWidthFilter>
+}
 
 /** Specifies how to filter by format */
 export type UploadFormatFilter = {
   /** Search the asset with the specified format */
-  eq?: InputMaybe<Scalars['String']>;
+  eq?: InputMaybe<Scalars['String']>
   /** Search assets with the specified formats */
-  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Exclude the asset with the specified format */
-  neq?: InputMaybe<Scalars['String']>;
+  neq?: InputMaybe<Scalars['String']>
   /** Search assets that do not have the specified formats */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
+}
 
 /** Specifies how to filter by height */
 export type UploadHeightFilter = {
   /** Search assets with the specified height */
-  eq?: InputMaybe<Scalars['IntType']>;
+  eq?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger than the specified height */
-  gt?: InputMaybe<Scalars['IntType']>;
+  gt?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger or equal to the specified height */
-  gte?: InputMaybe<Scalars['IntType']>;
+  gte?: InputMaybe<Scalars['IntType']>
   /** Search all assets smaller than the specified height */
-  lt?: InputMaybe<Scalars['IntType']>;
+  lt?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger or equal to the specified height */
-  lte?: InputMaybe<Scalars['IntType']>;
+  lte?: InputMaybe<Scalars['IntType']>
   /** Search assets that do not have the specified height */
-  neq?: InputMaybe<Scalars['IntType']>;
-};
+  neq?: InputMaybe<Scalars['IntType']>
+}
 
 /** Specifies how to filter by ID */
 export type UploadIdFilter = {
   /** Search the asset with the specified ID */
-  eq?: InputMaybe<Scalars['UploadId']>;
+  eq?: InputMaybe<Scalars['UploadId']>
   /** Search assets with the specified IDs */
-  in?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>
   /** Exclude the asset with the specified ID */
-  neq?: InputMaybe<Scalars['UploadId']>;
+  neq?: InputMaybe<Scalars['UploadId']>
   /** Search assets that do not have the specified IDs */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['UploadId']>>>
+}
 
 /** Specifies how to filter by MD5 */
 export type UploadMd5Filter = {
   /** Search the asset with the specified MD5 */
-  eq?: InputMaybe<Scalars['String']>;
+  eq?: InputMaybe<Scalars['String']>
   /** Search assets with the specified MD5s */
-  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Exclude the asset with the specified MD5 */
-  neq?: InputMaybe<Scalars['String']>;
+  neq?: InputMaybe<Scalars['String']>
   /** Search assets that do not have the specified MD5s */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
+}
 
 /** Specifies how to filter by mime type */
 export type UploadMimeTypeFilter = {
   /** Search the asset with the specified mime type */
-  eq?: InputMaybe<Scalars['String']>;
+  eq?: InputMaybe<Scalars['String']>
   /** Search assets with the specified mime types */
-  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude the asset with the specified mime type */
-  neq?: InputMaybe<Scalars['String']>;
+  neq?: InputMaybe<Scalars['String']>
   /** Search assets that do not have the specified mime types */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 /** Specifies how to filter by notes */
 export type UploadNotesFilter = {
   /** Filter records with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 export enum UploadOrderBy {
   _createdAt_ASC = '_createdAt_ASC',
@@ -2444,50 +2423,50 @@ export enum UploadOrientation {
 /** Specifies how to filter by size */
 export type UploadSizeFilter = {
   /** Search assets with the specified size (in bytes) */
-  eq?: InputMaybe<Scalars['IntType']>;
+  eq?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger than the specified size (in bytes) */
-  gt?: InputMaybe<Scalars['IntType']>;
+  gt?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger or equal to the specified size (in bytes) */
-  gte?: InputMaybe<Scalars['IntType']>;
+  gte?: InputMaybe<Scalars['IntType']>
   /** Search all assets smaller than the specified size (in bytes) */
-  lt?: InputMaybe<Scalars['IntType']>;
+  lt?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger or equal to the specified size (in bytes) */
-  lte?: InputMaybe<Scalars['IntType']>;
+  lte?: InputMaybe<Scalars['IntType']>
   /** Search assets that do not have the specified size (in bytes) */
-  neq?: InputMaybe<Scalars['IntType']>;
-};
+  neq?: InputMaybe<Scalars['IntType']>
+}
 
 /** Specifies how to filter by tags */
 export type UploadTagsFilter = {
   /** Filter uploads linked to all of the specified tags */
-  allIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  allIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter uploads linked to at least one of the specified tags */
-  anyIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  anyIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter uploads linked to the specified tag */
-  contains?: InputMaybe<Scalars['String']>;
+  contains?: InputMaybe<Scalars['String']>
   /** Search for uploads with an exact match */
-  eq?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  eq?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter uploads not linked to any of the specified tags */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
-};
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
+}
 
 /** Specifies how to filter by default title */
 export type UploadTitleFilter = {
   /** Search the asset with the specified title */
-  eq?: InputMaybe<Scalars['String']>;
+  eq?: InputMaybe<Scalars['String']>
   /** Filter assets with the specified field defined (i.e. with any value) or not */
-  exists?: InputMaybe<Scalars['BooleanType']>;
+  exists?: InputMaybe<Scalars['BooleanType']>
   /** Search assets with the specified as default title */
-  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  in?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Filter uploads based on a regular expression */
-  matches?: InputMaybe<StringMatchesFilter>;
+  matches?: InputMaybe<StringMatchesFilter>
   /** Exclude the asset with the specified title */
-  neq?: InputMaybe<Scalars['String']>;
+  neq?: InputMaybe<Scalars['String']>
   /** Search assets that do not have the specified as default title */
-  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  notIn?: InputMaybe<Array<InputMaybe<Scalars['String']>>>
   /** Exclude uploads based on a regular expression */
-  notMatches?: InputMaybe<StringMatchesFilter>;
-};
+  notMatches?: InputMaybe<StringMatchesFilter>
+}
 
 export enum UploadType {
   archive = 'archive',
@@ -2503,56 +2482,54 @@ export enum UploadType {
 /** Specifies how to filter by update datetime */
 export type UploadUpdatedAtFilter = {
   /** Search for uploads with an exact match */
-  eq?: InputMaybe<Scalars['DateTime']>;
+  eq?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's strictly greater than the one specified */
-  gt?: InputMaybe<Scalars['DateTime']>;
+  gt?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's greater than or equal to the one specified */
-  gte?: InputMaybe<Scalars['DateTime']>;
+  gte?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's less than the one specified */
-  lt?: InputMaybe<Scalars['DateTime']>;
+  lt?: InputMaybe<Scalars['DateTime']>
   /** Filter uploads with a value that's less or equal than the one specified */
-  lte?: InputMaybe<Scalars['DateTime']>;
+  lte?: InputMaybe<Scalars['DateTime']>
   /** Exclude uploads with an exact match */
-  neq?: InputMaybe<Scalars['DateTime']>;
-};
+  neq?: InputMaybe<Scalars['DateTime']>
+}
 
 export type UploadVideoField = {
-  __typename?: 'UploadVideoField';
-  duration: Scalars['Int'];
-  framerate: Scalars['Int'];
-  mp4Url?: Maybe<Scalars['String']>;
-  muxAssetId: Scalars['String'];
-  muxPlaybackId: Scalars['String'];
-  streamingUrl: Scalars['String'];
-  thumbnailUrl: Scalars['String'];
-};
-
+  __typename?: 'UploadVideoField'
+  duration: Scalars['Int']
+  framerate: Scalars['Int']
+  mp4Url?: Maybe<Scalars['String']>
+  muxAssetId: Scalars['String']
+  muxPlaybackId: Scalars['String']
+  streamingUrl: Scalars['String']
+  thumbnailUrl: Scalars['String']
+}
 
 export type UploadVideoFieldMp4UrlArgs = {
-  exactRes?: InputMaybe<VideoMp4Res>;
-  res?: InputMaybe<VideoMp4Res>;
-};
-
+  exactRes?: InputMaybe<VideoMp4Res>
+  res?: InputMaybe<VideoMp4Res>
+}
 
 export type UploadVideoFieldThumbnailUrlArgs = {
-  format?: InputMaybe<MuxThumbnailFormatType>;
-};
+  format?: InputMaybe<MuxThumbnailFormatType>
+}
 
 /** Specifies how to filter by width */
 export type UploadWidthFilter = {
   /** Search assets with the specified width */
-  eq?: InputMaybe<Scalars['IntType']>;
+  eq?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger than the specified width */
-  gt?: InputMaybe<Scalars['IntType']>;
+  gt?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger or equal to the specified width */
-  gte?: InputMaybe<Scalars['IntType']>;
+  gte?: InputMaybe<Scalars['IntType']>
   /** Search all assets smaller than the specified width */
-  lt?: InputMaybe<Scalars['IntType']>;
+  lt?: InputMaybe<Scalars['IntType']>
   /** Search all assets larger or equal to the specified width */
-  lte?: InputMaybe<Scalars['IntType']>;
+  lte?: InputMaybe<Scalars['IntType']>
   /** Search assets that do not have the specified width */
-  neq?: InputMaybe<Scalars['IntType']>;
-};
+  neq?: InputMaybe<Scalars['IntType']>
+}
 
 export enum VideoMp4Res {
   high = 'high',
@@ -2561,184 +2538,450 @@ export enum VideoMp4Res {
 }
 
 export type FocalPoint = {
-  __typename?: 'focalPoint';
-  x?: Maybe<Scalars['FloatType']>;
-  y?: Maybe<Scalars['FloatType']>;
-};
+  __typename?: 'focalPoint'
+  x?: Maybe<Scalars['FloatType']>
+  y?: Maybe<Scalars['FloatType']>
+}
 
-export type AuthorFragment = { __typename?: 'AuthorRecord', name?: string | null };
+export type AuthorFragment = {
+  __typename?: 'AuthorRecord'
+  name?: string | null
+}
 
-export type BlogPostFragment = { __typename?: 'BlogPostRecord', title?: string | null, date?: any | null, slug?: string | null, _seoMetaTags: Array<{ __typename?: 'Tag', content?: string | null, tag: string, attributes?: any | null }>, category: Array<{ __typename?: 'CategoryRecord', title?: string | null, slug?: string | null }>, author?: { __typename?: 'AuthorRecord', name?: string | null } | null, content?: { __typename?: 'BlogPostModelContentField', value: any, blocks: Array<{ __typename: 'CtaRecord', id: any, label?: string | null, url?: string | null } | { __typename: 'ImageRecord', id: any, title?: string | null, asset?: { __typename?: 'FileField', url: string, width?: any | null, height?: any | null } | null }> } | null, image?: { __typename?: 'FileField', url: string, alt?: string | null, height?: any | null, width?: any | null, title?: string | null } | null };
+export type BlogPostFragment = {
+  __typename?: 'BlogPostRecord'
+  title?: string | null
+  date?: any | null
+  slug?: string | null
+  _seoMetaTags: Array<{
+    __typename?: 'Tag'
+    content?: string | null
+    tag: string
+    attributes?: any | null
+  }>
+  category: Array<{
+    __typename?: 'CategoryRecord'
+    title?: string | null
+    slug?: string | null
+  }>
+  author?: { __typename?: 'AuthorRecord'; name?: string | null } | null
+  content?: {
+    __typename?: 'BlogPostModelContentField'
+    value: any
+    blocks: Array<
+      | {
+          __typename: 'CtaRecord'
+          id: any
+          label?: string | null
+          url?: string | null
+        }
+      | {
+          __typename: 'ImageRecord'
+          id: any
+          title?: string | null
+          asset?: {
+            __typename?: 'FileField'
+            url: string
+            width?: any | null
+            height?: any | null
+          } | null
+        }
+    >
+  } | null
+  image?: {
+    __typename?: 'FileField'
+    url: string
+    alt?: string | null
+    height?: any | null
+    width?: any | null
+    title?: string | null
+  } | null
+}
 
-export type CategoryFragment = { __typename?: 'CategoryRecord', id: any, title?: string | null, slug?: string | null };
+export type CategoryFragment = {
+  __typename?: 'CategoryRecord'
+  id: any
+  title?: string | null
+  slug?: string | null
+}
 
-export type ImageFragment = { __typename?: 'FileField', url: string, alt?: string | null, height?: any | null, width?: any | null, title?: string | null };
+export type ImageFragment = {
+  __typename?: 'FileField'
+  url: string
+  alt?: string | null
+  height?: any | null
+  width?: any | null
+  title?: string | null
+}
 
-export type SeoTagsFragment = { __typename?: 'Tag', content?: string | null, tag: string, attributes?: any | null };
+export type SeoTagsFragment = {
+  __typename?: 'Tag'
+  content?: string | null
+  tag: string
+  attributes?: any | null
+}
 
-export type GetBlogPostsCategoriesQueryVariables = Exact<{ [key: string]: never; }>;
+export type GetBlogPostsCategoriesQueryVariables = Exact<{
+  [key: string]: never
+}>
 
-
-export type GetBlogPostsCategoriesQuery = { __typename?: 'Query', allCategories: Array<{ __typename?: 'CategoryRecord', id: any, title?: string | null, slug?: string | null }> };
+export type GetBlogPostsCategoriesQuery = {
+  __typename?: 'Query'
+  allCategories: Array<{
+    __typename?: 'CategoryRecord'
+    id: any
+    title?: string | null
+    slug?: string | null
+  }>
+}
 
 export type GetBlogPostsQueryVariables = Exact<{
-  skip: Scalars['IntType'];
-  step: Scalars['IntType'];
-  filterIds?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>> | InputMaybe<Scalars['ItemId']>>;
-  filterSlugs?: InputMaybe<Array<InputMaybe<Scalars['String']>> | InputMaybe<Scalars['String']>>;
-  category?: InputMaybe<Array<InputMaybe<Scalars['ItemId']>> | InputMaybe<Scalars['ItemId']>>;
-  search: Scalars['String'];
-}>;
+  skip: Scalars['IntType']
+  step: Scalars['IntType']
+  filterIds?: InputMaybe<
+    Array<InputMaybe<Scalars['ItemId']>> | InputMaybe<Scalars['ItemId']>
+  >
+  filterSlugs?: InputMaybe<
+    Array<InputMaybe<Scalars['String']>> | InputMaybe<Scalars['String']>
+  >
+  category?: InputMaybe<
+    Array<InputMaybe<Scalars['ItemId']>> | InputMaybe<Scalars['ItemId']>
+  >
+  search: Scalars['String']
+}>
 
-
-export type GetBlogPostsQuery = { __typename?: 'Query', _allBlogPostsMeta: { __typename?: 'CollectionMetadata', count: any }, allBlogPosts: Array<{ __typename?: 'BlogPostRecord', title?: string | null, date?: any | null, slug?: string | null, _seoMetaTags: Array<{ __typename?: 'Tag', content?: string | null, tag: string, attributes?: any | null }>, category: Array<{ __typename?: 'CategoryRecord', title?: string | null, slug?: string | null }>, author?: { __typename?: 'AuthorRecord', name?: string | null } | null, content?: { __typename?: 'BlogPostModelContentField', value: any, blocks: Array<{ __typename: 'CtaRecord', id: any, label?: string | null, url?: string | null } | { __typename: 'ImageRecord', id: any, title?: string | null, asset?: { __typename?: 'FileField', url: string, width?: any | null, height?: any | null } | null }> } | null, image?: { __typename?: 'FileField', url: string, alt?: string | null, height?: any | null, width?: any | null, title?: string | null } | null }> };
+export type GetBlogPostsQuery = {
+  __typename?: 'Query'
+  _allBlogPostsMeta: { __typename?: 'CollectionMetadata'; count: any }
+  allBlogPosts: Array<{
+    __typename?: 'BlogPostRecord'
+    title?: string | null
+    date?: any | null
+    slug?: string | null
+    _seoMetaTags: Array<{
+      __typename?: 'Tag'
+      content?: string | null
+      tag: string
+      attributes?: any | null
+    }>
+    category: Array<{
+      __typename?: 'CategoryRecord'
+      title?: string | null
+      slug?: string | null
+    }>
+    author?: { __typename?: 'AuthorRecord'; name?: string | null } | null
+    content?: {
+      __typename?: 'BlogPostModelContentField'
+      value: any
+      blocks: Array<
+        | {
+            __typename: 'CtaRecord'
+            id: any
+            label?: string | null
+            url?: string | null
+          }
+        | {
+            __typename: 'ImageRecord'
+            id: any
+            title?: string | null
+            asset?: {
+              __typename?: 'FileField'
+              url: string
+              width?: any | null
+              height?: any | null
+            } | null
+          }
+      >
+    } | null
+    image?: {
+      __typename?: 'FileField'
+      url: string
+      alt?: string | null
+      height?: any | null
+      width?: any | null
+      title?: string | null
+    } | null
+  }>
+}
 
 export type BlogPostsSlugQueryVariables = Exact<{
-  skip: Scalars['IntType'];
-  step: Scalars['IntType'];
-}>;
+  skip: Scalars['IntType']
+  step: Scalars['IntType']
+}>
 
-
-export type BlogPostsSlugQuery = { __typename?: 'Query', _allBlogPostsMeta: { __typename?: 'CollectionMetadata', count: any }, allBlogPosts: Array<{ __typename?: 'BlogPostRecord', slug?: string | null }> };
+export type BlogPostsSlugQuery = {
+  __typename?: 'Query'
+  _allBlogPostsMeta: { __typename?: 'CollectionMetadata'; count: any }
+  allBlogPosts: Array<{ __typename?: 'BlogPostRecord'; slug?: string | null }>
+}
 
 export type SingleBlogPostQueryVariables = Exact<{
-  slug: Scalars['String'];
-}>;
+  slug: Scalars['String']
+}>
 
-
-export type SingleBlogPostQuery = { __typename?: 'Query', blogPost?: { __typename?: 'BlogPostRecord', title?: string | null, date?: any | null, slug?: string | null, _seoMetaTags: Array<{ __typename?: 'Tag', content?: string | null, tag: string, attributes?: any | null }>, category: Array<{ __typename?: 'CategoryRecord', title?: string | null, slug?: string | null }>, author?: { __typename?: 'AuthorRecord', name?: string | null } | null, content?: { __typename?: 'BlogPostModelContentField', value: any, blocks: Array<{ __typename: 'CtaRecord', id: any, label?: string | null, url?: string | null } | { __typename: 'ImageRecord', id: any, title?: string | null, asset?: { __typename?: 'FileField', url: string, width?: any | null, height?: any | null } | null }> } | null, image?: { __typename?: 'FileField', url: string, alt?: string | null, height?: any | null, width?: any | null, title?: string | null } | null } | null };
+export type SingleBlogPostQuery = {
+  __typename?: 'Query'
+  blogPost?: {
+    __typename?: 'BlogPostRecord'
+    title?: string | null
+    date?: any | null
+    slug?: string | null
+    _seoMetaTags: Array<{
+      __typename?: 'Tag'
+      content?: string | null
+      tag: string
+      attributes?: any | null
+    }>
+    category: Array<{
+      __typename?: 'CategoryRecord'
+      title?: string | null
+      slug?: string | null
+    }>
+    author?: { __typename?: 'AuthorRecord'; name?: string | null } | null
+    content?: {
+      __typename?: 'BlogPostModelContentField'
+      value: any
+      blocks: Array<
+        | {
+            __typename: 'CtaRecord'
+            id: any
+            label?: string | null
+            url?: string | null
+          }
+        | {
+            __typename: 'ImageRecord'
+            id: any
+            title?: string | null
+            asset?: {
+              __typename?: 'FileField'
+              url: string
+              width?: any | null
+              height?: any | null
+            } | null
+          }
+      >
+    } | null
+    image?: {
+      __typename?: 'FileField'
+      url: string
+      alt?: string | null
+      height?: any | null
+      width?: any | null
+      title?: string | null
+    } | null
+  } | null
+}
 
 export const SeoTagsFragmentDoc = gql`
-    fragment SEOTags on Tag {
-  content
-  tag
-  attributes
-}
-    `;
-export const AuthorFragmentDoc = gql`
-    fragment Author on AuthorRecord {
-  name
-}
-    `;
-export const ImageFragmentDoc = gql`
-    fragment Image on FileField {
-  url
-  alt
-  height
-  width
-  title
-}
-    `;
-export const BlogPostFragmentDoc = gql`
-    fragment BlogPost on BlogPostRecord {
-  _seoMetaTags {
-    ...SEOTags
+  fragment SEOTags on Tag {
+    content
+    tag
+    attributes
   }
-  title
-  date
-  category {
+`
+export const AuthorFragmentDoc = gql`
+  fragment Author on AuthorRecord {
+    name
+  }
+`
+export const ImageFragmentDoc = gql`
+  fragment Image on FileField {
+    url
+    alt
+    height
+    width
+    title
+  }
+`
+export const BlogPostFragmentDoc = gql`
+  fragment BlogPost on BlogPostRecord {
+    _seoMetaTags {
+      ...SEOTags
+    }
+    title
+    date
+    category {
+      title
+      slug
+    }
+    author {
+      ...Author
+    }
+    slug
+    content {
+      value
+      blocks {
+        __typename
+        ... on ImageRecord {
+          id
+          title
+          asset {
+            url
+            width
+            height
+          }
+        }
+        ... on CtaRecord {
+          id
+          label
+          url
+        }
+      }
+    }
+    image {
+      ...Image
+    }
+  }
+  ${SeoTagsFragmentDoc}
+  ${AuthorFragmentDoc}
+  ${ImageFragmentDoc}
+`
+export const CategoryFragmentDoc = gql`
+  fragment Category on CategoryRecord {
+    id
     title
     slug
   }
-  author {
-    ...Author
-  }
-  slug
-  content {
-    value
-    blocks {
-      __typename
-      ... on ImageRecord {
-        id
-        title
-        asset {
-          url
-          width
-          height
-        }
-      }
-      ... on CtaRecord {
-        id
-        label
-        url
-      }
-    }
-  }
-  image {
-    ...Image
-  }
-}
-    ${SeoTagsFragmentDoc}
-${AuthorFragmentDoc}
-${ImageFragmentDoc}`;
-export const CategoryFragmentDoc = gql`
-    fragment Category on CategoryRecord {
-  id
-  title
-  slug
-}
-    `;
+`
 export const GetBlogPostsCategoriesDocument = gql`
-    query GetBlogPostsCategories {
-  allCategories {
-    ...Category
-  }
-}
-    ${CategoryFragmentDoc}`;
-export const GetBlogPostsDocument = gql`
-    query GetBlogPosts($skip: IntType!, $step: IntType!, $filterIds: [ItemId] = [], $filterSlugs: [String] = [], $category: [ItemId], $search: String!) {
-  _allBlogPostsMeta(
-    filter: {title: {isBlank: false}, id: {notIn: $filterIds}, slug: {notIn: $filterSlugs}, category: {anyIn: $category}, OR: [{title: {matches: {pattern: $search}}}]}
-  ) {
-    count
-  }
-  allBlogPosts(
-    filter: {title: {isBlank: false}, id: {notIn: $filterIds}, slug: {notIn: $filterSlugs}, category: {anyIn: $category}, OR: [{title: {matches: {pattern: $search}}}]}
-    first: $step
-    orderBy: date_DESC
-    skip: $skip
-  ) {
-    ...BlogPost
-  }
-}
-    ${BlogPostFragmentDoc}`;
-export const BlogPostsSlugDocument = gql`
-    query BlogPostsSlug($skip: IntType!, $step: IntType!) {
-  _allBlogPostsMeta {
-    count
-  }
-  allBlogPosts(first: $step, skip: $skip, orderBy: date_DESC) {
-    slug
-  }
-}
-    `;
-export const SingleBlogPostDocument = gql`
-    query SingleBlogPost($slug: String!) {
-  blogPost(filter: {slug: {eq: $slug}, title: {isBlank: false}}) {
-    ...BlogPost
-  }
-}
-    ${BlogPostFragmentDoc}`;
-
-export type SdkFunctionWrapper = <T>(action: (requestHeaders?:Record<string, string>) => Promise<T>, operationName: string, operationType?: string) => Promise<T>;
-
-
-const defaultWrapper: SdkFunctionWrapper = (action, _operationName, _operationType) => action();
-
-export function getSdk(client: GraphQLClient, withWrapper: SdkFunctionWrapper = defaultWrapper) {
-  return {
-    GetBlogPostsCategories(variables?: GetBlogPostsCategoriesQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<GetBlogPostsCategoriesQuery> {
-      return withWrapper((wrappedRequestHeaders) => client.request<GetBlogPostsCategoriesQuery>(GetBlogPostsCategoriesDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'GetBlogPostsCategories', 'query');
-    },
-    GetBlogPosts(variables: GetBlogPostsQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<GetBlogPostsQuery> {
-      return withWrapper((wrappedRequestHeaders) => client.request<GetBlogPostsQuery>(GetBlogPostsDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'GetBlogPosts', 'query');
-    },
-    BlogPostsSlug(variables: BlogPostsSlugQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<BlogPostsSlugQuery> {
-      return withWrapper((wrappedRequestHeaders) => client.request<BlogPostsSlugQuery>(BlogPostsSlugDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'BlogPostsSlug', 'query');
-    },
-    SingleBlogPost(variables: SingleBlogPostQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<SingleBlogPostQuery> {
-      return withWrapper((wrappedRequestHeaders) => client.request<SingleBlogPostQuery>(SingleBlogPostDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'SingleBlogPost', 'query');
+  query GetBlogPostsCategories {
+    allCategories {
+      ...Category
     }
-  };
+  }
+  ${CategoryFragmentDoc}
+`
+export const GetBlogPostsDocument = gql`
+  query GetBlogPosts(
+    $skip: IntType!
+    $step: IntType!
+    $filterIds: [ItemId] = []
+    $filterSlugs: [String] = []
+    $category: [ItemId]
+    $search: String!
+  ) {
+    _allBlogPostsMeta(
+      filter: {
+        title: { isBlank: false }
+        id: { notIn: $filterIds }
+        slug: { notIn: $filterSlugs }
+        category: { anyIn: $category }
+        OR: [{ title: { matches: { pattern: $search } } }]
+      }
+    ) {
+      count
+    }
+    allBlogPosts(
+      filter: {
+        title: { isBlank: false }
+        id: { notIn: $filterIds }
+        slug: { notIn: $filterSlugs }
+        category: { anyIn: $category }
+        OR: [{ title: { matches: { pattern: $search } } }]
+      }
+      first: $step
+      orderBy: date_DESC
+      skip: $skip
+    ) {
+      ...BlogPost
+    }
+  }
+  ${BlogPostFragmentDoc}
+`
+export const BlogPostsSlugDocument = gql`
+  query BlogPostsSlug($skip: IntType!, $step: IntType!) {
+    _allBlogPostsMeta {
+      count
+    }
+    allBlogPosts(first: $step, skip: $skip, orderBy: date_DESC) {
+      slug
+    }
+  }
+`
+export const SingleBlogPostDocument = gql`
+  query SingleBlogPost($slug: String!) {
+    blogPost(filter: { slug: { eq: $slug }, title: { isBlank: false } }) {
+      ...BlogPost
+    }
+  }
+  ${BlogPostFragmentDoc}
+`
+
+export type SdkFunctionWrapper = <T>(
+  action: (requestHeaders?: Record<string, string>) => Promise<T>,
+  operationName: string,
+  operationType?: string
+) => Promise<T>
+
+const defaultWrapper: SdkFunctionWrapper = (
+  action,
+  _operationName,
+  _operationType
+) => action()
+
+export function getSdk(
+  client: GraphQLClient,
+  withWrapper: SdkFunctionWrapper = defaultWrapper
+) {
+  return {
+    GetBlogPostsCategories(
+      variables?: GetBlogPostsCategoriesQueryVariables,
+      requestHeaders?: Dom.RequestInit['headers']
+    ): Promise<GetBlogPostsCategoriesQuery> {
+      return withWrapper(
+        (wrappedRequestHeaders) =>
+          client.request<GetBlogPostsCategoriesQuery>(
+            GetBlogPostsCategoriesDocument,
+            variables,
+            { ...requestHeaders, ...wrappedRequestHeaders }
+          ),
+        'GetBlogPostsCategories',
+        'query'
+      )
+    },
+    GetBlogPosts(
+      variables: GetBlogPostsQueryVariables,
+      requestHeaders?: Dom.RequestInit['headers']
+    ): Promise<GetBlogPostsQuery> {
+      return withWrapper(
+        (wrappedRequestHeaders) =>
+          client.request<GetBlogPostsQuery>(GetBlogPostsDocument, variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders
+          }),
+        'GetBlogPosts',
+        'query'
+      )
+    },
+    BlogPostsSlug(
+      variables: BlogPostsSlugQueryVariables,
+      requestHeaders?: Dom.RequestInit['headers']
+    ): Promise<BlogPostsSlugQuery> {
+      return withWrapper(
+        (wrappedRequestHeaders) =>
+          client.request<BlogPostsSlugQuery>(BlogPostsSlugDocument, variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders
+          }),
+        'BlogPostsSlug',
+        'query'
+      )
+    },
+    SingleBlogPost(
+      variables: SingleBlogPostQueryVariables,
+      requestHeaders?: Dom.RequestInit['headers']
+    ): Promise<SingleBlogPostQuery> {
+      return withWrapper(
+        (wrappedRequestHeaders) =>
+          client.request<SingleBlogPostQuery>(
+            SingleBlogPostDocument,
+            variables,
+            { ...requestHeaders, ...wrappedRequestHeaders }
+          ),
+        'SingleBlogPost',
+        'query'
+      )
+    }
+  }
 }
-export type Sdk = ReturnType<typeof getSdk>;
\ No newline at end of file
+export type Sdk = ReturnType<typeof getSdk>
diff --git a/src/lib/cms/queries/about.js b/src/lib/cms/queries/about.js
new file mode 100644
index 0000000..38bb7f7
--- /dev/null
+++ b/src/lib/cms/queries/about.js
@@ -0,0 +1,44 @@
+const AboutHero = {
+  query: `
+        {
+            aboutPage {
+                heroCtaLabel
+                heroCtaLink
+                heroDescB01
+                heroDescB02
+                heroHeading
+                heroTitle
+            }
+        }`
+}
+
+const AboutTeam = {
+  query: `
+        {
+            aboutPage {
+                teamHeading
+                teamDescB01
+                teamDescB02
+            }
+        }`
+}
+
+const Teams = {
+  query: `
+        {
+            allTeams(orderBy: [id_ASC]) {
+                id
+                memberGithub
+                memberImage {
+                    url
+                }
+                memberLinkedin
+                memberName
+                memberPosition
+                memberTeam
+                memberTwitter
+                }
+        }`
+}
+
+export { AboutHero, AboutTeam, Teams }
diff --git a/src/lib/cms/queries/community.js b/src/lib/cms/queries/community.js
new file mode 100644
index 0000000..4df4add
--- /dev/null
+++ b/src/lib/cms/queries/community.js
@@ -0,0 +1,65 @@
+const CommunityHero = {
+  query: `
+        {
+            communityPage {
+                heroButton01
+                heroButton02
+                heroDescription
+                heroHeading
+                heroB01Link
+                heroB02Link
+              }
+        }
+        `
+}
+
+const Events = {
+  query: `
+        {
+            allEvents(orderBy: [eventDatetime_ASC]) {
+                eventDatetime
+                eventDesc
+                eventImage {
+                    url
+                }
+                eventLink
+                eventLocation
+                eventTitle
+                id
+            }
+        }
+        `
+}
+
+const CommunityEvents = {
+  query: `
+        {
+            communityPage {
+                eventsHeading
+                eventsDescription
+        }
+    }`
+}
+
+const CommunitySocials = {
+  query: `
+        {
+            communityPage {
+                socialsHeading
+                socialsLine
+                socialsImage {
+                    url
+                }
+                socialsTwitter
+                socialsDiscord
+                socialsDiscourse
+                socialsReddit
+                socialsTelegram
+                socialsLinkedin
+                socialsFacebook
+                socialsInstagram
+            }
+    }`
+}
+
+export { CommunityEvents, CommunityHero, CommunitySocials, Events }
diff --git a/src/lib/cms/queries/home.js b/src/lib/cms/queries/home.js
new file mode 100644
index 0000000..4af5bed
--- /dev/null
+++ b/src/lib/cms/queries/home.js
@@ -0,0 +1,81 @@
+const HomeHero = {
+  query: `
+    {
+        homePage {
+            heroHeading
+            heroButton01
+            heroB01Link
+            heroButton02
+            heroB02Link
+            heroSlogan
+        }
+    }
+    `
+}
+
+const HomeBenefits = {
+  query: `
+      {
+          homePage {
+              benefitsDesc
+              benefitsHeading
+              benefitsS01Desc
+              benefitsS01Heading
+              benefitsS01Item01
+              benefitsS01Item02
+              benefitsS01Item03
+              benefitsS01Item04
+              benefitsS01Item05
+              benefitsS01Item06
+              benefitsS02Desc
+              benefitsS02Heading
+              benefitsS02Item01
+              benefitsS02Item02
+              benefitsS02Item03
+              benefitsS02Item04
+              benefitsS02Item05
+              benefitsS02Item06
+              benefitsButton
+              benefitsButtonLink
+            }
+      }
+      `
+}
+
+const HomeOthers = {
+  query: `
+    {
+        homePage {
+            othersHeading
+        }
+    }
+    `
+}
+
+const Testimonials = {
+  query: `
+    {
+        allTestimonials {
+            id
+            testimonialImage {
+                url
+            }
+            testimonialPosition
+            testimonialText
+            testimonialUsername
+        }
+    }
+    `
+}
+
+const HomeLatest = {
+  query: `
+    {
+        homePage {
+            latestHeading
+        }
+    }
+    `
+}
+
+export { HomeBenefits, HomeHero, HomeLatest, HomeOthers, Testimonials }
diff --git a/src/lib/cms/queries/legal.js b/src/lib/cms/queries/legal.js
new file mode 100644
index 0000000..05ec15d
--- /dev/null
+++ b/src/lib/cms/queries/legal.js
@@ -0,0 +1,27 @@
+const Terms = {
+  query: `
+      {
+            termsPage {
+                termsContent {
+                    value
+                    blocks
+                }
+                _updatedAt
+            }
+        }`
+}
+
+const Privacy = {
+  query: `
+        {
+            privacyPage {
+                privacyContent {
+                    value
+                    blocks
+                }
+                _updatedAt
+            }
+        }`
+}
+
+export { Privacy, Terms }
diff --git a/src/lib/cms/queries/products.js b/src/lib/cms/queries/products.js
new file mode 100644
index 0000000..08b1b5b
--- /dev/null
+++ b/src/lib/cms/queries/products.js
@@ -0,0 +1,125 @@
+const ProductsHero = {
+  query: `
+    {
+        productsPage {
+            heroDescription
+            heroHeading
+            heroItem01
+            heroItem02
+            heroItem03
+            heroItem04
+            heroItem05
+            heroS01Desc
+            heroS01Heading
+            heroS02Desc
+            heroS02Heading
+        }
+    }
+    `
+}
+
+const ProductsWatchers = {
+  query: `
+    {
+        productsPage {
+            watchersHeading
+            watchersImage {
+                url
+            }
+            watchersMobileImage {
+                url
+            }
+            watchersItem01
+            watchersItem02
+            watchersItem03
+            watchersListHead
+            watchersP01
+            watchersP02
+        }
+    }
+    `
+}
+
+const ProductsStack = {
+  query: `
+    {
+        productsPage {
+            stackDescription
+            stackHeading
+            stackListData
+            stackImage {
+                url
+            }
+            stackSvgImg {
+                url
+            }
+        }
+    }
+    `
+}
+
+const ProductsNetwork = {
+  query: `
+    {
+        productsPage {
+            networkDesc
+            networkHeading
+            networkListItem01
+            networkListItem02
+            networkListItem03
+            networkImg {
+                url
+            }
+            networkMobileImg {
+                url
+            }
+        }
+    }
+    `
+}
+
+const ProductsApp = {
+  query: `
+    {
+        productsPage {
+            appDescription
+            appHeading
+            appImg {
+                url
+            }
+            appMobileImg {
+                url
+            }
+        }
+    }
+    `
+}
+
+const ProductsToken = {
+  query: `
+    {
+        productsPage {
+            tokenHeading
+            tokenDesc
+            tokenImg {
+                url
+            }
+            tokenItem01
+            tokenItem02
+            tokenItem03
+            tokenMobileImg {
+                url
+            }
+        }
+    }
+    `
+}
+
+export {
+  ProductsApp,
+  ProductsHero,
+  ProductsNetwork,
+  ProductsStack,
+  ProductsToken,
+  ProductsWatchers
+}
diff --git a/src/lib/datocms.ts b/src/lib/datocms.ts
new file mode 100644
index 0000000..1fdf304
--- /dev/null
+++ b/src/lib/datocms.ts
@@ -0,0 +1,33 @@
+import tiny from 'tiny-json-http'
+
+interface props {
+  query: string
+  variables?: string
+  preview?: string
+}
+
+export async function request({ query, variables, preview }: props) {
+  let endpoint = 'https://graphql.datocms.com'
+
+  if (preview) {
+    endpoint += `/preview`
+  }
+
+  const { body } = await tiny.post({
+    url: endpoint,
+    headers: {
+      authorization: `Bearer ${process.env.NEXT_PUBLIC_CMS_ACCESS_TOKEN}`
+    },
+    data: {
+      query,
+      variables
+    }
+  })
+
+  if (body.errors) {
+    console.error('The query has errors!')
+    throw body.errors
+  }
+
+  return body.data
+}
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index a140b3a..e3a57d2 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -9,6 +9,9 @@ import { PageLayout } from '~/components/layout/page'
 import Hero from '~/components/sections/about/hero'
 import Related from '~/components/sections/about/related'
 import Team from '~/components/sections/about/team'
+import { AboutHero, AboutTeam, Teams } from '~/lib/cms/queries/about'
+
+import { request } from '../lib/datocms'
 
 export const getStaticProps = async () => {
   const [allBlogPosts, categories] = await Promise.all([
@@ -18,12 +21,21 @@ export const getStaticProps = async () => {
 
   const heroBlogPost = allBlogPosts.data[0]
 
+  const [heroData, teamsData, teamsPageData] = await Promise.all([
+    request(AboutHero),
+    request(Teams),
+    request(AboutTeam)
+  ])
+
   return {
     props: {
       initialBlogPosts: {
         pagination: allBlogPosts.pagination,
         data: allBlogPosts.data.slice(0, 3)
       },
+      heroData: heroData?.aboutPage,
+      teamsData: teamsData?.allTeams,
+      teamsPageData: teamsPageData?.aboutPage,
       categories,
       page:
         {
@@ -35,7 +47,10 @@ export const getStaticProps = async () => {
 }
 
 const About = ({
-  initialBlogPosts
+  initialBlogPosts,
+  heroData,
+  teamsData,
+  teamsPageData
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
@@ -45,8 +60,8 @@ const About = ({
           { href: '/videos/banner-about.webm', as: 'fetch' }
         ]}
       />
-      <Hero />
-      <Team />
+      <Hero data={heroData} />
+      <Team teamData={teamsData} data={teamsPageData} />
       <Related data={initialBlogPosts?.data} />
     </PageLayout>
   )
diff --git a/src/pages/community.tsx b/src/pages/community.tsx
index 0bafb7a..6e5b548 100644
--- a/src/pages/community.tsx
+++ b/src/pages/community.tsx
@@ -1,12 +1,45 @@
+import { InferGetStaticPropsType } from 'next'
+
 import { Meta } from '~/components/common/meta'
 import { PageLayout } from '~/components/layout/page'
 import Events from '~/components/sections/community/events'
 import Hero from '~/components/sections/community/hero'
 import Socials from '~/components/sections/community/socials'
+import {
+  CommunityEvents,
+  CommunityHero,
+  CommunitySocials,
+  Events as EventsQuery
+} from '~/lib/cms/queries/community'
 
-import { Page } from './_app'
+import { request } from '../lib/datocms'
 
-const Community: Page = () => {
+export const getStaticProps = async () => {
+  const [heroData, eventsData, eventsSectionData, socialsData] =
+    await Promise.all([
+      request(CommunityHero),
+      request(EventsQuery),
+      request(CommunityEvents),
+      request(CommunitySocials)
+    ])
+
+  return {
+    props: {
+      heroData: heroData?.communityPage,
+      eventsData: eventsData?.allEvents,
+      eventsSectionData: eventsSectionData?.communityPage,
+      socialsData: socialsData?.communityPage
+    },
+    revalidate: 60
+  }
+}
+
+const Community = ({
+  heroData,
+  eventsData,
+  eventsSectionData,
+  socialsData
+}: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
       <Meta
@@ -15,9 +48,9 @@ const Community: Page = () => {
           { href: '/videos/banner-community.webm', as: 'fetch' }
         ]}
       />
-      <Hero />
-      <Events />
-      <Socials />
+      <Hero data={heroData} />
+      <Events eventsData={eventsData} data={eventsSectionData} />
+      <Socials data={socialsData} />
     </PageLayout>
   )
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index cf7704f..e2a3b0f 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -10,6 +10,15 @@ import Benefits from '~/components/sections/homepage/benefits'
 import Hero from '~/components/sections/homepage/hero'
 import LatestNews from '~/components/sections/homepage/latest-news'
 import WhatOthersSay from '~/components/sections/homepage/what-others-say'
+import {
+  HomeBenefits,
+  HomeHero,
+  HomeLatest,
+  HomeOthers,
+  Testimonials
+} from '~/lib/cms/queries/home'
+
+import { request } from '../lib/datocms'
 
 export const getStaticProps = async () => {
   const [allBlogPosts, categories] = await Promise.all([
@@ -19,12 +28,26 @@ export const getStaticProps = async () => {
 
   const heroBlogPost = allBlogPosts.data[0]
 
+  const [heroData, benefitsData, othersData, latestData, testimonialsData] =
+    await Promise.all([
+      request(HomeHero),
+      request(HomeBenefits),
+      request(HomeOthers),
+      request(HomeLatest),
+      request(Testimonials)
+    ])
+
   return {
     props: {
       initialBlogPosts: {
         pagination: allBlogPosts.pagination,
         data: allBlogPosts.data.slice(0, 8)
       },
+      heroData: heroData?.homePage,
+      benefitsData: benefitsData?.homePage,
+      othersData: othersData?.homePage,
+      latestData: latestData?.homePage,
+      testimonialsData: testimonialsData?.allTestimonials,
       categories,
       page:
         {
@@ -36,15 +59,20 @@ export const getStaticProps = async () => {
 }
 
 const HomePage = ({
-  initialBlogPosts
+  initialBlogPosts,
+  heroData,
+  benefitsData,
+  latestData,
+  othersData,
+  testimonialsData
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
       <Meta preload={[{ href: '/videos/hero-grid.mp4', as: 'fetch' }]} />
-      <Hero />
-      <Benefits />
-      <LatestNews data={initialBlogPosts?.data} />
-      <WhatOthersSay />
+      <Hero data={heroData} />
+      <Benefits data={benefitsData} />
+      <LatestNews blogData={initialBlogPosts?.data} data={latestData} />
+      <WhatOthersSay data={othersData} testimonialsData={testimonialsData} />
     </PageLayout>
   )
 }
diff --git a/src/pages/privacy-policy.tsx b/src/pages/privacy-policy.tsx
index 8d585d7..e3cdfe6 100644
--- a/src/pages/privacy-policy.tsx
+++ b/src/pages/privacy-policy.tsx
@@ -1,18 +1,34 @@
+import { InferGetStaticPropsType } from 'next'
+
 import { Meta } from '~/components/common/meta'
 import { PageLayout } from '~/components/layout/page'
 import Hero from '~/components/sections/privacy/hero'
 import s from '~/components/sections/privacy/hero/hero.module.scss'
 import PrivacyPolicy from '~/components/sections/privacy/privacypolicy'
+import { Privacy as PrivacyQuery } from '~/lib/cms/queries/legal'
 
-import { Page } from './_app'
+import { request } from '../lib/datocms'
 
-const Privacy: Page = () => {
+export const getStaticProps = async () => {
+  const [privacyData] = await Promise.all([request(PrivacyQuery)])
+
+  return {
+    props: {
+      privacyData: privacyData?.privacyPage
+    },
+    revalidate: 60
+  }
+}
+
+const Privacy = ({
+  privacyData
+}: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
       <div className={s.gradient}></div>
       <Meta />
       <Hero />
-      <PrivacyPolicy />
+      <PrivacyPolicy data={privacyData} />
     </PageLayout>
   )
 }
diff --git a/src/pages/products.tsx b/src/pages/products.tsx
index ee70bf6..82c49cf 100644
--- a/src/pages/products.tsx
+++ b/src/pages/products.tsx
@@ -13,6 +13,16 @@ import Network from '~/components/sections/products/network'
 import Stack from '~/components/sections/products/stack'
 import Token from '~/components/sections/products/token'
 import Watchers from '~/components/sections/products/watchers'
+import {
+  ProductsApp,
+  ProductsHero,
+  ProductsNetwork,
+  ProductsStack,
+  ProductsToken,
+  ProductsWatchers
+} from '~/lib/cms/queries/products'
+
+import { request } from '../lib/datocms'
 
 export const getStaticProps = async () => {
   const [allBlogPosts, categories] = await Promise.all([
@@ -22,12 +32,28 @@ export const getStaticProps = async () => {
 
   const heroBlogPost = allBlogPosts.data[0]
 
+  const [heroData, watchersData, stackData, networkData, appData, tokenData] =
+    await Promise.all([
+      request(ProductsHero),
+      request(ProductsWatchers),
+      request(ProductsStack),
+      request(ProductsNetwork),
+      request(ProductsApp),
+      request(ProductsToken)
+    ])
+
   return {
     props: {
       initialBlogPosts: {
         pagination: allBlogPosts.pagination,
         data: allBlogPosts.data.slice(0, 3)
       },
+      heroData: heroData?.productsPage,
+      watchersData: watchersData?.productsPage,
+      stackData: stackData?.productsPage,
+      networkData: networkData?.productsPage,
+      appData: appData?.productsPage,
+      tokenData: tokenData?.productsPage,
       categories,
       page:
         {
@@ -39,7 +65,13 @@ export const getStaticProps = async () => {
 }
 
 const Products = ({
-  initialBlogPosts
+  initialBlogPosts,
+  heroData,
+  watchersData,
+  stackData,
+  networkData,
+  appData,
+  tokenData
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
@@ -49,12 +81,12 @@ const Products = ({
           { href: '/videos/banner-products.webm', as: 'fetch' }
         ]}
       />
-      <Hero />
-      <Watchers />
-      <Stack />
-      <Network />
-      <AppSection />
-      <Token />
+      <Hero data={heroData} />
+      <Watchers data={watchersData} />
+      <Stack data={stackData} />
+      <Network data={networkData} />
+      <AppSection data={appData} />
+      <Token data={tokenData} />
       <Related data={initialBlogPosts?.data} />
     </PageLayout>
   )
diff --git a/src/pages/terms-of-use.tsx b/src/pages/terms-of-use.tsx
index 8e1ab41..1540560 100644
--- a/src/pages/terms-of-use.tsx
+++ b/src/pages/terms-of-use.tsx
@@ -1,18 +1,34 @@
+import { InferGetStaticPropsType } from 'next'
+
 import { Meta } from '~/components/common/meta'
 import { PageLayout } from '~/components/layout/page'
 import Hero from '~/components/sections/terms/hero'
 import s from '~/components/sections/terms/hero/hero.module.scss'
 import TermsOfUse from '~/components/sections/terms/termsofuse'
+import { Terms as TermsQuery } from '~/lib/cms/queries/legal'
 
-import { Page } from './_app'
+import { request } from '../lib/datocms'
 
-const Terms: Page = () => {
+export const getStaticProps = async () => {
+  const [termsData] = await Promise.all([request(TermsQuery)])
+
+  return {
+    props: {
+      termsData: termsData?.termsPage
+    },
+    revalidate: 60
+  }
+}
+
+const Terms = ({
+  termsData
+}: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
       <div className={s.gradient}></div>
       <Meta />
       <Hero />
-      <TermsOfUse />
+      <TermsOfUse data={termsData} />
     </PageLayout>
   )
 }
diff --git a/yarn.lock b/yarn.lock
index 15bf811..bb24314 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1131,6 +1131,11 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
   integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
 
+"@types/tiny-json-http@^7.3.1":
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/@types/tiny-json-http/-/tiny-json-http-7.3.1.tgz#40339b990b7251689646b985823aa53487dcd77d"
+  integrity sha512-mJwIwN1W9VLVM7FrGPuWabuEH5FqcOGZByqV4qOSNiwMKtEKym5+6Dyhx2v7vbR/4rSjjUgngmYimaDHQbZQsw==
+
 "@types/websocket@^1.0.4":
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/@types/websocket/-/websocket-1.0.5.tgz#3fb80ed8e07f88e51961211cd3682a3a4a81569c"
@@ -2116,6 +2121,15 @@ datocms-structured-text-generic-html-renderer@^2.0.1, datocms-structured-text-ge
   dependencies:
     datocms-structured-text-utils "^2.0.4"
 
+datocms-structured-text-to-html-string@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/datocms-structured-text-to-html-string/-/datocms-structured-text-to-html-string-2.0.4.tgz#8379040b3af3bbf72c0293ad8a00b30c93bee7b1"
+  integrity sha512-ulet6wg3cxY4e4Edh0ilMfTfBK8VHeYZwhusx/fJSyk/3A1+PGiQ9EU2j2+OkOxvq+ePo0Iyzi7hgMEutSPRQQ==
+  dependencies:
+    datocms-structured-text-generic-html-renderer "^2.0.4"
+    datocms-structured-text-utils "^2.0.4"
+    vhtml "^2.2.0"
+
 datocms-structured-text-to-plain-text@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/datocms-structured-text-to-plain-text/-/datocms-structured-text-to-plain-text-2.0.4.tgz#9798c5ea06417e7da4b4b14d1ed3dd9c0d550944"
@@ -5832,6 +5846,11 @@ through@^2.3.6, through@^2.3.8:
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
 
+tiny-json-http@^7.4.2:
+  version "7.4.2"
+  resolved "https://registry.yarnpkg.com/tiny-json-http/-/tiny-json-http-7.4.2.tgz#2948d7a7f650d69df65f10982f126b5c5520ce3d"
+  integrity sha512-+3ns4PfQTLaF69zGASkAfDoOEVmwYTXSDrU6VR93h317uFOW7evFzKa7Ih9JzPHiYSee3lUXHLAGhws2wFSexQ==
+
 title-case@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/title-case/-/title-case-3.0.3.tgz#bc689b46f02e411f1d1e1d081f7c3deca0489982"
@@ -6085,6 +6104,11 @@ value-or-promise@1.0.11, value-or-promise@^1.0.11:
   resolved "https://registry.yarnpkg.com/value-or-promise/-/value-or-promise-1.0.11.tgz#3e90299af31dd014fe843fe309cefa7c1d94b140"
   integrity sha512-41BrgH+dIbCFXClcSapVs5M6GkENd3gQOJpEfPDNa71LsUGMXDL0jMWpI/Rh7WhX+Aalfz2TTS3Zt5pUsbnhLg==
 
+vhtml@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/vhtml/-/vhtml-2.2.0.tgz#369e6823ed6c32cbb9f6e33395bae7c65faa014c"
+  integrity sha512-TPXrXrxBOslRUVnlVkiAqhoXneiertIg86bdvzionrUYhEuiROvyPZNiiP6GIIJ2Q7oPNVyEtIx8gMAZZE9lCQ==
+
 wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"