diff --git a/src/components/Advantages/index.tsx b/src/components/Advantages/index.tsx
index 32a81e66..57d2ed13 100644
--- a/src/components/Advantages/index.tsx
+++ b/src/components/Advantages/index.tsx
@@ -13,7 +13,7 @@ import {
 } from './styles.module.less';
 
 type AdvantagesProps = {
-    icon: ReactNode;
+    icon?: ReactNode;
     image?: ReactNode;
     title: ReactNode;
     subtitle?: string;
@@ -44,7 +44,9 @@ const Advantages = ({
             isReverseColumnOnMobile={isReverseColumnOnMobile}
         >
             <div className={clsx(leftColumn, isDarkTheme ? darkTheme : null)}>
-                <div className={iconWrapper}>{icon}</div>
+                {icon && !isDarkTheme ? (
+                    <div className={iconWrapper}>{icon}</div>
+                ) : null}
                 <h2>{title}</h2>
                 {subtitle ? <p>{subtitle}</p> : null}
                 {advantages ? (
diff --git a/src/components/DeploymentOptions/DeploymentOptionDiagram/index.tsx b/src/components/DeploymentOptions/DeploymentOptionDiagram/index.tsx
index d81aa434..d7858ab0 100644
--- a/src/components/DeploymentOptions/DeploymentOptionDiagram/index.tsx
+++ b/src/components/DeploymentOptions/DeploymentOptionDiagram/index.tsx
@@ -25,7 +25,7 @@ import {
     privateDeploymentTag,
     metadataOnlyDarkerBlueTag,
     relativePosition,
-    privateDeploymentVpcBox,
+    ownedByEstuaryBox,
 } from './styles.module.less';
 
 const iconSize = 30;
@@ -86,22 +86,28 @@ const DeploymentOptionDiagram = ({
                             : 'Customer Cloud & Region'}
                     </span>
                     <div className={horizontalWrapper}>
-                        {deploymentOption === 'private' ? (
+                        {['private', 'byoc'].includes(deploymentOption) ? (
                             <div
                                 className={clsx(
                                     solidBorderBox,
                                     secondLevelSolidBorderBox
                                 )}
                             >
-                                <VpcIcon width={iconSize} />
-                                <span
+                                <div
                                     className={clsx(
-                                        privateDeploymentVpcBox,
-                                        vpcMarginBottom
+                                        dashedBorderBox,
+                                        ownedByEstuaryBox
                                     )}
                                 >
-                                    Private Deployment VPC
-                                </span>
+                                    <span>
+                                        Owned by <br />{' '}
+                                        {deploymentOption === 'private'
+                                            ? 'Estuary'
+                                            : 'Customer'}
+                                    </span>
+                                </div>
+                                <VpcIcon width={iconSize} />
+                                <span>Private Deployment VPC</span>
                                 <div className={dashedBorderBox}>
                                     <PrivateDataPlaneIcon width={iconSize} />
                                     <span>Private Data Plane</span>
@@ -117,7 +123,9 @@ const DeploymentOptionDiagram = ({
                             <VpcIcon width={iconSize} />
                             <span
                                 className={
-                                    deploymentOption === 'private'
+                                    ['private', 'byoc'].includes(
+                                        deploymentOption
+                                    )
                                         ? vpcMarginBottom
                                         : null
                                 }
@@ -125,14 +133,6 @@ const DeploymentOptionDiagram = ({
                                 Customer VPC
                             </span>
                             <div className={horizontalWrapper}>
-                                {deploymentOption === 'byoc' ? (
-                                    <div className={dashedBorderBox}>
-                                        <PrivateDataPlaneIcon
-                                            width={iconSize}
-                                        />
-                                        <span>Private Data Plane</span>
-                                    </div>
-                                ) : null}
                                 <div
                                     className={clsx(
                                         solidBorderBox,
@@ -150,18 +150,14 @@ const DeploymentOptionDiagram = ({
                         </div>
                     </div>
                 </div>
-                {['public', 'byoc'].includes(deploymentOption) ? (
+                {deploymentOption === 'public' ? (
                     <div className={middleTag}>
                         <div className={clsx(tagArrow, tagArrowLeft)} />
-                        <span>
-                            {deploymentOption === 'public'
-                                ? 'Internet'
-                                : 'metadata only'}
-                        </span>
+                        <span>Internet</span>
                         <div className={clsx(tagArrow, tagArrowRight)} />
                     </div>
                 ) : null}
-                {deploymentOption === 'private' ? (
+                {['private', 'byoc'].includes(deploymentOption) ? (
                     <>
                         <div
                             className={clsx(
diff --git a/src/components/DeploymentOptions/DeploymentOptionDiagram/styles.module.less b/src/components/DeploymentOptions/DeploymentOptionDiagram/styles.module.less
index 78653a49..57e440d3 100644
--- a/src/components/DeploymentOptions/DeploymentOptionDiagram/styles.module.less
+++ b/src/components/DeploymentOptions/DeploymentOptionDiagram/styles.module.less
@@ -44,11 +44,6 @@
   }
 
   @media (max-width: 600px) {
-    gap: 10px;
-    padding: 10px;
-  }
-
-  @media (max-width: 450px) {
     gap: 6px;
     padding: 6px;
   }
@@ -78,11 +73,6 @@
   height: 100%;
 
   @media (max-width: 600px) {
-    gap: 10px;
-    padding: 10px;
-  }
-
-  @media (max-width: 450px) {
     gap: 6px;
     padding: 6px;
   }
@@ -101,7 +91,7 @@
 .middleTag {
   position: absolute;
   top: 46%;
-  left: -55%;
+  left: -50%;
   text-align: center;
   display: flex;
   align-items: center;
@@ -163,10 +153,6 @@
   gap: 16px;
 
   @media (max-width: 600px) {
-    gap: 10px;
-  }
-
-  @media (max-width: 450px) {
     gap: 6px;
   }
 }
@@ -180,11 +166,12 @@
 }
 
 .privateLinkTag {
-  top: 41%;
-  left: -2%;
+  top: 39%;
+  left: 6%;
 
   @media (max-width: 600px) {
-    top: 44.5%;
+    top: 42%;
+    left: 10%;
   }
 }
 
@@ -197,7 +184,7 @@
 }
 
 .metadataOnlyDarkerBlueTag {
-  top: 85%;
+  top: 70%;
 
   span {
     background-color: @secondaryTagColor;
@@ -212,6 +199,9 @@
   }
 
   @media (max-width: 600px) {
+    left: -60%;
+    top: 89%;
+
     span {
       min-width: 80px;
     }
@@ -222,10 +212,12 @@
   position: relative;
 }
 
-.privateDeploymentVpcBox {
-  margin-bottom: 26px;
+.ownedByEstuaryBox {
+  border-radius: 100px;
+  height: fit-content;
+  padding: 8px;
 
-  @media (max-width: 600px) {
-    margin-bottom: 25px;
+  @media (min-width: 601px) {
+    min-width: 100px;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/DeploymentOptions/styles.module.less b/src/components/DeploymentOptions/styles.module.less
index a8bb5dc9..a962e070 100644
--- a/src/components/DeploymentOptions/styles.module.less
+++ b/src/components/DeploymentOptions/styles.module.less
@@ -16,6 +16,12 @@
     }
   }
 
+  @media (max-width: 1280px) and (min-width: 1025px) {
+    > :nth-child(1) {
+      max-width: 60%;
+    }
+  }
+
   @media (max-width: 1024px) {
     h2 {
       font-size: 2.25rem;
@@ -40,4 +46,4 @@
     max-width: 220px;
     margin-top: 16px;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/DeploymentOptionsPage/ByocDeployment/index.tsx b/src/components/DeploymentOptionsPage/ByocDeployment/index.tsx
index ac73f119..b3c7235c 100644
--- a/src/components/DeploymentOptionsPage/ByocDeployment/index.tsx
+++ b/src/components/DeploymentOptionsPage/ByocDeployment/index.tsx
@@ -1,14 +1,15 @@
+import clsx from 'clsx';
 import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less';
 import DeploymentOptionDetails from '../../DeploymentOptions/DeploymentOptionDetails';
 import { features } from '../shared';
-import { container } from '../styles.module.less';
+import { container, adaptedContainer } from '../styles.module.less';
 import DeploymentOptionDiagram from '../../DeploymentOptions/DeploymentOptionDiagram';
 import Container from '../../Container';
 
 const ByocDeployment = () => {
     return (
         <section className={defaultWrapperGrey}>
-            <Container className={container}>
+            <Container className={clsx(container, adaptedContainer)}>
                 <DeploymentOptionDiagram deploymentOption="byoc" />
                 <DeploymentOptionDetails
                     title="BRING YOUR OWN CLOUD"
diff --git a/src/components/DeploymentOptionsPage/PrivateDeployment/index.tsx b/src/components/DeploymentOptionsPage/PrivateDeployment/index.tsx
index 4a86fc86..dfe97b64 100644
--- a/src/components/DeploymentOptionsPage/PrivateDeployment/index.tsx
+++ b/src/components/DeploymentOptionsPage/PrivateDeployment/index.tsx
@@ -1,14 +1,18 @@
+import clsx from 'clsx';
 import { defaultWrapperDark } from '../../../globalStyles/wrappers.module.less';
 import DeploymentOptionDetails from '../../DeploymentOptions/DeploymentOptionDetails';
 import { features } from '../shared';
-import { container } from '../styles.module.less';
+import { container, reverseAdaptedContainer } from '../styles.module.less';
 import DeploymentOptionDiagram from '../../DeploymentOptions/DeploymentOptionDiagram';
 import Container from '../../Container';
 
 const PrivateDeployment = () => {
     return (
         <section className={defaultWrapperDark}>
-            <Container isReverseColumnOnMobile className={container}>
+            <Container
+                isReverseColumnOnMobile
+                className={clsx(container, reverseAdaptedContainer)}
+            >
                 <DeploymentOptionDetails
                     title="PRIVATE DEPLOYMENT"
                     description="Private Deployment allows customers to run Estuary Flow's data infrastructure within their private environment while maintaining the simplicity of a SaaS platform. Suitable for enterprises and organizations with strict data security and compliance needs, such as those in highly regulated industries or handling sensitive data."
diff --git a/src/components/DeploymentOptionsPage/PublicDeployment/index.tsx b/src/components/DeploymentOptionsPage/PublicDeployment/index.tsx
index 2c99c8ec..9f9877b2 100644
--- a/src/components/DeploymentOptionsPage/PublicDeployment/index.tsx
+++ b/src/components/DeploymentOptionsPage/PublicDeployment/index.tsx
@@ -1,14 +1,15 @@
+import clsx from 'clsx';
 import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less';
 import DeploymentOptionDetails from '../../DeploymentOptions/DeploymentOptionDetails';
 import { features } from '../shared';
-import { container } from '../styles.module.less';
+import { container, adaptedContainer } from '../styles.module.less';
 import DeploymentOptionDiagram from '../../DeploymentOptions/DeploymentOptionDiagram';
 import Container from '../../Container';
 
 const PublicDeployment = () => {
     return (
         <section className={defaultWrapperGrey}>
-            <Container className={container}>
+            <Container className={clsx(container, adaptedContainer)}>
                 <DeploymentOptionDiagram deploymentOption="public" />
                 <DeploymentOptionDetails
                     title="PUBLIC DEPLOYMENT"
diff --git a/src/components/DeploymentOptionsPage/styles.module.less b/src/components/DeploymentOptionsPage/styles.module.less
index 70f3d87d..f75adf80 100644
--- a/src/components/DeploymentOptionsPage/styles.module.less
+++ b/src/components/DeploymentOptionsPage/styles.module.less
@@ -16,3 +16,19 @@
     }
   }
 }
+
+.adaptedContainer {
+  @media (max-width: 1280px) and (min-width: 1025px) {
+    > :nth-child(1) {
+      max-width: 60%;
+    }
+  }
+}
+
+.reverseAdaptedContainer {
+  @media (max-width: 1280px) and (min-width: 1025px) {
+    > :nth-child(2) {
+      max-width: 60%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/components/HeaderNavbar/Resources/index.tsx b/src/components/HeaderNavbar/Resources/index.tsx
index 20517bd5..a39ccedd 100644
--- a/src/components/HeaderNavbar/Resources/index.tsx
+++ b/src/components/HeaderNavbar/Resources/index.tsx
@@ -107,17 +107,13 @@ const HeaderNavbarResources = ({ active, setActive }) => {
                         <CardItem title="READ" items={read} onlyContent />
                         <CardItem title="LISTEN" items={listen} onlyContent />
                     </div>
-                    <CardItem
-                        className={hideOnMobile}
-                        title="TOURS"
-                        onlyContent
-                    >
-                        <Carousel aria-label="Tours carousel" hasFullWidthSlide>
-                            <div key="header-carousel-tour-1" className={slide}>
+                    <CardItem className={hideOnMobile} title="DEMO" onlyContent>
+                        <Carousel aria-label="Demos carousel" hasFullWidthSlide>
+                            <div key="header-carousel-demo-1" className={slide}>
                                 <div className={imageWrapper}>
                                     <StaticImage
                                         src="../../../images/product-tour-2min.png"
-                                        alt="Estuary Flow Product tour - 2 minutes"
+                                        alt="Estuary Flow Product demo"
                                     />
                                 </div>
                                 <LinkOutlined
@@ -125,10 +121,10 @@ const HeaderNavbarResources = ({ active, setActive }) => {
                                     href="/demo/"
                                     fullWidth
                                 >
-                                    Watch Product Tour (2 min)
+                                    Watch Interactive Demo
                                 </LinkOutlined>
                             </div>
-                            <div key="header-carousel-tour-2" className={slide}>
+                            <div key="header-carousel-demo-2" className={slide}>
                                 <div className={imageWrapper}>
                                     <StaticImage
                                         src="../../../images/real-time-101-30min.png"
diff --git a/src/components/HeaderNavbar/Resources/items.tsx b/src/components/HeaderNavbar/Resources/items.tsx
index b3d6d19e..90c630b2 100644
--- a/src/components/HeaderNavbar/Resources/items.tsx
+++ b/src/components/HeaderNavbar/Resources/items.tsx
@@ -68,9 +68,9 @@ export const listen = [
     },
 ];
 
-export const tours = [
+export const demo = [
     {
-        name: 'Product Tour [2 min]',
+        name: 'Watch Interactive Demo',
         to: '/demo/',
     },
     {
diff --git a/src/components/HeaderNavbar/index.tsx b/src/components/HeaderNavbar/index.tsx
index 2b3ce190..04a939da 100644
--- a/src/components/HeaderNavbar/index.tsx
+++ b/src/components/HeaderNavbar/index.tsx
@@ -1,7 +1,6 @@
 import { Link } from 'gatsby';
 import { useCallback } from 'react';
 import { globalHeaderLink } from '../styles.module.less';
-import OutboundLink from '../LinksAndButtons/OutboundLink';
 import LinkProduct from './Product';
 import LinkResources from './Resources';
 import { globalHeaderLinks } from './styles.module.less';
@@ -33,14 +32,6 @@ const HeaderNavbar = ({ activeMenu, setActiveMenu }) => {
                 active={activeMenu === 'resources'}
                 setActive={setActiveMenu}
             />
-            <OutboundLink
-                target="_blank"
-                className={globalHeaderLink}
-                href="https://docs.estuary.dev"
-                onMouseEnter={closeMenus}
-            >
-                Docs
-            </OutboundLink>
         </div>
     );
 };
diff --git a/src/components/HeroSectionActions/RegisterCta.tsx b/src/components/HeroSectionActions/RegisterCta.tsx
index ca33f7e6..0366f98c 100644
--- a/src/components/HeroSectionActions/RegisterCta.tsx
+++ b/src/components/HeroSectionActions/RegisterCta.tsx
@@ -4,7 +4,7 @@ import OutboundLinkFilled from '../LinksAndButtons/OutboundLinkFilled';
 function RegisterCta() {
     return (
         <OutboundLinkFilled href={dashboardRegisterUrl} target="_blank">
-            Build a Pipeline
+            Start Building For Free
         </OutboundLinkFilled>
     );
 }
diff --git a/src/components/HeroSectionActions/index.tsx b/src/components/HeroSectionActions/index.tsx
index 36e6097b..257a4031 100644
--- a/src/components/HeroSectionActions/index.tsx
+++ b/src/components/HeroSectionActions/index.tsx
@@ -1,17 +1,11 @@
 import RegisterCta from './RegisterCta';
 import ContactUsCta from './ContactUsCta';
-import WatchDemoCta from './WatchDemo';
 
-interface HeroSectionActionsProps {
-    showDemoCta?: boolean;
-}
-
-function HeroSectionActions({ showDemoCta }: HeroSectionActionsProps) {
+function HeroSectionActions() {
     return (
         <>
             <RegisterCta />
             <ContactUsCta />
-            {showDemoCta ? <WatchDemoCta /> : null}
         </>
     );
 }
diff --git a/src/components/Homepage/AutomateDataops/index.tsx b/src/components/Homepage/AutomateDataops/index.tsx
index e021bc1d..fc44ed96 100644
--- a/src/components/Homepage/AutomateDataops/index.tsx
+++ b/src/components/Homepage/AutomateDataops/index.tsx
@@ -1,5 +1,4 @@
 import { StaticImage } from 'gatsby-plugin-image';
-import SingleDataflowIcon from '../../../svgs/metric-single-dataflow.svg';
 import { docsPageUrl } from '../../../../shared';
 import Advantages from '../../Advantages';
 import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less';
@@ -9,16 +8,7 @@ const AutomateDataops = () => {
     return (
         <section className={defaultWrapperGrey}>
             <Advantages
-                icon={<SingleDataflowIcon color="var(--blue)" />}
-                title={
-                    <>
-                        AUTOMATE <span>DATAOPS</span>
-                    </>
-                }
-                subtitle="Use schema inference, evolution, and automation along
-                        with a complete CLI and API to implement true agile
-                        DataOps that can handle constant change without breaking
-                        pipelines."
+                title={<>AUTOMATE DATAOPS</>}
                 image={
                     <StaticImage
                         quality={100}
@@ -29,9 +19,23 @@ const AutomateDataops = () => {
                 }
                 ctaButtons={
                     <OutboundLinkFilled href={docsPageUrl} target="_blank">
-                        See the Docs
+                        Register Now for Free
                     </OutboundLinkFilled>
                 }
+                advantages={[
+                    {
+                        title: 'Automated Schema Inference and Evolution',
+                    },
+                    {
+                        title: 'Fully-featured CLI',
+                    },
+                    {
+                        title: 'Declarative pipelines with YAML',
+                    },
+                    {
+                        title: 'Detailed logging and monitoring',
+                    },
+                ]}
                 isImageOnTheLeft
             />
         </section>
diff --git a/src/components/Homepage/BuildInMinutes/index.tsx b/src/components/Homepage/BuildInMinutes/index.tsx
index ef76ab8d..5d35b50a 100644
--- a/src/components/Homepage/BuildInMinutes/index.tsx
+++ b/src/components/Homepage/BuildInMinutes/index.tsx
@@ -9,12 +9,13 @@ const BuildInMinutes = () => {
             <Container isVertical>
                 <div className={textWrapper}>
                     <h2>
-                        <span>Build </span>
+                        Deliver
+                        <span> Value </span>
                         in minutes
                     </h2>
                     <p>
-                        Use the UI to quickly build end-to-end pipelines using
-                        no-code connectors. Estuary Flow does the rest.
+                        Eliminate data silos, streamline workflows, and
+                        accelerate operations
                     </p>
                 </div>
                 <div>
diff --git a/src/components/Homepage/DeploymentModes/index.tsx b/src/components/Homepage/DeploymentModes/index.tsx
index 6bda74cb..05ee097e 100644
--- a/src/components/Homepage/DeploymentModes/index.tsx
+++ b/src/components/Homepage/DeploymentModes/index.tsx
@@ -2,17 +2,16 @@ import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less';
 import DeploymentOptions from '../../DeploymentOptions';
 
 const optionsDescription = {
-    public: "Estuary Flow's standard SaaS option, fully managed for quick, hassle-free setup.",
-    private:
-        'Offers enhanced security by hosting Estuary Flow within a private network, combining SaaS ease with more control.',
-    byoc: 'Deploy Estuary Flow on your cloud infrastructure for complete control.',
+    public: 'Our standard option, fully managed for quick, hassle-free setup',
+    private: 'Enhanced security by hosting Estuary within a private network',
+    byoc: 'Deploy Estuary on your cloud infrastructure for complete control',
 };
 
 const keyFeatures = {
     public: [
         'Managed by Estuary',
-        'Easy setup and minimal configuration',
-        'Multiple data processing regions',
+        'Easy setup and zero configuration',
+        'EU or US data processing regions',
     ],
     private: [
         'Private network data control',
diff --git a/src/components/Homepage/Do4xMoreWith25xLess/index.tsx b/src/components/Homepage/Do4xMoreWith25xLess/index.tsx
index 213c2a78..5f3f64e0 100644
--- a/src/components/Homepage/Do4xMoreWith25xLess/index.tsx
+++ b/src/components/Homepage/Do4xMoreWith25xLess/index.tsx
@@ -11,13 +11,10 @@ const Do4xMoreWith25xLess = () => {
                 icon={<DatabaseSavingWithLowPrice color="var(--blue)" />}
                 title={
                     <>
-                        DO <span>4X MORE </span> WITH 2-5X LESS
+                        DO <span>MORE </span> WITH <span>LESS</span>
                     </>
                 }
-                subtitle="Estuary customers aren't just benefitting from
-                        being more real-time. They are 4x more productive. They
-                        deliver new projects in days, not months. And they spend
-                        2-5x less on Estuary than on batch ELT."
+                subtitle="We combine agentless CDC, zero-code pipelines, and enterprise-grade governance to simplify data integration, and drive business agility at a fraction of the cost"
                 image={<PricingCalculator />}
                 ctaButtons={
                     <LinkFilled href="/pricing/">See Pricing</LinkFilled>
diff --git a/src/components/Homepage/Hero/index.tsx b/src/components/Homepage/Hero/index.tsx
index 12692570..f7d07ff8 100644
--- a/src/components/Homepage/Hero/index.tsx
+++ b/src/components/Homepage/Hero/index.tsx
@@ -1,7 +1,4 @@
 import { Suspense } from 'react';
-import ActiveUsersIcon from '../../../svgs/metric-active-users.svg';
-import LatencyIcon from '../../../svgs/metric-latency.svg';
-import SingleDataflowIcon from '../../../svgs/metric-single-dataflow.svg';
 import MetricCard from '../../MetricCard';
 import VanityLogosMarquee from '../../VanityLogosMarquee';
 import HeroSectionDetails from '../../HeroSectionDetails';
@@ -16,8 +13,6 @@ import {
     metricCardsList,
 } from './styles.module.less';
 
-const metricIconColor = 'var(--white)';
-
 const Hero = () => {
     return (
         <section className={container}>
@@ -25,16 +20,14 @@ const Hero = () => {
                 <HeroSectionDetails
                     title={
                         <>
-                            <span className="white-text">MEET</span>{' '}
-                            <span>THE FASTEST</span>
-                            <span>,</span> <span>MOST RELIABLE</span>{' '}
-                            <span className="white-text">ETL</span>
+                            <span>
+                                YOUR DATA. <br /> ANYTIME,
+                            </span>{' '}
+                            <span>ANYWHERE.</span>
                         </>
                     }
-                    description="Estuary is the only platform built from the ground up
-                        for truly real-time ETL and ELT data integration, set up
-                        in minutes."
-                    ctaButtons={<HeroSectionActions showDemoCta />}
+                    description="Secure data integration with Estuary Flow, the enterprise data movement platform for real-time streaming and batch processing."
+                    ctaButtons={<HeroSectionActions />}
                     hasSubscriptionBenefits
                 />
                 <div className={flowAnimationContainer}>
@@ -44,21 +37,10 @@ const Hero = () => {
                 </div>
             </div>
             <ul className={metricCardsList}>
-                <MetricCard
-                    icon={<ActiveUsersIcon color={metricIconColor} />}
-                    value={activeUsersAmount}
-                    label="Active users"
-                />
-                <MetricCard
-                    icon={<LatencyIcon color={metricIconColor} />}
-                    value="&#60;100ms"
-                    label="Latency"
-                />
-                <MetricCard
-                    icon={<SingleDataflowIcon color={metricIconColor} />}
-                    value="7+gb/sec"
-                    label="Single dataflow"
-                />
+                <MetricCard value={activeUsersAmount} label="Users" />
+                <MetricCard value="&#60;100 ms" label="Latency" />
+                <MetricCard value="7+ gb/s" label="Throughput" />
+                <MetricCard value="99.9%" label="Uptime" />
             </ul>
             <VanityLogosMarquee />
         </section>
diff --git a/src/components/Homepage/Hero/styles.module.less b/src/components/Homepage/Hero/styles.module.less
index 4d694952..cf14d8e7 100644
--- a/src/components/Homepage/Hero/styles.module.less
+++ b/src/components/Homepage/Hero/styles.module.less
@@ -25,7 +25,7 @@
 .container {
     .sectionTopBottomPadding;
 
-    padding-top: 100px;
+    padding-top: 60px;
     display: flex;
     flex-direction: column;
     background-color: var(--dark-blue);
@@ -90,11 +90,18 @@
 
     margin-top: 0;
     margin-bottom: 0;
+    padding-top: 60px;
+    padding-bottom: 60px;
     width: 100%;
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
     gap: 24px;
 
     @media (max-width: 1116px) {
-        flex-direction: column;
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    @media (max-width: 600px) {
+        grid-template-columns: repeat(1, 1fr);
     }
 }
diff --git a/src/components/Homepage/InnovateFaster/index.tsx b/src/components/Homepage/InnovateFaster/index.tsx
deleted file mode 100644
index b66e1337..00000000
--- a/src/components/Homepage/InnovateFaster/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import DarkSwoopingLinesLeftDirectionBackground from '../../BackgroundImages/DarkSwoopingLinesLeftDirectionBackground';
-import MainConnectors from '../../MainConnectors';
-import { textWrapper } from '../styles.module.less';
-import Container from '../../Container';
-import { wrapper } from './styles.module.less';
-
-const InnovateFaster = () => {
-    return (
-        <DarkSwoopingLinesLeftDirectionBackground>
-            <Container isVertical className={wrapper}>
-                <div className={textWrapper}>
-                    <h2>INNOVATE FASTER</h2>
-                    <p>
-                        Innovate faster with a single data pipeline that
-                        decouples sources and destinations so you can share data
-                        across analytics, apps, and AI, and add or change
-                        systems, all without impacting others.
-                    </p>
-                </div>
-                <MainConnectors />
-            </Container>
-        </DarkSwoopingLinesLeftDirectionBackground>
-    );
-};
-
-export default InnovateFaster;
diff --git a/src/components/Homepage/InnovateFaster/styles.module.less b/src/components/Homepage/InnovateFaster/styles.module.less
deleted file mode 100644
index 794e22c9..00000000
--- a/src/components/Homepage/InnovateFaster/styles.module.less
+++ /dev/null
@@ -1,32 +0,0 @@
-@import '../../../globalStyles/sections.module.less';
-
-.wrapper {
-    padding-right: 0;
-
-    h2 {
-        .globalMaxWidth;
-        padding-left: 0;
-    }
-
-    p {
-        .globalMaxWidth;
-
-        padding-left: 0;
-        width: 100%;
-        margin: 0;
-        text-align: center;
-    }
-
-    @media (max-width: 425px) {
-        h2 {
-            padding-left: 0;
-            padding-right: 20px;
-            font-size: 1.75rem;
-        }
-
-        p {
-            padding-left: 0;
-            padding-right: 20px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/components/Homepage/MoveAndTransform/index.tsx b/src/components/Homepage/MoveAndTransform/index.tsx
index a847c874..d98538f9 100644
--- a/src/components/Homepage/MoveAndTransform/index.tsx
+++ b/src/components/Homepage/MoveAndTransform/index.tsx
@@ -1,20 +1,29 @@
 import { StaticImage } from 'gatsby-plugin-image';
-import DiagramSourceConnectors from '../../DiagramConnectors/DiagramSourceConnectors';
-import DiagramDestinationConnectors from '../../DiagramConnectors/DiagramDestinationConnectors';
-import FlowCycle from '../../../svgs/flow-cycle.svg';
-import CaptureIcon from '../../../svgs/capture.svg';
-import RealTimeDelivery from '../../../svgs/real-time-delivery.svg';
-import StoreAndTransformIcon from '../../../svgs/store-and-transform.svg';
+import clsx from 'clsx';
+import RealTimeIcon from '../../../svgs/homepage/real-time.svg';
+import BatchIcon from '../../../svgs/homepage/batch.svg';
+import SaasIcon from '../../../svgs/homepage/saas.svg';
+import AnalyticsIcon from '../../../svgs/homepage/analytics.svg';
+import OpsIcon from '../../../svgs/homepage/ops.svg';
+import AiIcon from '../../../svgs/homepage/ai.svg';
+import StoreIcon from '../../../svgs/homepage/store.svg';
+import TransformIcon from '../../../svgs/homepage/transform.svg';
 import {
     container,
-    desktopDiagramWrapper,
     header,
-    step,
-    StepIconWrapper,
-    steps,
+    desktopImage,
     mobileImage,
-    connectorsGroups,
-    flowCycleMiddleImage,
+    diagram,
+    card,
+    analytics,
+    operations,
+    ai,
+    realTimeStreams,
+    filesAndDatabases,
+    appsAndCloudServices,
+    storeAndTransform,
+    firstColumnHeading,
+    secondColumnHeading,
 } from './styles.module.less';
 
 const MoveAndTransform = () => {
@@ -22,90 +31,67 @@ const MoveAndTransform = () => {
         <section className={container}>
             <div className={header}>
                 <h2>
-                    <span>Move </span>
-                    <span>and </span>
-                    <span>transform </span>
-                    <span>
-                        data in real-time with the only platform built for{' '}
-                    </span>
-                    <span>ops</span>
-                    <span>, </span>
-                    <span>analytics</span>
-                    <span>, and </span>
-                    <span>AI</span>
+                    <span>Move and transform data across 200+ systems</span>
                 </h2>
                 <p>
-                    Capture, transform, and materialize with millisecond latency
-                    using ETL and ELT data integration, for an exact view of
-                    your data that powers analytics and operations.
+                    Integrate with millisecond latency for an exact view of your
+                    data to power analytics, operations and AI.
                 </p>
             </div>
-            <div className={steps}>
-                <div className={step}>
-                    <div className={StepIconWrapper}>
-                        <CaptureIcon />
-                    </div>
-                    <div>
-                        <h3>
-                            <span>01</span>Capture
-                        </h3>
-                        <p>
-                            Use 100s of no-code connectors for streaming CDC,
-                            real-time, or batch.
-                        </p>
-                    </div>
+            <div className={diagram}>
+                <h4 className={firstColumnHeading}>
+                    Connect to Any Data Source
+                </h4>
+                <h4 className={secondColumnHeading}>Put Your Data to Work</h4>
+                <div className={clsx(card, realTimeStreams)}>
+                    <RealTimeIcon />
+                    <span>Real-time Streams</span>
                 </div>
-
-                <div className={step}>
-                    <div className={StepIconWrapper}>
-                        <StoreAndTransformIcon />
-                    </div>
-                    <div>
-                        <h3>
-                            <span>02</span>Stream-store-replay
-                        </h3>
-                        <p>
-                            Stream and store in your own storage, then replay
-                            any time.
-                        </p>
-                    </div>
+                <div className={clsx(card, filesAndDatabases)}>
+                    <BatchIcon />
+                    <span>Files & Databases</span>
                 </div>
-
-                <div className={step}>
-                    <div className={StepIconWrapper}>
-                        <RealTimeDelivery />
-                    </div>
+                <div className={clsx(card, appsAndCloudServices)}>
+                    <SaasIcon />
+                    <span>Apps & Cloud Services</span>
+                </div>
+                <div className={clsx(card, analytics)}>
+                    <AnalyticsIcon />
+                    <span>Analytics</span>
+                </div>
+                <div className={clsx(card, operations)}>
+                    <OpsIcon />
+                    <span>Operations</span>
+                </div>
+                <div className={clsx(card, ai)}>
+                    <AiIcon />
+                    <span>AI</span>
+                </div>
+                <div className={clsx(card, storeAndTransform)}>
                     <div>
-                        <h3>
-                            <span>03</span>Materialize
-                        </h3>
-                        <p>
-                            Load data at different speeds into many destinations
-                            for analytics, ops, and AI.
-                        </p>
+                        <StoreIcon />
+                        <TransformIcon />
                     </div>
+                    <h4>
+                        Combine and <br /> Transform
+                    </h4>
                 </div>
-            </div>
-            <div className={desktopDiagramWrapper}>
-                <DiagramSourceConnectors
-                    connectorsGroupsClassName={connectorsGroups}
-                />
-                <FlowCycle
-                    width="100%"
-                    height="100%"
-                    className={flowCycleMiddleImage}
+                <StaticImage
+                    placeholder="blurred"
+                    alt=""
+                    src="../../../images/homepage/move-and-transform-data.png"
+                    quality={100}
+                    className={desktopImage}
                 />
-                <DiagramDestinationConnectors
-                    connectorsGroupsClassName={connectorsGroups}
+                <StaticImage
+                    placeholder="blurred"
+                    alt=""
+                    src="../../../images/homepage/move-and-transform-data-mobile.png"
+                    quality={100}
+                    className={mobileImage}
+                    layout="fullWidth"
                 />
             </div>
-            <StaticImage
-                placeholder="none"
-                alt="Estuary Flow streamlines complex data workflows by integrating diverse data sources and destinations"
-                src="../../../images/flow-mobile.png"
-                quality={100}
-                className={mobileImage}
-            />
         </section>
     );
 };
diff --git a/src/components/Homepage/MoveAndTransform/styles.module.less b/src/components/Homepage/MoveAndTransform/styles.module.less
index b129e84d..30b8860b 100644
--- a/src/components/Homepage/MoveAndTransform/styles.module.less
+++ b/src/components/Homepage/MoveAndTransform/styles.module.less
@@ -44,7 +44,6 @@
         font-weight: 400;
         line-height: 30px;
         text-align: center;
-        max-width: 75%;
         margin: 24px 0 0 0;
         color: var(--dark-blue);
 
@@ -54,100 +53,251 @@
     }
 }
 
-.steps {
+.desktopDiagramWrapper {
+    display: grid;
+    grid-template-columns: 1fr 1.5fr 1fr;
+    padding: 24px;
+    align-items: center;
+    justify-content: center;
+
+    @media (max-width: 768px) {
+        display: none !important;
+    }
+}
+
+.flowCycleMiddleImage {
+    margin-top: 32px;
+}
+
+.connectorsGroups {
     display: flex;
-    gap: 32px;
+    flex-direction: column;
+    z-index: 2;
+
+    @media (max-width: 1280px) {
+        max-width: 320px;
+    }
+}
 
-    @media (max-width: 1115px) {
-        flex-direction: column;
+.mobileImage {
+    @media (min-width: 769px) {
+        display: none !important;
+    }
+}
+
+.desktopImage {
+    @media (max-width: 768px) {
+        display: none !important;
     }
 }
 
-.step {
+.card {
     display: flex;
-    gap: 16px;
-    width: 33%;
-    border: 4px dotted var(--border-color);
-    border-radius: 16px;
-    padding: 16px;
-    position: relative;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5vw;
+    position: absolute;
+    z-index: 1;
 
-    @media (max-width: 1115px) {
-        width: 100%;
+    @media (min-width: 1601px) {
+        gap: 12px;
     }
 
-    h3 {
-        font-size: 1.25rem;
-        font-weight: 700;
-        line-height: 24px;
-        color: var(--grey);
-        text-transform: uppercase;
-        margin: 0;
+    span {
+        font-size: 1.125vw;
+        font-weight: 500;
+
+        @media (min-width: 1601px) {
+            font-size: 1rem;
+        }
+
+        @media (max-width: 768px) {
+            font-size: 3.5vw;
+        }
+    }
 
-        span {
-            color: var(--violet);
-            margin-right: 16px;
+    svg {
+        width: 2vw;
+        height: 2vw;
 
-            @media (max-width: 810px) {
-                margin-right: 12px;
-            }
+        @media (min-width: 1601px) {
+            width: 32px;
+            height: 32px;
         }
 
-        @media (max-width: 810px) {
+        @media (max-width: 768px) {
+            width: 6vw;
+            height: 6vw;
+        }
+    }
+}
+
+.diagram {
+    position: relative;
+
+    h4 {
+        font-weight: 800;
+        color: var(--grey);
+        position: absolute;
+        z-index: 1;
+        text-align: center;
+        top: 2.8vw;
+        font-size: 1.085vw;
+        line-height: 1.275vw;
+
+        @media (min-width: 1601px) {
             font-size: 1rem;
             line-height: 19.2px;
+            top: 36px;
         }
     }
 
-    p {
-        font-size: 1rem;
-        font-weight: 400;
-        line-height: 30px;
-        color: var(--grey);
-        margin: 12px 0 0 0;
+    .firstColumnHeading {
+        left: 1.8vw;
+    
+        @media (min-width: 1601px) {
+            top: 45px;
+            left: 38px;
+        }
+
+        @media (max-width: 768px) {
+            top: 2%;
+            left: 24%;
+            font-size: 3vw;
+            line-height: 3.5vw;
+        }
+    }
+
+    .secondColumnHeading {
+        top: 2vw;
+        right: 3.5vw;
+
+        @media (min-width: 1601px) {
+            top: 36px;
+            right: 64px;
+        }
+
+        @media (max-width: 768px) {
+            top: 75.3%;
+            left: 6%;
+            font-size: 3vw;
+            line-height: 3.5vw;
+        }
     }
 }
 
-.StepIconWrapper {
-    border: 1px solid var(--border-color);
-    border-radius: 8px;
-    padding: 12px;
-    height: fit-content;
+.realTimeStreams {
+    top: 8.5vw;
+    left: 4.2vw;
 
-    svg {
-        display: block;
-        color: var(--grey);
+    @media (min-width: 1601px) {
+        top: 130px;
+        left: 75px;
+    }
+
+    @media (max-width: 768px) {
+        top: 5.5%;
+        left: 30%;
     }
 }
 
-.desktopDiagramWrapper {
-    display: grid;
-    grid-template-columns: 1fr 1.5fr 1fr;
-    padding: 24px;
-    align-items: center;
-    justify-content: center;
+.filesAndDatabases {
+    top: 20vw;
+    left: 4.2vw;
+
+    @media (min-width: 1601px) {
+        top: 320px;
+        left: 75px;
+    }
 
     @media (max-width: 768px) {
-        display: none !important;
+        top: 13%;
+        left: 30%;
     }
 }
 
-.flowCycleMiddleImage {
-    margin-top: 32px;
+.appsAndCloudServices {
+    top: 30.5vw;
+    left: 2.8vw;
+
+    @media (min-width: 1601px) {
+        top: 495px;
+        left: 56px;
+    }
+
+    @media (max-width: 768px) {
+        top: 19.8%;
+        left: 25%;
+    }
 }
 
-.connectorsGroups {
-    display: flex;
-    flex-direction: column;
-    z-index: 2;
+.analytics {
+    top: 7.5vw;
+    right: 6.5vw;
 
-    @media (max-width: 1280px) {
-        max-width: 320px;
+    @media (min-width: 1601px) {
+        top: 122px;
+        right: 110px;
+    }
+
+    @media (max-width: 768px) {
+        top: 78.7%;
+        left: 10%;
     }
 }
 
-.mobileImage {
-    @media (min-width: 769px) {
-        display: none !important;
+.operations {
+    top: 19vw;
+    right: 6vw;
+
+    @media (min-width: 1601px) {
+        top: 310px;
+        right: 100px;
+    }
+
+    @media (max-width: 768px) {
+        top: 86%;
+        left: 10%;
+    }
+}
+
+.ai {
+    top: 31vw;
+    right: 8vw;
+
+    @media (min-width: 1601px) {
+        top: 500px;
+        right: 130px;
+    }
+
+    @media (max-width: 768px) {
+        top: 93.5%;
+        left: 10%;
+    }
+}
+
+.storeAndTransform {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    div {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    h4 {
+        position: static;
+
+        @media (max-width: 768px) {
+            font-size: 3vw;
+            line-height: 3.5vw;
+        }
+    }
+
+    @media (max-width: 768px) {
+        top: 50.5%;
+        gap: 8px;
     }
 }
\ No newline at end of file
diff --git a/src/components/Homepage/TheBestRealTimeCdc/index.tsx b/src/components/Homepage/TheBestRealTimeCdc/index.tsx
deleted file mode 100644
index 28a34043..00000000
--- a/src/components/Homepage/TheBestRealTimeCdc/index.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { StaticImage } from 'gatsby-plugin-image';
-import RealTimeCdc from '../../../svgs/real-time-cdc.svg';
-import Advantages from '../../Advantages';
-import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less';
-import LinkFilled from '../../LinksAndButtons/LinkFilled';
-
-const TheBestRealTimeCdc = () => {
-    return (
-        <section className={defaultWrapperGrey}>
-            <Advantages
-                icon={<RealTimeCdc />}
-                title={
-                    <>
-                        USE THE BEST <span>REAL-TIME CDC</span>
-                    </>
-                }
-                subtitle="Estuary Flow is the most real-time, most reliable change
-                            data capture (CDC) available today. It is the only CDC
-                            with the:"
-                image={
-                    <StaticImage
-                        src="../../../images/real-time-graphic.png"
-                        alt="Real-time ETL with Estuary Flow: Seamlessly move data from source to destination for immediate analysis and actionable insights."
-                        placeholder="none"
-                        quality={100}
-                    />
-                }
-                advantages={[
-                    {
-                        id: 18,
-                        title: 'Fastest captures, with sub-100ms end-to-end latency',
-                    },
-                    {
-                        id: 19,
-                        title: 'Most reliable delivery via stream-store-replay',
-                    },
-                    {
-                        id: 20,
-                        title: 'Most flexible materializations that run at your speed of choice',
-                    },
-                    {
-                        id: 21,
-                        title: 'Most automated pipelines with schema evolution',
-                    },
-                    {
-                        id: 22,
-                        title: 'Most versatile writes that maintain a current view or all change history',
-                    },
-                    {
-                        id: 23,
-                        title: 'Most scalable pipelines, with true elastic scaling',
-                    },
-                ]}
-                ctaButtons={
-                    <LinkFilled href="/integrations/">
-                        View Connectors
-                    </LinkFilled>
-                }
-            />
-        </section>
-    );
-};
-
-export default TheBestRealTimeCdc;
diff --git a/src/components/MetricCard/index.tsx b/src/components/MetricCard/index.tsx
index 1193299f..ae758546 100644
--- a/src/components/MetricCard/index.tsx
+++ b/src/components/MetricCard/index.tsx
@@ -1,14 +1,16 @@
 import { ReactNode } from 'react';
+import clsx from 'clsx';
 import {
     container,
     metricIconWrapper,
     metricLabel,
     metricsWrapper,
+    centeredMetricsWrapper,
     metricValue,
 } from './styles.module.less';
 
 interface MetricCardProps {
-    icon: ReactNode;
+    icon?: ReactNode;
     value: string;
     label: string;
 }
@@ -16,8 +18,13 @@ interface MetricCardProps {
 const MetricCard = ({ icon, value, label }: MetricCardProps) => {
     return (
         <li key={label} className={container}>
-            <div className={metricIconWrapper}>{icon}</div>
-            <div className={metricsWrapper}>
+            {icon ? <div className={metricIconWrapper}>{icon}</div> : null}
+            <div
+                className={clsx(
+                    metricsWrapper,
+                    icon ? null : centeredMetricsWrapper
+                )}
+            >
                 <span className={metricValue}>{value}</span>
                 <span className={metricLabel}>{label}</span>
             </div>
diff --git a/src/components/MetricCard/styles.module.less b/src/components/MetricCard/styles.module.less
index b41f9b32..33ff7a2d 100644
--- a/src/components/MetricCard/styles.module.less
+++ b/src/components/MetricCard/styles.module.less
@@ -10,14 +10,8 @@
   background-color: #0e2443;
   margin-bottom: 0;
 
-  @media (max-width: 1116px) {
-    flex-direction: row;
-    justify-content: left;
-  }
-
   @media (max-width: 345px) {
-    flex-direction: column;
-    justify-content: center;
+    padding: 12px;
   }
 }
 
@@ -37,15 +31,10 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
-  align-items: flex-start;
-
-  @media (max-width: 1116px) {
-    align-items: flex-start;
-  }
+}
 
-  @media (max-width: 345px) {
-    align-items: center;
-  }
+.centeredMetricsWrapper {
+  text-align: center;
 }
 
 .metricValue {
@@ -55,6 +44,7 @@
   line-height: 43.2px;
 
   @media (max-width: 345px) {
+    font-size: 1.5rem;
     text-align: center;
   }
 }
@@ -66,6 +56,7 @@
   line-height: 30px;
 
   @media (max-width: 345px) {
+    font-size: 1rem;
     text-align: center;
   }
 }
\ No newline at end of file
diff --git a/src/components/SecurityCertificates/index.tsx b/src/components/SecurityCertificates/index.tsx
index 70142ae3..bb6689dc 100644
--- a/src/components/SecurityCertificates/index.tsx
+++ b/src/components/SecurityCertificates/index.tsx
@@ -29,7 +29,7 @@ const SecurityCertificates = ({
             }
             subtitle={
                 subtitle ??
-                'Estuary Flow is designed and tested to make sure your data and your systems stay secure.'
+                'We’ve designed Estuary with air-tight compliance standards to make sure your data and systems are secure - no matter what'
             }
             image={
                 <OutboundLink
@@ -48,25 +48,21 @@ const SecurityCertificates = ({
             advantages={[
                 {
                     id: 14,
-                    title: 'Estuary never stores your data',
+                    title: 'We never store your data - we just help move it',
                 },
                 {
                     id: 15,
-                    title: 'GDPR, CCPA and CPRA compliant',
+                    title: 'HIPAA, GDPR, CCPA and CPRA compliant',
                 },
                 {
                     id: 16,
                     title: 'SOC 2 Type II certified',
                 },
-                {
-                    id: 17,
-                    title: 'HIPAA',
-                },
             ]}
             isDarkTheme={isDarkTheme}
             ctaButtons={
                 <OpenHubspotModal
-                    buttonLabel="Download the security whitepaper"
+                    buttonLabel="Download Security Whitepaper"
                     buttonId="security-certificates-section-hubspot"
                     formId="657d4cf2-b1e1-410d-a0ea-b61ff24a5c7e"
                     theme={isDarkTheme ? 'dark' : 'light'}
diff --git a/src/components/SeeHowSection/index.tsx b/src/components/SeeHowSection/index.tsx
index ccf32d56..24018837 100644
--- a/src/components/SeeHowSection/index.tsx
+++ b/src/components/SeeHowSection/index.tsx
@@ -6,8 +6,7 @@ const SeeHow = ({ buttons }) => {
         <section className={wrapper}>
             <Container isVertical>
                 <h2>
-                    <span>SEE HOW </span>
-                    <span>ESTUARY CAN WORK FOR YOU AND YOUR DATA</span>
+                    Unlock the <span>full potential</span> of your data
                 </h2>
                 <div className={buttonsWrapper}>{buttons}</div>
             </Container>
diff --git a/src/images/flow-mobile.png b/src/images/flow-mobile.png
deleted file mode 100644
index 552b39e0..00000000
Binary files a/src/images/flow-mobile.png and /dev/null differ
diff --git a/src/images/homepage/move-and-transform-data-mobile.png b/src/images/homepage/move-and-transform-data-mobile.png
new file mode 100644
index 00000000..3482ee7e
Binary files /dev/null and b/src/images/homepage/move-and-transform-data-mobile.png differ
diff --git a/src/images/homepage/move-and-transform-data.png b/src/images/homepage/move-and-transform-data.png
new file mode 100644
index 00000000..7540411a
Binary files /dev/null and b/src/images/homepage/move-and-transform-data.png differ
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a70772b3..789bb54d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -5,31 +5,26 @@ import Hero from '../components/Homepage/Hero';
 import MoveAndTransform from '../components/Homepage/MoveAndTransform';
 import SuccessStories from '../components/Homepage/SuccessStories';
 import SecureYourData from '../components/Homepage/SecureYourData';
-import TheBestRealTimeCdc from '../components/Homepage/TheBestRealTimeCdc';
 import BuildInMinutes from '../components/Homepage/BuildInMinutes';
 import AutomateDataops from '../components/Homepage/AutomateDataops';
-import InnovateFaster from '../components/Homepage/InnovateFaster';
 import Do4xMoreWith25xLess from '../components/Homepage/Do4xMoreWith25xLess';
 import WhatPeopleAreSaying from '../components/Homepage/WhatPeopleAreSaying';
 import DeploymentModes from '../components/Homepage/DeploymentModes';
 import SeeHowSection from '../components/SeeHowSection';
 import OutboundLinkFilled from '../components/LinksAndButtons/OutboundLinkFilled';
-import OutboundLinkOutlined from '../components/LinksAndButtons/OutboundLinkOutlined';
 import LinkOutlined from '../components/LinksAndButtons/LinkOutlined';
-import { dashboardRegisterUrl, webinarsUrl } from '../../shared';
+import { dashboardRegisterUrl } from '../../shared';
 
 const IndexPage = () => {
     return (
-        <Layout showReleaseBanner>
+        <Layout>
             <Hero />
             <MoveAndTransform />
             <SuccessStories />
             <DeploymentModes />
-            <SecureYourData />
-            <TheBestRealTimeCdc />
             <BuildInMinutes />
             <AutomateDataops />
-            <InnovateFaster />
+            <SecureYourData />
             <Do4xMoreWith25xLess />
             <WhatPeopleAreSaying />
             <SeeHowSection
@@ -39,15 +34,8 @@ const IndexPage = () => {
                             href={dashboardRegisterUrl}
                             target="_blank"
                         >
-                            Try Now
+                            Try Now For Free
                         </OutboundLinkFilled>
-                        <OutboundLinkOutlined
-                            href={webinarsUrl}
-                            target="_blank"
-                            variant="secondary"
-                        >
-                            Watch Demo
-                        </OutboundLinkOutlined>
                         <LinkOutlined
                             href="/contact-us/"
                             variant="secondary"
diff --git a/src/svgs/capture.svg b/src/svgs/capture.svg
deleted file mode 100644
index fffaf4a7..00000000
--- a/src/svgs/capture.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M18.9881 12.5C18.9881 8.92233 16.0777 6.01193 12.5 6.01193C8.92232 6.01193 6.01193 8.92237 6.01193 12.5C6.01193 16.0777 8.92233 18.9881 12.5 18.9881C16.0777 18.9881 18.9881 16.0777 18.9881 12.5ZM12.5 17.2506C9.88066 17.2506 7.74943 15.1194 7.74943 12.5C7.74943 9.8807 9.88066 7.74947 12.5 7.74947C15.1193 7.74947 17.2506 9.88066 17.2506 12.5C17.2506 15.1193 15.1193 17.2506 12.5 17.2506ZM9.59531 1.71875C9.59531 1.23898 9.20634 0.85 8.72656 0.85H4.07099C2.29478 0.85 0.85 2.29478 0.85 4.07099V8.72656C0.85 9.20634 1.23898 9.59531 1.71875 9.59531C2.19852 9.59531 2.5875 9.20634 2.5875 8.72656V4.07099C2.5875 3.25315 3.25315 2.5875 4.07099 2.5875H8.72656C9.20634 2.5875 9.59531 2.19852 9.59531 1.71875ZM24.15 20.929V16.2734C24.15 15.7936 23.761 15.4047 23.2812 15.4047C22.8015 15.4047 22.4125 15.7936 22.4125 16.2734V20.929C22.4125 21.7469 21.7469 22.4125 20.929 22.4125H16.2734C15.7937 22.4125 15.4047 22.8014 15.4047 23.2812C15.4047 23.7611 15.7937 24.15 16.2734 24.15H20.929C22.7052 24.15 24.15 22.7052 24.15 20.929ZM1.71875 15.4047C1.23898 15.4047 0.85 15.7936 0.85 16.2734V20.929C0.85 22.7052 2.29478 24.15 4.07099 24.15H8.72656C9.20633 24.15 9.59531 23.7611 9.59531 23.2812C9.59531 22.8014 9.20633 22.4125 8.72656 22.4125H4.07099C3.25315 22.4125 2.5875 21.7469 2.5875 20.929V16.2734C2.5875 15.7936 2.19852 15.4047 1.71875 15.4047ZM24.15 8.72656V4.07099C24.15 2.29478 22.7052 0.85 20.929 0.85H16.2734C15.7937 0.85 15.4047 1.23898 15.4047 1.71875C15.4047 2.19852 15.7937 2.5875 16.2734 2.5875H20.929C21.7469 2.5875 22.4125 3.25315 22.4125 4.07099V8.72656C22.4125 9.20634 22.8015 9.59531 23.2812 9.59531C23.761 9.59531 24.15 9.20634 24.15 8.72656Z" fill="currentColor" stroke="currentColor" stroke-width="0.3" />
-</svg>
diff --git a/src/svgs/homepage/ai.svg b/src/svgs/homepage/ai.svg
new file mode 100644
index 00000000..800b5de1
--- /dev/null
+++ b/src/svgs/homepage/ai.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5 30.5L16.5 28.5V4L15.5 2.5L14 2L11.5 3L11 4.5L9.5 4L8 4.5L7 6L6.5 7.5L5.5 8L5 10L5.5 11.5L4 13V15L3 16.5V18L4.5 20L3 22L3.5 24L6 25L5.5 28L7 29L10 28L10.5 29.5L12.5 31L14.5 30.5Z" fill="#B8C7F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3984 15.0856C12.3984 15.3575 12.6224 15.579 12.8984 15.579C13.1744 15.579 13.3984 15.3575 13.3984 15.0856C13.3984 14.8138 13.1744 14.5923 12.8984 14.5923C12.6224 14.5923 12.3984 14.8138 12.3984 15.0856ZM13.3984 23.9656C13.3984 23.6938 13.1744 23.4723 12.8984 23.4723C12.6224 23.4723 12.3984 23.6938 12.3984 23.9656C12.3984 24.2375 12.6224 24.459 12.8984 24.459C13.1744 24.459 13.3984 24.2375 13.3984 23.9656ZM9.39844 15.0856C9.39844 14.8138 9.17444 14.5923 8.89844 14.5923C8.62244 14.5923 8.39844 14.8138 8.39844 15.0856C8.39844 15.3575 8.62244 15.579 8.89844 15.579C9.17444 15.579 9.39844 15.3575 9.39844 15.0856ZM9.39844 21.0056C9.39844 20.7338 9.17444 20.5123 8.89844 20.5123C8.62244 20.5123 8.39844 20.7338 8.39844 21.0056C8.39844 21.2775 8.62244 21.499 8.89844 21.499C9.17444 21.499 9.39844 21.2775 9.39844 21.0056ZM12.3984 10.1523C12.3984 10.4241 12.6224 10.6456 12.8984 10.6456C13.1744 10.6456 13.3984 10.4241 13.3984 10.1523C13.3984 9.88047 13.1744 9.65896 12.8984 9.65896C12.6224 9.65896 12.3984 9.88047 12.3984 10.1523ZM9.39844 10.6456V13.6964C9.82244 13.8454 10.1554 14.1744 10.3059 14.5923H11.4909C11.6979 14.019 12.2474 13.6056 12.8984 13.6056C13.7254 13.6056 14.3984 14.2697 14.3984 15.0856C14.3984 15.7279 13.9789 16.2701 13.3984 16.4749V22.5764C13.9789 22.7811 14.3984 23.3233 14.3984 23.9656C14.3984 24.6079 13.9789 25.1501 13.3984 25.3549V26.9256C13.3984 27.1979 13.1749 27.419 12.8984 27.419C12.6219 27.419 12.3984 27.1979 12.3984 26.9256V25.3544C11.8879 25.1753 11.5074 24.7342 11.4219 24.1926L9.54494 22.3411C9.54344 22.3401 9.54344 22.3381 9.54194 22.3366C9.34644 22.4294 9.12994 22.4856 8.89844 22.4856C8.07144 22.4856 7.39844 21.8216 7.39844 21.0056C7.39844 20.1897 8.07144 19.5256 8.89844 19.5256C9.72544 19.5256 10.3984 20.1897 10.3984 21.0056C10.3984 21.2335 10.3414 21.4477 10.2474 21.6405C10.2489 21.642 10.2504 21.6425 10.2519 21.6435L11.7054 23.0781C11.8809 22.8492 12.1199 22.6746 12.3984 22.5764V16.4744C11.9744 16.3259 11.6414 15.9968 11.4909 15.579H10.3059C10.0989 16.1522 9.54944 16.5656 8.89844 16.5656C8.07144 16.5656 7.39844 15.9016 7.39844 15.0856C7.39844 14.4433 7.81794 13.9011 8.39844 13.6964V10.1523C8.39844 9.87997 8.62194 9.65896 8.89844 9.65896H11.4909C11.6414 9.24111 11.9744 8.91205 12.3984 8.76306V7.19229C12.3984 6.91997 12.6219 6.69896 12.8984 6.69896C13.1749 6.69896 13.3984 6.91997 13.3984 7.19229V8.76306C13.9789 8.9678 14.3984 9.50997 14.3984 10.1523C14.3984 10.9683 13.7254 11.6323 12.8984 11.6323C12.2474 11.6323 11.6979 11.2189 11.4909 10.6456H9.39844ZM29.2149 20.1398C29.9594 19.4941 30.3984 18.5597 30.3984 17.5523C30.3984 16.4966 29.9229 15.5267 29.1059 14.8755C29.2984 14.4793 29.3984 14.0477 29.3984 13.6056C29.3984 12.5874 28.8569 11.6496 28.0024 11.1143C28.2604 10.6708 28.3984 10.1705 28.3984 9.65896C28.3984 8.38616 27.5789 7.27961 26.3929 6.87113C26.3964 6.81341 26.3984 6.75619 26.3984 6.69896C26.3984 5.06652 25.0529 3.73896 23.3984 3.73896C22.9949 3.73896 22.6019 3.81986 22.2349 3.97576C21.8049 2.69112 20.5684 1.76562 19.1484 1.76562C17.0444 1.76562 16.1089 3.63832 15.9084 4.62893C15.9049 4.64521 15.9094 4.661 15.9084 4.67777C15.9069 4.69455 15.8984 4.70836 15.8984 4.72563V27.8827C15.7854 29.2833 14.5799 30.379 13.1484 30.379C11.7219 30.379 10.5199 29.2793 10.4114 27.8748C10.3914 27.6178 10.1594 27.419 9.89844 27.419C9.74244 27.419 9.59544 27.491 9.50044 27.6133C9.11244 28.117 8.52844 28.4056 7.89844 28.4056C6.79544 28.4056 5.89844 27.5206 5.89844 26.4323C5.89844 25.9843 6.05644 25.5561 6.35644 25.1935C6.49144 25.0302 6.50644 24.7999 6.39294 24.6208C6.27994 24.4417 6.06594 24.3529 5.85494 24.4017C5.68744 24.4402 5.53794 24.459 5.39844 24.459C4.29544 24.459 3.39844 23.5739 3.39844 22.4856C3.39844 21.6721 3.92194 20.9321 4.70044 20.644C4.88594 20.5754 5.01294 20.4057 5.02444 20.2114C5.03594 20.0165 4.92994 19.833 4.75494 19.7437C3.91794 19.3179 3.39844 18.4778 3.39844 17.5523C3.39844 16.6821 3.85194 15.8927 4.61194 15.4408C4.73044 15.3703 4.81394 15.2543 4.84294 15.1207C4.87144 14.9865 4.84244 14.8473 4.76294 14.7354C4.52444 14.3994 4.39844 14.0092 4.39844 13.6056C4.39844 12.7862 4.92744 12.0447 5.71394 11.7601C5.86944 11.7038 5.98694 11.5751 6.02744 11.4167C6.06744 11.2579 6.02494 11.0896 5.91444 10.9678C5.58144 10.6012 5.39844 10.1365 5.39844 9.65896C5.39844 8.70288 6.09294 7.88838 7.04894 7.72164C7.18294 7.69796 7.30244 7.62149 7.37794 7.5095C7.45344 7.39752 7.47944 7.25988 7.45044 7.12865C7.41544 6.97473 7.39844 6.83413 7.39844 6.69896C7.39844 5.61067 8.29544 4.72563 9.39844 4.72563C9.83144 4.72563 10.2489 4.8682 10.6064 5.13805C10.7519 5.24757 10.9464 5.27026 11.1129 5.19725C11.2804 5.12374 11.3934 4.96637 11.4089 4.7868C11.5039 3.64621 12.4879 2.75229 13.6484 2.75229C14.2054 2.75229 14.6659 2.92891 15.0559 3.292C15.2574 3.47897 15.5739 3.4696 15.7629 3.27128C15.9524 3.07296 15.9434 2.76117 15.7424 2.5742C15.1659 2.03745 14.4614 1.76562 13.6484 1.76562C12.2284 1.76562 10.9919 2.69112 10.5619 3.97576C10.1949 3.81986 9.80194 3.73896 9.39844 3.73896C7.74394 3.73896 6.39844 5.06652 6.39844 6.69896C6.39844 6.75619 6.40044 6.81341 6.40394 6.87113C5.21794 7.27961 4.39844 8.38616 4.39844 9.65896C4.39844 10.1705 4.53644 10.6708 4.79444 11.1143C3.93994 11.6496 3.39844 12.5874 3.39844 13.6056C3.39844 14.0477 3.49844 14.4793 3.69094 14.8755C2.87394 15.5267 2.39844 16.4966 2.39844 17.5523C2.39844 18.5597 2.83744 19.4941 3.58194 20.1398C2.85144 20.6909 2.39844 21.5562 2.39844 22.4856C2.39844 24.0115 3.57494 25.2715 5.07994 25.4289C4.95994 25.7485 4.89844 26.086 4.89844 26.4323C4.89844 28.0647 6.24394 29.3923 7.89844 29.3923C8.51944 29.3923 9.11044 29.2063 9.60644 28.8654C10.1164 30.3227 11.5259 31.3656 13.1484 31.3656C15.1024 31.3656 16.7489 29.8649 16.8969 27.9498C16.8974 27.9434 16.8944 27.9375 16.8944 27.931C16.8949 27.9241 16.8984 27.9192 16.8984 27.9123V4.77989C16.9724 4.47698 17.4659 2.75229 19.1484 2.75229C20.3089 2.75229 21.2929 3.64621 21.3879 4.7868C21.4034 4.96637 21.5164 5.12374 21.6839 5.19725C21.8504 5.27026 22.0449 5.24757 22.1904 5.13805C22.5479 4.8682 22.9654 4.72563 23.3984 4.72563C24.5014 4.72563 25.3984 5.61067 25.3984 6.69896C25.3984 6.83413 25.3814 6.97473 25.3464 7.12865C25.3174 7.25988 25.3434 7.39752 25.4189 7.5095C25.4944 7.62149 25.6139 7.69796 25.7479 7.72164C26.7039 7.88838 27.3984 8.70288 27.3984 9.65896C27.3984 10.1365 27.2154 10.6012 26.8824 10.9678C26.7719 11.0896 26.7294 11.2579 26.7694 11.4167C26.8099 11.5751 26.9274 11.7038 27.0829 11.7601C27.8694 12.0447 28.3984 12.7862 28.3984 13.6056C28.3984 14.0092 28.2724 14.3994 28.0339 14.7354C27.9544 14.8473 27.9254 14.9865 27.9539 15.1207C27.9829 15.2543 28.0664 15.3703 28.1849 15.4408C28.9449 15.8927 29.3984 16.6821 29.3984 17.5523C29.3984 18.4778 28.8789 19.3179 28.0419 19.7437C27.8669 19.833 27.7609 20.0165 27.7724 20.2114C27.7839 20.4057 27.9109 20.5754 28.0964 20.644C28.8749 20.9321 29.3984 21.6721 29.3984 22.4856C29.3984 23.5739 28.5014 24.459 27.3984 24.459C27.2589 24.459 27.1094 24.4402 26.9419 24.4017C26.7319 24.3529 26.5174 24.4417 26.4039 24.6208C26.2904 24.7999 26.3054 25.0302 26.4404 25.1935C26.7404 25.5561 26.8984 25.9843 26.8984 26.4323C26.8984 27.5206 26.0014 28.4056 24.8984 28.4056C24.2664 28.4056 23.6834 28.1136 23.2994 27.604C23.1704 27.4338 22.9459 27.3642 22.7414 27.4303C22.6674 27.4545 22.6024 27.4944 22.5499 27.5453C22.4569 27.6271 22.3954 27.7436 22.3854 27.8748C22.2769 29.2793 21.0749 30.379 19.6484 30.379C19.0199 30.379 18.4269 30.1752 17.9334 29.7899C17.7159 29.6207 17.4024 29.6572 17.2309 29.8703C17.0594 30.0839 17.0964 30.3943 17.3124 30.5635C17.9749 31.0805 18.8049 31.3656 19.6484 31.3656C21.2719 31.3656 22.6824 30.3207 23.1914 28.862C23.6859 29.2053 24.2759 29.3923 24.8984 29.3923C26.5529 29.3923 27.8984 28.0647 27.8984 26.4323C27.8984 26.086 27.8369 25.7485 27.7169 25.4289C29.2219 25.2715 30.3984 24.0115 30.3984 22.4856C30.3984 21.5562 29.9454 20.6909 29.2149 20.1398ZM20.3984 23.9656C20.3984 24.2379 20.6219 24.459 20.8984 24.459C21.6274 24.459 22.3984 25.2197 22.3984 25.939C22.3984 26.2113 22.6219 26.4323 22.8984 26.4323C23.1749 26.4323 23.3984 26.2113 23.3984 25.939C23.3984 24.6711 22.1834 23.4723 20.8984 23.4723C20.6219 23.4723 20.3984 23.6933 20.3984 23.9656ZM24.8984 10.6456C24.1694 10.6456 23.3984 9.8849 23.3984 9.16563C23.3984 8.89331 23.1749 8.67229 22.8984 8.67229C22.6219 8.67229 22.3984 8.89331 22.3984 9.16563C22.3984 10.4335 23.6134 11.6323 24.8984 11.6323C25.1749 11.6323 25.3984 11.4113 25.3984 11.139C25.3984 10.8666 25.1749 10.6456 24.8984 10.6456ZM18.8984 21.499C19.1749 21.499 19.3984 21.2779 19.3984 21.0056C19.3984 20.2863 20.1694 19.5256 20.8984 19.5256C21.1749 19.5256 21.3984 19.3046 21.3984 19.0323C21.3984 18.76 21.1749 18.539 20.8984 18.539C19.6134 18.539 18.3984 19.7378 18.3984 21.0056C18.3984 21.2779 18.6219 21.499 18.8984 21.499ZM20.8984 15.579C21.1749 15.579 21.3984 15.3579 21.3984 15.0856C21.3984 14.8133 21.1749 14.5923 20.8984 14.5923C20.1694 14.5923 19.3984 13.8316 19.3984 13.1123C19.3984 12.84 19.1749 12.619 18.8984 12.619C18.6219 12.619 18.3984 12.84 18.3984 13.1123C18.3984 14.3802 19.6134 15.579 20.8984 15.579ZM25.8984 13.6056C25.6219 13.6056 25.3984 13.8266 25.3984 14.099C25.3984 14.8182 24.6274 15.579 23.8984 15.579C23.6219 15.579 23.3984 15.8 23.3984 16.0723C23.3984 16.3446 23.6219 16.5656 23.8984 16.5656C25.1834 16.5656 26.3984 15.3668 26.3984 14.099C26.3984 13.8266 26.1749 13.6056 25.8984 13.6056ZM23.8984 19.5256C23.6219 19.5256 23.3984 19.7466 23.3984 20.019C23.3984 20.2913 23.6219 20.5123 23.8984 20.5123C24.6274 20.5123 25.3984 21.273 25.3984 21.9923C25.3984 22.2646 25.6219 22.4856 25.8984 22.4856C26.1749 22.4856 26.3984 22.2646 26.3984 21.9923C26.3984 20.7244 25.1834 19.5256 23.8984 19.5256ZM18.3984 8.67229C18.3984 7.40443 19.6134 6.20563 20.8984 6.20563C21.1749 6.20563 21.3984 6.42664 21.3984 6.69896C21.3984 6.97128 21.1749 7.19229 20.8984 7.19229C20.1694 7.19229 19.3984 7.95301 19.3984 8.67229C19.3984 8.94461 19.1749 9.16563 18.8984 9.16563C18.6219 9.16563 18.3984 8.94461 18.3984 8.67229Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.3"/>
+</svg>
diff --git a/src/svgs/homepage/analytics.svg b/src/svgs/homepage/analytics.svg
new file mode 100644
index 00000000..4e4ba396
--- /dev/null
+++ b/src/svgs/homepage/analytics.svg
@@ -0,0 +1,11 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_9802_26762)">
+<path d="M1.25938 18.6362V18.636C1.25882 11.6471 6.68014 5.92404 13.5464 5.44431C13.5498 5.44407 13.5513 5.4443 13.5515 5.44433L13.5521 5.44449C13.5525 5.44466 13.556 5.44609 13.5612 5.45116C13.5722 5.46194 13.5838 5.4821 13.5838 5.51164V17.6355C13.5838 18.6848 14.4344 19.5355 15.4837 19.5355L27.6082 19.536C27.6377 19.5361 27.6579 19.5476 27.6687 19.5586C27.6715 19.5614 27.6731 19.5637 27.6741 19.5654C27.6749 19.5667 27.6753 19.5675 27.6754 19.5677L27.6755 19.5683C27.6755 19.5684 27.6756 19.5686 27.6756 19.569C27.6756 19.5698 27.6757 19.5712 27.6755 19.5734C27.1958 26.4397 21.4728 31.861 14.4838 31.8605H14.4837C7.17954 31.8611 1.25879 25.9403 1.25938 18.6362Z" fill="#B8C7F7" stroke="#5072EB" stroke-width="1.8"/>
+<path d="M18.4234 2.57406C18.4234 2.54452 18.4349 2.52436 18.446 2.51358C18.4512 2.50851 18.4547 2.50708 18.4551 2.50691L18.4557 2.50675C18.4559 2.50673 18.4574 2.50649 18.4608 2.50673C25.0178 2.9643 30.2572 8.20455 30.7152 14.7619C30.7155 14.7652 30.7152 14.7668 30.7152 14.7669L30.715 14.7675C30.7149 14.768 30.7134 14.7715 30.7084 14.7767C30.6976 14.7877 30.6774 14.7992 30.6479 14.7992H18.5234C18.4682 14.7992 18.4234 14.7544 18.4234 14.6992V2.57406Z" stroke="#5072EB" stroke-width="1.8"/>
+</g>
+<defs>
+<clipPath id="clip0_9802_26762">
+<rect width="32" height="32" fill="white" transform="translate(0 0.832031)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svgs/homepage/batch.svg b/src/svgs/homepage/batch.svg
new file mode 100644
index 00000000..40dac504
--- /dev/null
+++ b/src/svgs/homepage/batch.svg
@@ -0,0 +1,5 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.89062 7.44531C1.89062 6.34074 2.78606 5.44531 3.89063 5.44531H8.97404C9.28453 5.44531 9.59076 5.37302 9.86847 5.23417L11.3719 4.48246C11.8463 4.24525 12.3955 4.20621 12.8988 4.37395L13.4845 4.5692C14.2656 4.82955 15.1263 4.58467 15.6534 3.9522L16.5838 2.83577C16.8554 2.50985 17.2236 2.27875 17.6351 2.17585L19.5251 1.70336C20.1704 1.54203 20.8537 1.71208 21.3481 2.15705L24.4313 4.9319C24.7985 5.26242 25.2751 5.44531 25.7692 5.44531H30.1128C31.2174 5.44531 32.1128 6.34074 32.1128 7.44531V25.6675C32.1128 26.7721 31.2174 27.6675 30.1128 27.6675H3.89062C2.78606 27.6675 1.89062 26.7721 1.89062 25.6675V7.44531Z" fill="#B9C8F7"/>
+<path d="M9.5 5L8.5 8.5L7.5 9.5L6.5 11.5L7 14L8.5 15L10.5 16L12.5 16.5L15 15L16 16.5H19L20.5 15.5L21.5 16H25.5L27 14.5L28 12.5L27 10L24.5 8.5L25 7.5L24 4.5L23 2.5L20 2L17.5 2.5L15 5.5L12 4L9.5 5Z" fill="#FCFCFD"/>
+<path d="M31 5H25.1943C24.5079 2.72871 22.3362 1.01947 19.8685 1C19.8535 1 19.8389 1 19.8239 1C17.5859 1 15.5804 2.33464 14.6989 4.30208C13.8682 3.71615 12.8402 3.43294 11.7959 3.53711C10.7013 3.64154 9.70885 4.18509 9.00156 5H3C1.89714 5 1 5.89714 1 7V26.3333C1 27.4362 1.89714 28.3333 3 28.3333H11V31.6667H8.33333V33H25.6667V31.6667H23V28.3333H31C32.1029 28.3333 33 27.4362 33 26.3333V7C33 5.89714 32.1029 5 31 5ZM9.5599 9.0957L9.39225 8.49805C9.22819 7.91276 9.24837 7.35547 9.45443 6.79297C9.8444 5.72721 10.8135 4.97005 11.9229 4.86393C12.0195 4.85482 12.1162 4.85026 12.2122 4.85026C13.0944 4.85026 13.9307 5.23503 14.4928 5.91146L15.3617 6.95573L15.6563 5.62956C16.082 3.71484 17.8314 2.33333 19.8239 2.33333C19.8353 2.33333 19.8467 2.33333 19.8581 2.33333C22.0573 2.35091 23.9528 4.11914 24.0833 6.27604C24.1234 6.94401 24.0065 7.59245 23.7354 8.20313L23.3594 9.05013L24.2822 9.13672C25.8317 9.2832 27 10.5482 27 12.0794C27 12.9505 26.3864 14.2663 25.249 14.9896C24.0658 15.7428 22.5592 15.7285 20.8939 14.9486L20.4108 14.7227L20.0843 15.1445C20.0072 15.2441 19.2881 16.1165 17.7949 16.1165C16.3265 16.1165 15.7148 15.2129 15.694 15.181L15.2601 14.4837L14.667 15.0514C13.6471 16.028 13.2061 16.1204 12.2936 16.1204C11.8825 16.1204 11.001 15.8678 10.7279 15.2598L10.5511 14.8665H10.0436C8.22298 14.8665 7 13.7467 7 12.0794C7 10.8457 7.79427 9.73112 8.97624 9.30599L9.5599 9.0957ZM21.6667 31.6667H12.3333V28.3333H21.6667V31.6667ZM31.6667 26.3333C31.6667 26.7012 31.3675 27 31 27H3C2.63249 27 2.33333 26.7012 2.33333 26.3333V24.3333H31.6667V26.3333ZM31.6667 23H2.33333V7C2.33333 6.63216 2.63249 6.33333 3 6.33333H8.20306L8.20247 6.33464C7.96875 6.97266 7.89714 7.6263 7.98861 8.28581C6.57943 9.02018 5.66667 10.4798 5.66667 12.0794C5.66667 14.3672 7.3571 16.054 9.72982 16.1908C10.3708 17.1094 11.5664 17.4538 12.2936 17.4538C13.4723 17.4538 14.1829 17.222 15.0824 16.4714C15.583 16.9154 16.4622 17.4499 17.7949 17.4499C19.3001 17.4499 20.2744 16.8034 20.7721 16.3503C23.1917 17.332 24.9212 16.7793 25.9648 16.1146C27.5921 15.0794 28.3333 13.2969 28.3333 12.0794C28.3333 10.1387 27.0475 8.49349 25.2321 7.96615C25.3772 7.43724 25.4311 6.89036 25.4113 6.33333H31C31.3675 6.33333 31.6667 6.63216 31.6667 7V23Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.3"/>
+</svg>
diff --git a/src/svgs/homepage/ops.svg b/src/svgs/homepage/ops.svg
new file mode 100644
index 00000000..aca30fa5
--- /dev/null
+++ b/src/svgs/homepage/ops.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 31.5H18L17.5 29.5L16.5 28.5L14 30.5L10.5 26.5L12 23.5L8.5 23L9 17.5H12L12.5 16.5L10.5 14.5L14 11L16 12.5H17.5V9.5H22.5V12.5H24L26 11L30 14.5L28 16V17.5L31.5 18V23H28V24.5L30 26.5L26 30L23.5 28.5L22.5 31.5Z" fill="#B8C7F7"/>
+<path d="M36.7117 7.98031C36.7049 7.19137 35.4766 7.18892 35.4822 7.99014L35.4926 9.30689C31.9522 4.37847 26.3018 1.45312 20.2195 1.45312C14.3553 1.45312 8.92855 4.12225 5.33162 8.77601C5.12394 9.04391 5.1731 9.43039 5.44222 9.63746C5.71135 9.84514 6.09783 9.79475 6.30428 9.52686C9.66711 5.17663 14.7387 2.682 20.2195 2.682C25.9289 2.682 31.2309 5.44084 34.5372 10.0835H33.2253C32.4345 10.0835 32.4327 11.3124 33.2253 11.3124H36.1181C36.4517 11.3124 36.735 11.0273 36.7325 10.6931L36.7117 7.98031Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.3"/>
+<path d="M39.0432 20.3329C39.0432 17.9993 38.6236 15.7209 37.7953 13.5624C37.6743 13.2448 37.3173 13.0881 37.0021 13.2085C36.6844 13.3295 36.5259 13.6847 36.6482 14.0017C37.4217 16.0202 37.8144 18.1504 37.8144 20.3335C37.8144 27.8328 33.1852 34.3888 26.2217 36.916L26.8902 35.8764C27.3179 35.2116 26.2844 34.5443 25.8568 35.2116L24.3913 37.4918C24.1922 37.8002 24.3207 38.234 24.6568 38.3845L27.1268 39.4918C27.8475 39.815 28.3526 38.6948 27.63 38.371L26.8184 38.0073C34.1689 35.257 39.0432 28.2905 39.0432 20.3329Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.3"/>
+<path d="M20.95 37.9668C20.7079 37.9766 20.4658 37.9815 20.2213 37.9815C10.5181 37.9815 2.62435 30.0632 2.62435 20.3299C2.62435 18.6058 3.33587 16.4565 4.01421 14.6378L4.55369 15.8519C4.8732 16.5689 6.00131 16.0841 5.6775 15.353L4.53157 12.7754C4.42343 12.4516 3.97182 12.3354 3.6904 12.478L1.27873 13.7069C0.573968 14.0651 1.13065 15.1613 1.83664 14.8012L2.8308 14.2949C2.12666 16.1892 1.39486 18.4338 1.39486 20.3305C1.39486 30.7416 9.84033 39.2104 20.2213 39.2104C20.4824 39.2104 20.7417 39.2049 21.0004 39.1944C21.3396 39.1809 21.6032 38.8946 21.589 38.5554C21.5755 38.2162 21.2806 37.9416 20.95 37.9668C21.2806 37.9416 20.7079 37.9766 20.95 37.9668Z" fill="#5072EB"/>
+<path d="M20.95 37.9668C20.7079 37.9766 20.4658 37.9815 20.2213 37.9815C10.5181 37.9815 2.62435 30.0632 2.62435 20.3299C2.62435 18.6058 3.33587 16.4565 4.01421 14.6378L4.55369 15.8519C4.8732 16.5689 6.00131 16.0841 5.6775 15.353L4.53157 12.7754C4.42343 12.4516 3.97182 12.3354 3.6904 12.478L1.27873 13.7069C0.573968 14.0651 1.13065 15.1613 1.83664 14.8012L2.8308 14.2949C2.12666 16.1892 1.39486 18.4338 1.39486 20.3305C1.39486 30.7416 9.84033 39.2104 20.2213 39.2104C20.4824 39.2104 20.7417 39.2049 21.0004 39.1944C21.3396 39.1809 21.6032 38.8946 21.589 38.5554C21.5755 38.2162 21.2806 37.9416 20.95 37.9668ZM20.95 37.9668C20.7079 37.9766 21.2806 37.9416 20.95 37.9668Z" stroke="#5072EB" stroke-width="0.3"/>
+<path d="M22.2479 32.4459H18.0764C17.325 32.4459 16.737 31.8548 16.737 31.1009V29.2152C16.748 29.2195 16.4672 29.1175 16.4322 29.0825L15.0878 30.4373C14.5944 30.9743 13.709 30.9436 13.2076 30.4373L10.2657 27.4733C9.73604 26.9786 9.76676 26.0951 10.2663 25.5925L11.5726 24.2432C11.5277 24.1369 11.4878 24.0287 11.4528 23.9194H9.57444C8.83711 23.9194 8.23988 23.2754 8.2749 22.5442L8.27429 18.3722C8.27429 17.6183 8.86292 17.0272 9.61438 17.0272H11.4804C11.5173 16.932 11.5665 16.8084 11.615 16.712L10.2663 15.3528C9.73604 14.8601 9.76799 13.9734 10.2669 13.4727L13.2082 10.5086C13.6961 9.97711 14.5889 10.0054 15.0878 10.508L16.4353 11.8659C16.5403 11.8229 16.6294 11.7793 16.7376 11.7436V9.84501C16.7376 9.09109 17.3256 8.5 18.0771 8.5H22.2288C22.9803 8.5 23.5683 9.09109 23.5683 9.84501V11.7307C23.5572 11.7264 23.838 11.8284 23.8731 11.8634L25.2175 10.5086C25.7041 9.97896 26.5999 10.006 27.0976 10.5086L30.0205 13.4745C30.5508 13.9667 30.517 14.8533 30.0187 15.3535L28.6681 16.7144C28.7124 16.8232 28.7572 16.9147 28.7923 17.0272H30.6706C31.3575 17.0272 31.9357 17.5544 32.0445 18.2819C32.0488 18.312 32.0512 18.3421 32.0512 18.3722V22.5743C32.0512 23.3283 31.4626 23.9194 30.7112 23.9194H28.8451C28.8187 23.9863 28.7124 24.2309 28.7105 24.2346L30.0592 25.5937C30.5889 26.0871 30.5582 26.9719 30.0592 27.4739L27.1179 30.4379C26.6294 30.9694 25.7367 30.9418 25.2377 30.4379L23.897 29.0874C23.7956 29.1298 23.6924 29.1679 23.5886 29.2029V31.1015C23.588 31.8548 22.9993 32.4459 22.2479 32.4459ZM16.3038 27.7252C16.6417 27.7252 17.0092 28.0103 17.3287 28.1215C17.6537 28.2352 17.9665 28.3568 17.9665 28.7661V31.1003C17.9665 31.1777 18.0039 31.2164 18.0771 31.2164H22.2485C22.3222 31.2164 22.3597 31.1777 22.3597 31.1003V28.7661C22.3597 28.524 22.5016 28.3052 22.7222 28.2057C23.0405 28.0631 23.3963 28.0066 23.6949 27.8192C23.9382 27.6656 24.2552 27.7018 24.4586 27.9071L26.1108 29.5722C26.1496 29.6109 26.2092 29.6091 26.246 29.5722L29.1873 26.6081C29.2267 26.5682 29.2273 26.4982 29.1873 26.4582L27.5351 24.7931C27.3348 24.5916 27.2992 24.2782 27.4491 24.0367C27.6039 23.7866 27.7281 23.4395 27.7981 23.1575C27.8657 22.8834 28.1121 22.6905 28.3947 22.6905H30.7118C30.7855 22.6905 30.823 22.6518 30.823 22.5743V18.4293C30.8009 18.3402 30.7449 18.2561 30.6718 18.2561H28.3548C28.1108 18.2561 27.8903 18.1123 27.792 17.8886C27.6525 17.5704 27.5953 17.2072 27.4098 16.9092C27.2598 16.6671 27.2949 16.3544 27.4958 16.1528L29.148 14.4877C29.1892 14.4465 29.1867 14.3771 29.1468 14.3372L26.2251 11.3725C26.1877 11.3338 26.1274 11.3375 26.0912 11.3737L24.439 13.0389C24.2356 13.2435 23.9173 13.2791 23.6752 13.1261C23.4288 12.9719 23.0829 12.8465 22.8045 12.7759C22.5317 12.7071 22.3406 12.4613 22.3406 12.1799V9.84562C22.3406 9.7682 22.3032 9.72949 22.23 9.72949H18.0764C18.0033 9.72949 17.9658 9.7682 17.9658 9.84562V12.1799C17.9658 12.422 17.8233 12.6413 17.6027 12.7402C17.2875 12.8822 16.9268 12.9399 16.6313 13.1261C16.388 13.2791 16.0703 13.2435 15.8675 13.0389L14.2153 11.3737C14.1766 11.335 14.1176 11.3369 14.0801 11.3737L11.1382 14.3384C11.0983 14.3783 11.0983 14.4478 11.1382 14.4877L12.7904 16.1528C12.9907 16.3544 13.0264 16.6677 12.8764 16.9092C12.7216 17.1593 12.5981 17.5065 12.5274 17.7885C12.4598 18.0625 12.2135 18.2555 11.9308 18.2555H9.61377C9.54003 18.2555 9.50255 18.2942 9.50255 18.3716V22.5737C9.50132 22.6131 9.5001 22.6413 9.52406 22.6671L11.8909 22.6899C12.1348 22.6899 12.3554 22.8336 12.4537 23.0573C12.5932 23.378 12.6497 23.7356 12.8359 24.0367C12.9846 24.2763 12.9514 24.5854 12.7554 24.7882L11.1431 26.4533C11.1013 26.4957 11.0946 26.5657 11.1376 26.6088L14.0795 29.5728C14.1182 29.6115 14.1778 29.6097 14.2147 29.5728L15.8669 27.9077C15.9861 27.7873 16.144 27.7252 16.3038 27.7252Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.3"/>
+<path d="M15.1547 20.4204C15.1547 23.1279 17.4299 25.4484 20.1508 25.4484C22.8723 25.4484 25.1475 23.1279 25.1475 20.4204C25.1475 17.8918 23.2271 15.393 20.1508 15.393C17.4299 15.393 15.1547 17.7129 15.1547 20.4204ZM16.6842 20.4204C16.6842 18.5443 18.2688 16.9218 20.1508 16.9218C22.0274 16.9218 23.618 18.5474 23.618 20.4204C23.618 22.2965 22.0334 23.9195 20.1508 23.9195C18.2682 23.9195 16.6842 22.296 16.6842 20.4204Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.3"/>
+</svg>
diff --git a/src/svgs/homepage/real-time.svg b/src/svgs/homepage/real-time.svg
new file mode 100644
index 00000000..cf929758
--- /dev/null
+++ b/src/svgs/homepage/real-time.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.48438" y="7.42188" width="21.3333" height="21.3333" rx="4" fill="#B8C7F7"/>
+<path d="M30.5816 22.0017C30.5816 25.9291 27.3978 29.1128 23.4705 29.1128C22.197 29.1128 21.0016 28.7781 19.9676 28.1917C18.1473 27.1594 16.8272 25.3472 16.4615 23.2094C16.3944 22.8169 16.3594 22.4134 16.3594 22.0017C16.3594 20.1758 17.0476 18.5106 18.1788 17.2514C19.4806 15.8021 21.3691 14.8906 23.4705 14.8906C27.3978 14.8906 30.5816 18.0744 30.5816 22.0017Z" fill="#FCFCFD" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.4661 8.48828V14.1772V14.8883C21.3647 14.8883 19.4762 15.7998 18.1744 17.249C17.0432 18.5083 16.355 20.1735 16.355 21.9994C16.355 22.4111 16.39 22.8145 16.4572 23.2071C16.8229 25.3449 18.143 27.157 19.9633 28.1893C18.07 28.7618 15.5569 29.1105 12.7995 29.1105C6.90842 29.1105 2.13281 27.5186 2.13281 25.5549V19.8661V14.1772V8.48828" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.4661 8.48915C23.4661 10.4528 18.6905 12.0447 12.7995 12.0447C6.90842 12.0447 2.13281 10.4528 2.13281 8.48915C2.13281 6.52547 6.90842 4.93359 12.7995 4.93359C18.6905 4.93359 23.4661 6.52547 23.4661 8.48915Z" fill="#B8C7F7" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.13281 19.8672C2.13281 21.8308 6.90842 23.4227 12.7995 23.4227C14.0845 23.4227 15.3163 23.347 16.4572 23.2082" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.13281 14.1797C2.13281 16.1433 6.90842 17.7352 12.7995 17.7352C14.7595 17.7352 16.5961 17.559 18.1744 17.2515" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.3132 22.0007H23.4688V19.1562" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/svgs/homepage/saas.svg b/src/svgs/homepage/saas.svg
new file mode 100644
index 00000000..a2904467
--- /dev/null
+++ b/src/svgs/homepage/saas.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="23" y="6.33594" width="11" height="10" fill="#FCFCFD"/>
+<path d="M16.6667 21.1026H6.66667C6.46333 21.1026 6.26833 21.0218 6.12455 20.8781C5.98077 20.7343 5.9 20.5393 5.9 20.3359V7.0026C5.9 6.79927 5.98077 6.60427 6.12455 6.46049C6.26833 6.31671 6.46333 6.23594 6.66667 6.23594H16.6667C16.87 6.23594 17.065 6.31671 17.2088 6.46049C17.3526 6.60427 17.4333 6.79927 17.4333 7.0026V20.3359C17.4333 20.5393 17.3526 20.7343 17.2088 20.8781C17.065 21.0218 16.87 21.1026 16.6667 21.1026ZM6.12455 34.2114C5.98077 34.0676 5.9 33.8726 5.9 33.6693V27.0026C5.9 26.7993 5.98077 26.6043 6.12455 26.4605C6.26833 26.3167 6.46333 26.2359 6.66667 26.2359H16.6667C16.87 26.2359 17.065 26.3167 17.2088 26.4605C17.3526 26.6043 17.4333 26.7993 17.4333 27.0026V33.6693C17.4333 33.8726 17.3526 34.0676 17.2088 34.2114C17.065 34.3552 16.87 34.4359 16.6667 34.4359H6.66667C6.46333 34.4359 6.26833 34.3552 6.12455 34.2114ZM22.7912 34.2114C22.6474 34.0676 22.5667 33.8726 22.5667 33.6693V22.0026C22.5667 21.7993 22.6474 21.6043 22.7912 21.4605C22.935 21.3167 23.13 21.2359 23.3333 21.2359H33.3333C33.5367 21.2359 33.7317 21.3167 33.8754 21.4605C34.0192 21.6043 34.1 21.7993 34.1 22.0026V33.6693C34.1 33.8726 34.0192 34.0676 33.8754 34.2114C33.7317 34.3552 33.5367 34.4359 33.3333 34.4359H23.3333C23.13 34.4359 22.935 34.3552 22.7912 34.2114ZM33.3333 16.1026H23.3333C23.13 16.1026 22.935 16.0218 22.7912 15.8781C22.6474 15.7343 22.5667 15.5393 22.5667 15.3359V7.0026C22.5667 6.79927 22.6474 6.60427 22.7912 6.46049C22.935 6.31671 23.13 6.23594 23.3333 6.23594H33.3333C33.5367 6.23594 33.7317 6.31671 33.8754 6.46049C34.0192 6.60427 34.1 6.79927 34.1 7.0026V15.3359C34.1 15.5393 34.0192 15.7343 33.8754 15.8781C33.7317 16.0218 33.5367 16.1026 33.3333 16.1026Z" fill="#B9C8F7" stroke="#5072EB" stroke-width="1.8"/>
+</svg>
diff --git a/src/svgs/homepage/store.svg b/src/svgs/homepage/store.svg
new file mode 100644
index 00000000..39ef0301
--- /dev/null
+++ b/src/svgs/homepage/store.svg
@@ -0,0 +1,16 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.42188" y="9.28906" width="29.3333" height="29.3333" rx="6" fill="#A4B6F4"/>
+<path d="M32.263 10.7578V18.58V19.5578C29.3736 19.5578 26.7769 20.8111 24.9869 22.8038C23.4315 24.5353 22.4852 26.825 22.4852 29.3356C22.4852 29.9016 22.5334 30.4564 22.6257 30.9962C23.1285 33.9356 24.9437 36.4273 27.4466 37.8468C24.8433 38.6339 21.3878 39.1134 17.5964 39.1134C9.49615 39.1134 2.92969 36.9245 2.92969 34.2245V26.4023V18.58V10.7578" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.263 10.7561C32.263 13.4561 25.6966 15.645 17.5964 15.645C9.49615 15.645 2.92969 13.4561 2.92969 10.7561C2.92969 8.05602 9.49615 5.86719 17.5964 5.86719C25.6966 5.86719 32.263 8.05602 32.263 10.7561Z" fill="#A4B6F4" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.92969 26.4023C2.92969 29.1024 9.49615 31.2912 17.5964 31.2912C19.3632 31.2912 21.057 31.1871 22.6257 30.9962" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.92969 18.5781C2.92969 21.2782 9.49615 23.467 17.5964 23.467C20.2914 23.467 22.8167 23.2247 24.9869 22.8019" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M42.625 29.5625C42.625 36.397 37.0845 41.9375 30.25 41.9375C28.0338 41.9375 25.9535 41.3549 24.1542 40.3344C20.9864 38.538 18.6892 35.3844 18.0527 31.6641C17.9359 30.981 17.875 30.2789 17.875 29.5625C17.875 26.385 19.0727 23.4871 21.0411 21.2958C23.3066 18.7737 26.5931 17.1875 30.25 17.1875C37.0845 17.1875 42.625 22.728 42.625 29.5625Z" fill="#F5F7FF" stroke="#5072EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_9802_26788)">
+<path d="M30.4995 30.1292C30.3167 30.1292 30.1413 30.1956 30.0121 30.3137C29.8828 30.4319 29.8101 30.5921 29.8101 30.7592V32.6492C29.8101 32.8163 29.8828 32.9766 30.0121 33.0947C30.1413 33.2128 30.3167 33.2792 30.4995 33.2792C30.6824 33.2792 30.8577 33.2128 30.987 33.0947C31.1163 32.9766 31.1889 32.8163 31.1889 32.6492V30.7592C31.1889 30.5921 31.1163 30.4319 30.987 30.3137C30.8577 30.1956 30.6824 30.1292 30.4995 30.1292ZM33.9465 27.6092V26.3492C33.9465 25.5138 33.5833 24.7126 32.9369 24.1218C32.2905 23.5311 31.4137 23.1992 30.4995 23.1992C29.5853 23.1992 28.7086 23.5311 28.0622 24.1218C27.4157 24.7126 27.0526 25.5138 27.0526 26.3492V27.6092C26.504 27.6092 25.978 27.8083 25.5901 28.1628C25.2023 28.5172 24.9844 28.998 24.9844 29.4992V33.9092C24.9844 34.4105 25.2023 34.8912 25.5901 35.2457C25.978 35.6001 26.504 35.7992 27.0526 35.7992H33.9465C34.495 35.7992 35.0211 35.6001 35.4089 35.2457C35.7968 34.8912 36.0147 34.4105 36.0147 33.9092V29.4992C36.0147 28.998 35.7968 28.5172 35.4089 28.1628C35.0211 27.8083 34.495 27.6092 33.9465 27.6092ZM28.4313 26.3492C28.4313 25.848 28.6492 25.3672 29.0371 25.0128C29.425 24.6583 29.951 24.4592 30.4995 24.4592C31.048 24.4592 31.5741 24.6583 31.962 25.0128C32.3498 25.3672 32.5677 25.848 32.5677 26.3492V27.6092H28.4313V26.3492ZM34.6359 33.9092C34.6359 34.0763 34.5633 34.2366 34.434 34.3547C34.3047 34.4728 34.1293 34.5392 33.9465 34.5392H27.0526C26.8697 34.5392 26.6944 34.4728 26.5651 34.3547C26.4358 34.2366 26.3632 34.0763 26.3632 33.9092V29.4992C26.3632 29.3321 26.4358 29.1719 26.5651 29.0537C26.6944 28.9356 26.8697 28.8692 27.0526 28.8692H33.9465C34.1293 28.8692 34.3047 28.9356 34.434 29.0537C34.5633 29.1719 34.6359 29.3321 34.6359 29.4992V33.9092Z" fill="#5072EB" stroke="#5072EB" stroke-width="0.2"/>
+</g>
+<defs>
+<clipPath id="clip0_9802_26788">
+<rect width="12" height="14" fill="white" transform="translate(24.5 22.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svgs/homepage/transform.svg b/src/svgs/homepage/transform.svg
new file mode 100644
index 00000000..6b965e37
--- /dev/null
+++ b/src/svgs/homepage/transform.svg
@@ -0,0 +1,12 @@
+<svg width="54" height="44" viewBox="0 0 54 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.0881 22.4213C6.00835 16.7355 8.24772 11.0749 12.8411 6.939C18.8807 1.50094 27.2402 0.278947 34.3119 3.07509C35.1294 3.3984 35.53 4.32325 35.2068 5.14073C34.8836 5.9582 33.9587 6.35898 33.1412 6.03565C27.1501 3.66671 20.0786 4.70626 14.9713 9.30486C10.583 13.2561 8.72864 18.8618 9.404 24.3135L12.6779 21.3657C13.3312 20.7774 14.3377 20.8302 14.926 21.4835C15.5142 22.1368 15.4615 23.1433 14.8082 23.7315L9.48498 28.5246C9.39179 28.6121 9.28732 28.689 9.173 28.7528C8.99352 28.8534 8.79937 28.9162 8.60173 28.9418C8.39283 28.9693 8.18561 28.9543 7.99016 28.9026C7.74818 28.8391 7.51887 28.718 7.32433 28.5405C7.2781 28.4985 7.23421 28.4536 7.19295 28.4061L1.53233 22.1194C0.944091 21.4661 0.99684 20.4596 1.65015 19.8713C2.30347 19.2831 3.30995 19.3358 3.89819 19.9891L6.0881 22.4213Z" fill="#5072EB" stroke="#F5F7FF" stroke-width="1.5"/>
+<path d="M20.3417 38.5009C19.5241 38.1775 18.5994 38.5783 18.2761 39.3958C17.9528 40.2133 18.3535 41.1382 19.171 41.4614C26.2427 44.2576 34.6021 43.0356 40.6419 37.5973C45.235 33.4617 47.4745 27.8013 47.3948 22.1155L49.5845 24.5474C50.1727 25.2007 51.1793 25.2535 51.8326 24.6652C52.4859 24.077 52.5386 23.0705 51.9504 22.4172L46.2952 16.1365C46.2374 16.0694 46.1745 16.0075 46.107 15.9512C46.097 15.943 46.0869 15.9347 46.0768 15.9266C45.9251 15.806 45.7557 15.7166 45.578 15.659C45.355 15.5865 45.1141 15.5626 44.8713 15.5961C44.7433 15.6134 44.617 15.6464 44.4952 15.6951C44.4222 15.7244 44.3508 15.7592 44.2815 15.7999C44.1796 15.8597 44.0859 15.9298 44.0014 16.0087L38.6746 20.805C38.0213 21.3932 37.9685 22.3998 38.5567 23.0531C39.145 23.7064 40.1515 23.7591 40.8048 23.1709L44.0788 20.2229C44.7542 25.6746 42.8999 31.2803 38.5117 35.2315C33.4042 39.8302 26.3328 40.8699 20.3417 38.5009Z" fill="#5072EB" stroke="#F5F7FF" stroke-width="1.5"/>
+<g clip-path="url(#clip0_9802_26798)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.5262 23.4206C34.5262 23.1013 34.6327 22.7819 34.6327 22.3561C34.6327 21.9303 34.6327 21.6109 34.5262 21.2916L36.7617 19.4819C36.9746 19.269 36.9746 19.0561 36.8682 18.8432L34.7391 15.1174C34.6327 15.0109 34.4198 14.9045 34.1004 15.0109L31.4391 16.0755C30.9069 15.6496 30.2682 15.3303 29.6295 15.0109L29.2037 12.2432C29.3101 11.9238 28.9908 11.7109 28.7779 11.7109H24.5198C24.3069 11.7109 23.9875 11.9238 23.9875 12.1367L23.5617 15.0109C22.923 15.2238 22.3908 15.6496 21.752 16.0755L19.1972 15.0109C18.8779 14.9045 18.6649 15.0109 18.452 15.2238L16.323 18.9496C16.2166 19.0561 16.323 19.3755 16.5359 19.5884L18.7714 21.2916C18.7714 21.6109 18.6649 21.9303 18.6649 22.3561C18.6649 22.7819 18.6649 23.1013 18.7714 23.4206L16.5359 25.2303C16.323 25.4432 16.323 25.6561 16.4295 25.869L18.5585 29.5948C18.6649 29.7013 18.8779 29.8077 19.1972 29.7013L21.8585 28.6367C22.3908 29.0626 23.0295 29.3819 23.6682 29.7013L24.094 32.469C24.094 32.6819 24.3069 32.8948 24.6262 32.8948H28.8843C29.0972 32.8948 29.4166 32.6819 29.4166 32.469L29.8424 29.7013C30.4811 29.3819 31.1198 29.0626 31.652 28.6367L34.3133 29.7013C34.5262 29.8077 34.8456 29.7013 34.952 29.4884L37.0811 25.7626C37.1875 25.5496 37.1875 25.2303 36.9746 25.1238L34.5262 23.4206ZM26.6488 26.0819C24.6262 26.0819 22.923 24.3787 22.923 22.3561C22.923 20.3335 24.6262 18.6303 26.6488 18.6303C28.6714 18.6303 30.3746 20.3335 30.3746 22.3561C30.3746 24.3787 28.6714 26.0819 26.6488 26.0819Z" fill="#A4B6F4" stroke="#5072EB" stroke-width="1.8"/>
+</g>
+<defs>
+<clipPath id="clip0_9802_26798">
+<rect width="23.4194" height="23.4194" fill="white" transform="translate(14.9375 10.6445)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svgs/real-time-delivery.svg b/src/svgs/real-time-delivery.svg
deleted file mode 100644
index 0df607f9..00000000
--- a/src/svgs/real-time-delivery.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13 11.9843C12.872 11.9843 12.7439 11.9601 12.6228 11.9117L2.46655 7.84917C2.08096 7.69495 1.82812 7.3215 1.82812 6.90621C1.82812 6.49092 2.08096 6.11748 2.46655 5.96325L12.6228 1.90075C12.8649 1.80392 13.1351 1.80392 13.3772 1.90075L23.5334 5.96325C23.919 6.11748 24.1719 6.49092 24.1719 6.90621C24.1719 7.3215 23.919 7.69495 23.5335 7.84917L13.3772 11.9117C13.2561 11.9601 13.128 11.9843 13 11.9843ZM5.57842 6.90621L13 9.87483L20.4216 6.90621L13 3.93759L5.57842 6.90621Z" fill="#47506D"/>
-<path d="M13 18.078C12.872 18.078 12.7439 18.0538 12.6228 18.0054L2.46655 13.9429C2.08096 13.7886 1.82812 13.4152 1.82812 12.9999C1.82812 12.5846 2.08096 12.2112 2.46655 12.057L4.61404 11.1979C5.1347 10.9896 5.72589 11.2429 5.9342 11.7637C6.1165 12.2195 5.94532 12.729 5.55064 12.9888L13 15.9685L20.4493 12.9888C20.0547 12.729 19.8834 12.2195 20.0658 11.7637C20.2741 11.2428 20.8652 10.9896 21.3859 11.1979L23.5334 12.0569C23.919 12.2112 24.1719 12.5846 24.1719 12.9999C24.1719 13.4152 23.919 13.7886 23.5335 13.9429L13.3772 18.0054C13.2561 18.0538 13.128 18.078 13 18.078Z" fill="#47506D"/>
-<path d="M13 24.1718C12.872 24.1718 12.7439 24.1476 12.6228 24.0991L2.46655 20.0366C2.08096 19.8824 1.82812 19.5089 1.82812 19.0937C1.82812 18.6784 2.08096 18.3049 2.46655 18.1507L4.61404 17.2917C5.1347 17.0834 5.72589 17.3367 5.9342 17.8575C6.1165 18.3133 5.94532 18.8228 5.55064 19.0826L13 22.0623L20.4493 19.0825C20.0547 18.8227 19.8834 18.3132 20.0658 17.8574C20.2741 17.3366 20.8652 17.0834 21.3859 17.2916L23.5334 18.1506C23.919 18.3049 24.1719 18.6784 24.1719 19.0937C24.1719 19.5089 23.919 19.8824 23.5335 20.0366L13.3772 24.0991C13.2561 24.1476 13.128 24.1718 13 24.1718Z" fill="#47506D"/>
-<path d="M1.01562 4.0625C0.454695 4.0625 0 3.6078 0 3.04688V1.01562C0 0.454695 0.454695 0 1.01562 0H3.04688C3.6078 0 4.0625 0.454695 4.0625 1.01562C4.0625 1.57655 3.6078 2.03125 3.04688 2.03125H2.03125V3.04688C2.03125 3.6078 1.57655 4.0625 1.01562 4.0625Z" fill="#47506D"/>
-<path d="M24.9844 4.0625C24.4234 4.0625 23.9688 3.6078 23.9688 3.04688V2.03125H22.9531C22.3922 2.03125 21.9375 1.57655 21.9375 1.01562C21.9375 0.454695 22.3922 0 22.9531 0H24.9844C25.5453 0 26 0.454695 26 1.01562V3.04688C26 3.6078 25.5453 4.0625 24.9844 4.0625Z" fill="#47506D"/>
-<path d="M3.04688 26H1.01562C0.454695 26 0 25.5453 0 24.9844V22.9531C0 22.3922 0.454695 21.9375 1.01562 21.9375C1.57655 21.9375 2.03125 22.3922 2.03125 22.9531V23.9688H3.04688C3.6078 23.9688 4.0625 24.4234 4.0625 24.9844C4.0625 25.5453 3.6078 26 3.04688 26Z" fill="#47506D"/>
-<path d="M24.9844 26H22.9531C22.3922 26 21.9375 25.5453 21.9375 24.9844C21.9375 24.4234 22.3922 23.9688 22.9531 23.9688H23.9688V22.9531C23.9688 22.3922 24.4234 21.9375 24.9844 21.9375C25.5453 21.9375 26 22.3922 26 22.9531V24.9844C26 25.5453 25.5453 26 24.9844 26Z" fill="#47506D"/>
-</svg>
diff --git a/src/svgs/store-and-transform.svg b/src/svgs/store-and-transform.svg
deleted file mode 100644
index 867b75a6..00000000
--- a/src/svgs/store-and-transform.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.14661 4.00385C4.05832 1.81985 6.84112 0.4375 9.9961 0.4375C14.1444 0.4375 17.7327 2.82911 19.4602 6.30508C19.6599 6.70692 19.496 7.19458 19.0942 7.39428C18.6923 7.59397 18.2046 7.4301 18.005 7.02825C16.5415 4.08341 13.504 2.0625 9.9961 2.0625C6.98198 2.0625 4.36395 3.55554 2.75812 5.85417H5.00684C5.45557 5.85417 5.81934 6.21794 5.81934 6.66667C5.81934 7.11539 5.45557 7.47917 5.00684 7.47917H1.35059C1.28534 7.48054 1.21944 7.47404 1.15428 7.4592C1.05185 7.43605 0.956757 7.39356 0.873048 7.33577C0.784409 7.27485 0.710916 7.1984 0.654442 7.11203C0.58435 7.00528 0.538731 6.88103 0.525558 6.74726C0.522373 6.71553 0.52104 6.68352 0.521614 6.65141V2.33333C0.521614 1.88461 0.885387 1.52083 1.33411 1.52083C1.78285 1.52083 2.14661 1.88461 2.14661 2.33333V4.00385Z" fill="#47506D"/>
-<path d="M7.10808 10.4052L7.10809 10.4052L9.40618 8.10711L9.40618 8.1071C9.75601 7.75727 10.3233 7.75727 10.6731 8.1071L10.6731 8.10711L12.9712 10.4052L12.9712 10.4052C13.321 10.755 13.321 11.3222 12.9712 11.6721C12.9712 11.6722 12.9711 11.6722 12.9711 11.6722L10.6731 13.9702C10.3233 14.32 9.756 14.32 9.40617 13.9702L8.69907 14.6773L9.40617 13.9702L7.10813 11.6722C7.10812 11.6722 7.1081 11.6722 7.10809 11.6721C6.7582 11.3222 6.75829 10.755 7.10808 10.4052Z" stroke="#47506D" stroke-width="2"/>
-<path d="M2.06177 14.9719C1.86207 14.57 1.37443 14.4062 0.972573 14.6058C0.570733 14.8055 0.406857 15.2932 0.606559 15.695C2.33396 19.171 5.92227 21.5626 10.0707 21.5626C13.2255 21.5626 16.0083 20.1803 17.92 17.9963V19.6667C17.92 20.1154 18.2838 20.4792 18.7325 20.4792C19.1812 20.4792 19.545 20.1154 19.545 19.6667V15.3528C19.546 15.3076 19.5433 15.2626 19.5369 15.2182C19.5359 15.2117 19.535 15.2051 19.5339 15.1986C19.5175 15.101 19.4838 15.0093 19.4361 14.9267C19.3762 14.823 19.2931 14.7317 19.1895 14.6615C19.135 14.6243 19.0758 14.5937 19.013 14.5706C18.9753 14.5567 18.9363 14.5456 18.8961 14.5374C18.8371 14.5252 18.7776 14.5198 18.7186 14.5209H15.0598C14.6111 14.5209 14.2473 14.8847 14.2473 15.3334C14.2473 15.7821 14.6111 16.1459 15.0598 16.1459H17.3086C15.7028 18.4445 13.0848 19.9376 10.0707 19.9376C6.56268 19.9376 3.52522 17.9167 2.06177 14.9719Z" fill="#47506D"/>
-</svg>