diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index da14145d8..eeba68114 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -13,15 +13,6 @@ export default {
   trailingSlash: true,
   tagline: "GraphQL platform engineered for scale",
   headTags: [
-    {
-      tagName: "script",
-      attributes: {
-        id: "chatbotscript",
-        "data-accountid": "CZPG9aVdtk59Tjz4SMTu8w==",
-        "data-websiteid": "75VGI0NlBqessD4BQn2pFg==",
-        src: "https://app.robofy.ai/bot/js/common.js?v=" + new Date().getTime(),
-      },
-    },
     {
       tagName: "script",
       attributes: {
@@ -108,6 +99,8 @@ export default {
       logo: {
         alt: "My Site Logo",
         src: "icons/companies/tailcall.svg",
+        width: 103,
+        height: 36,
       },
       items: [
         {to: "/", label: "Home", position: "left", activeBaseRegex: "^/$"},
@@ -152,6 +145,7 @@ export default {
     tableOfContents: {},
   } satisfies Preset.ThemeConfig,
   plugins: [
+    "./plugins/homepage-first-load-plugin.ts",
     [
       "./plugins/custom-blog-plugin.ts",
       {
diff --git a/plugins/homepage-first-load-plugin.ts b/plugins/homepage-first-load-plugin.ts
new file mode 100644
index 000000000..a78fff04b
--- /dev/null
+++ b/plugins/homepage-first-load-plugin.ts
@@ -0,0 +1,147 @@
+import fs from "fs"
+import path from "path"
+import type {LoadContext, Plugin} from "@docusaurus/types"
+
+const HOME_CRITICAL_CSS = "/assets/css/home-critical.css"
+const EXTRA_CRITICAL_CSS =
+  ':root{--ifm-navbar-height:4.5rem;--ifm-navbar-logo-height:2.25rem;--ifm-font-family-base:"Space Grotesk",sans-serif;--ifm-font-color-base:#121315;--ifm-background-color:#fff;--ifm-link-color:#3578e5;--ifm-global-radius:.4rem}*,:after,:before{box-sizing:border-box}#__docusaurus-base-url-issue-banner-container,.themedComponent_mlkZ{display:none}[data-theme=dark] .themedComponent--dark_xIcU,[data-theme=light] .themedComponent--light_NVdE,html:not([data-theme]) .themedComponent--light_NVdE{display:initial}.relative{position:relative}.text-black{color:#000}.text-tailCall-light-300{color:#e7e7e7}.text-tailCall-light-100{color:#fff}.bg-tailCall-dark-600{background-color:#121212}.bg-tailCall-yellow{background-color:#fdea2e}'
+
+const escapeClassName = (className: string): string => {
+  return className.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1")
+}
+
+const getClassNeedles = (html: string): string[] => {
+  const classNames = new Set<string>()
+
+  for (const match of html.matchAll(/class="([^"]+)"/g)) {
+    match[1]
+      .split(/\s+/)
+      .map((className) => className.trim())
+      .filter(Boolean)
+      .forEach((className) => classNames.add(`.${escapeClassName(className)}`))
+  }
+
+  return [...classNames]
+}
+
+const getBlocks = (css: string): Array<{prelude: string; body: string; block: string}> => {
+  const blocks: Array<{prelude: string; body: string; block: string}> = []
+  let cursor = 0
+
+  while (cursor < css.length) {
+    const open = css.indexOf("{", cursor)
+    if (open === -1) break
+
+    let depth = 1
+    let close = open + 1
+    while (close < css.length && depth > 0) {
+      if (css[close] === "{") depth += 1
+      if (css[close] === "}") depth -= 1
+      close += 1
+    }
+
+    const preludeStart = css.lastIndexOf("}", open - 1) + 1
+    const prelude = css.slice(Math.max(cursor, preludeStart), open).trim()
+    const body = css.slice(open + 1, close - 1)
+    const block = css.slice(Math.max(cursor, preludeStart), close).trim()
+
+    if (prelude && block) blocks.push({prelude, body, block})
+    cursor = close
+  }
+
+  return blocks
+}
+
+const isGlobalSelector = (prelude: string): boolean => {
+  return /(^|,)\s*(:root|html|body|\*|::before|::after|a|button|code|footer|h[1-6]|img|li|main|nav|ol|p|picture|pre|section|svg|ul)(\W|$)/.test(
+    prelude,
+  )
+}
+
+const keepRule = (prelude: string, classNeedles: string[]): boolean => {
+  if (prelude.startsWith("@font-face")) return false
+  if (prelude.startsWith("@keyframes")) return true
+  if (isGlobalSelector(prelude)) return true
+
+  return classNeedles.some((needle) => prelude.includes(needle))
+}
+
+const filterCss = (css: string, classNeedles: string[]): string => {
+  return getBlocks(css)
+    .map(({prelude, body, block}) => {
+      if (prelude.startsWith("@media") || prelude.startsWith("@supports") || prelude.startsWith("@container")) {
+        const nested = filterCss(body, classNeedles)
+        return nested ? `${prelude}{${nested}}` : ""
+      }
+
+      if (prelude.includes("DocSearch") || prelude.includes("graphiql")) {
+        return ""
+      }
+
+      return keepRule(prelude, classNeedles) ? block : ""
+    })
+    .filter(Boolean)
+    .join("\n")
+}
+
+const removeInitialHomepageAssets = (
+  html: string,
+  fullCssHref: string,
+  scriptHrefs: string[],
+  criticalCss: string,
+): string => {
+  const loader = `<script>
+(()=>{let loaded=false;const css=${JSON.stringify(fullCssHref)};const scripts=${JSON.stringify(scriptHrefs)};
+function load(){if(loaded)return Promise.resolve();loaded=true;const cssLink=document.createElement("link");cssLink.rel="stylesheet";cssLink.href=css;document.head.appendChild(cssLink);return scripts.reduce((chain,src)=>chain.then(()=>new Promise((resolve)=>{const script=document.createElement("script");script.src=src;script.defer=true;script.onload=script.onerror=resolve;document.body.appendChild(script);})),Promise.resolve());}
+function loadDeferredImages(){document.querySelectorAll("img[data-src]").forEach((img)=>{img.setAttribute("src",img.getAttribute("data-src"));img.removeAttribute("data-src");});}
+function loadAll(){loadDeferredImages();return load();}
+["pointerdown","keydown","touchstart","wheel"].forEach((eventName)=>window.addEventListener(eventName,loadAll,{once:true,passive:true}));
+})();</script>`
+
+  return html
+    .replace(/<script\b[^>]*id="chatbotscript"[^>]*><\/script>/, "")
+    .replace(
+      /<link data-rh="true" rel="preconnect" href="https:\/\/X27WDVHRQ3-dsn\.algolia\.net" crossorigin="anonymous">/i,
+      "",
+    )
+    .replace(/<link\b[^>]*rel="(?:preload|modulepreload)"[^>]*as="script"[^>]*>/g, "")
+    .replace(
+      new RegExp(`<link rel="stylesheet" href="${fullCssHref.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}">`),
+      `<style>${criticalCss}</style>`,
+    )
+    .replace(/<script src="\/assets\/js\/(?:runtime~main|main)\.[^"]+\.js" defer="defer"><\/script>/g, "")
+    .replace("</body>", `${loader}</body>`)
+}
+
+export default function homepageFirstLoadPlugin(_context: LoadContext): Plugin {
+  return {
+    name: "homepage-first-load-plugin",
+    async postBuild({outDir}) {
+      const indexPath = path.join(outDir, "index.html")
+      if (!fs.existsSync(indexPath)) return
+
+      let html = fs.readFileSync(indexPath, "utf8")
+      const stylesheetMatch = html.match(/<link rel="stylesheet" href="([^"]*\/assets\/css\/styles\.[^"]+\.css)">/)
+      if (!stylesheetMatch) return
+
+      const fullCssHref = stylesheetMatch[1]
+      const fullCssPath = path.join(outDir, fullCssHref.replace(/^\//, ""))
+      const fullCss = fs.readFileSync(fullCssPath, "utf8")
+      const criticalHtml = html.split("</main>")[0] || html
+      const criticalCss = `${filterCss(fullCss, getClassNeedles(criticalHtml))
+        .replace(/\.customer-container\{[^}]*bg-map[^}]*\}/g, "")
+        .replace(/background-image:url\([^)]*video-thumbnail[^)]*\);?/g, "")}\n${EXTRA_CRITICAL_CSS}`
+
+      const cssOutputPath = path.join(outDir, HOME_CRITICAL_CSS.replace(/^\//, ""))
+      fs.mkdirSync(path.dirname(cssOutputPath), {recursive: true})
+      fs.writeFileSync(cssOutputPath, criticalCss)
+
+      const scriptHrefs = [
+        ...html.matchAll(/<script src="(\/assets\/js\/(?:runtime~main|main)\.[^"]+\.js)" defer="defer"><\/script>/g),
+      ].map((match) => match[1])
+
+      html = removeInitialHomepageAssets(html, fullCssHref, scriptHrefs, criticalCss)
+      fs.writeFileSync(indexPath, html)
+    },
+  }
+}
diff --git a/src/components/home/Banner.tsx b/src/components/home/Banner.tsx
index 50c3ea681..168371b67 100644
--- a/src/components/home/Banner.tsx
+++ b/src/components/home/Banner.tsx
@@ -2,11 +2,9 @@ import React from "react"
 import Heading from "@theme/Heading"
 
 import LinkButton from "../shared/LinkButton"
-import HeroImage from "@site/static/images/home/hero.svg"
 import {analyticsHandler} from "@site/src/utils"
-import {Theme, codeSandboxUrl} from "@site/src/constants"
+import {Theme} from "@site/src/constants"
 import {pageLinks} from "@site/src/constants/routes"
-import Link from "@docusaurus/Link"
 import Section from "../shared/Section"
 
 const Banner = (): JSX.Element => {
@@ -26,11 +24,11 @@ const Banner = (): JSX.Element => {
           </p>
           <div className="hidden sm:flex justify-center mt-SPACE_06 sm:mt-SPACE_10 space-x-SPACE_04 sm:space-x-SPACE_06">
             <LinkButton
-              title="Learn More"
+              title="Explore Tailcall"
               href={pageLinks.introduction}
               theme={Theme.Dark}
               width="small"
-              onClick={() => analyticsHandler("Home Page", "Click", "Playground")}
+              onClick={() => analyticsHandler("Home Page", "Click", "Explore Tailcall")}
             />
             <LinkButton
               title="Get Started"
@@ -43,10 +41,10 @@ const Banner = (): JSX.Element => {
 
           <div className="sm:hidden flex justify-between md:justify-center mt-SPACE_06 sm:mt-SPACE_10 space-x-SPACE_04 sm:space-x-SPACE_06">
             <LinkButton
-              title="Learn More"
+              title="Explore Tailcall"
               href={pageLinks.introduction}
               theme={Theme.Dark}
-              onClick={() => analyticsHandler("Home Page", "Click", "Playground")}
+              onClick={() => analyticsHandler("Home Page", "Click", "Explore Tailcall")}
               width="full"
             />
             <LinkButton
@@ -59,7 +57,16 @@ const Banner = (): JSX.Element => {
           </div>
         </div>
       </Section>
-      <HeroImage className="object-contain h-full sm:h-full w-full mt-8 max-w-7xl" />
+      <picture className="hidden sm:block mt-8 max-w-7xl">
+        <source media="(min-width: 640px)" srcSet="/images/home/hero.svg" />
+        <img
+          src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E"
+          alt=""
+          aria-hidden="true"
+          loading="lazy"
+          className="object-contain h-full sm:h-full w-full"
+        />
+      </picture>
     </main>
   )
 }
diff --git a/src/components/home/BenefitsCard.tsx b/src/components/home/BenefitsCard.tsx
index e330d0ddc..9a94cb55b 100644
--- a/src/components/home/BenefitsCard.tsx
+++ b/src/components/home/BenefitsCard.tsx
@@ -4,6 +4,8 @@ import {ArrowRight} from "lucide-react"
 import Link from "@docusaurus/Link"
 import clsx from "clsx"
 
+const deferredPixel = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
+
 const BenefitsCard = (): JSX.Element => {
   return (
     <div className="mt-16 mb-10 lg:my-24">
@@ -20,7 +22,15 @@ const BenefitsCard = (): JSX.Element => {
             href={item.redirection_url}
           >
             <div className="flex-shrink-0 mb-4 md:mb-0 md:mr-6">
-              <img src={item.image} alt="Image Describing Why Tailcall" className="w-16 h-16 object-contain" />
+              <img
+                src={deferredPixel}
+                data-src={item.image}
+                alt="Image Describing Why Tailcall"
+                className="w-16 h-16 object-contain"
+                width={64}
+                height={64}
+                loading="lazy"
+              />
             </div>
             <div className="flex-grow">
               <p className="text-title-small sm:text-title-large text-white mb-2 flex items-center justify-between">
diff --git a/src/components/home/ChooseTailcall.tsx b/src/components/home/ChooseTailcall.tsx
index 8446fd151..504e161e0 100644
--- a/src/components/home/ChooseTailcall.tsx
+++ b/src/components/home/ChooseTailcall.tsx
@@ -3,6 +3,8 @@ import {chooseTailcall, tailcallFeatures, Theme} from "@site/src/constants"
 import LinkButton from "../shared/LinkButton"
 import Link from "@docusaurus/Link"
 
+const deferredPixel = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
+
 const ChooseTailcall = (): JSX.Element => {
   return (
     <div className="flex flex-col items-center justify-center">
@@ -16,7 +18,15 @@ const ChooseTailcall = (): JSX.Element => {
             key={item.id}
           >
             <div className="h-16 w-16 sm:w-full sm:h-full">
-              <img src={item.image} alt="Image Describing Why Tailcall" className="max-w-[72px] sm:max-w-[110px]" />
+              <img
+                src={deferredPixel}
+                data-src={item.image}
+                alt="Image Describing Why Tailcall"
+                className="max-w-[72px] sm:max-w-[110px]"
+                width={72}
+                height={72}
+                loading="lazy"
+              />
             </div>
 
             <div>
@@ -33,7 +43,14 @@ const ChooseTailcall = (): JSX.Element => {
             className="flex w-fit p-6 border-2 border-solid border-tailCall-border-dark-300 rounded-xl md:items-center md:justify-center cursor-pointer hover:no-underline text-tailCall-light-300 hover:text-tailCall-light-300 hover:border-[#FDEA2E] benefits-drop-shadow"
             key={item.id}
           >
-            <img src={item.image} alt={`${item.title} Image`} height={24} width={24} />
+            <img
+              src={deferredPixel}
+              data-src={item.image}
+              alt={`${item.title} Image`}
+              height={24}
+              width={24}
+              loading="lazy"
+            />
             <span className="text-content-small lg:text-title-tiny ml-2">{item.title}</span>
           </Link>
         ))}
diff --git a/src/components/home/Configuration.tsx b/src/components/home/Configuration.tsx
index 69bc9cd3f..b0e304860 100644
--- a/src/components/home/Configuration.tsx
+++ b/src/components/home/Configuration.tsx
@@ -17,10 +17,14 @@ const Configuration = (): JSX.Element => {
           Setup the Tailcall instantly via npm and unlock the power of high-performance API orchestration.
         </p>
         <div>
-          <h5>More</h5>
+          <h3 className="text-title-small">More</h3>
           <p className="text-content-small sm:text-content-medium mb-SPACE_11">
-            To dive deeper into Tailcall checkout our <Link href="/docs">docs</Link> for detailed tutorials. Ideal for
-            devs at any level, it's packed with advanced tips, powerful operators and best practices.
+            To dive deeper into Tailcall checkout our{" "}
+            <Link href="/docs" className="text-tailCall-dark-500 underline">
+              Tailcall docs
+            </Link>{" "}
+            for detailed tutorials. Ideal for devs at any level, it's packed with advanced tips, powerful operators and
+            best practices.
           </p>
         </div>
       </div>
diff --git a/src/components/home/Graph.tsx b/src/components/home/Graph.tsx
index 9f78a7f3e..51f0ae477 100644
--- a/src/components/home/Graph.tsx
+++ b/src/components/home/Graph.tsx
@@ -16,7 +16,7 @@ const Graph = (): JSX.Element => {
     <Section className="bg-tailCall-dark-600 h-full w-full text-tailCall-light-100 lg:pt-48 lg:pb-36">
       <div className="flex items-center justify-between lg:mb-12">
         <Heading
-          as="h5"
+          as="h2"
           className="text-title-large sm:text-display-tiny lg:text-display-medium sm:max-w-sm lg:max-w-xl"
         >
           Platform made for performance.
diff --git a/src/components/home/IntroductionVideo/index.tsx b/src/components/home/IntroductionVideo/index.tsx
index 70e2a429b..627fd28dd 100644
--- a/src/components/home/IntroductionVideo/index.tsx
+++ b/src/components/home/IntroductionVideo/index.tsx
@@ -1,10 +1,10 @@
-import React, {useRef} from "react"
+import React, {useState} from "react"
 import {useCookieConsent} from "@site/src/utils/hooks/useCookieConsent"
 import "./style.css"
 
 const IntroductionVideo: React.FC = () => {
   const videoId = "1011521201"
-  const videoRef = useRef<HTMLDivElement>(null)
+  const [isVideoLoaded, setIsVideoLoaded] = useState(false)
   const {getCookieConsent} = useCookieConsent()
   const cookieConsent = getCookieConsent()
 
@@ -13,16 +13,27 @@ const IntroductionVideo: React.FC = () => {
   }
 
   return (
-    <div className="video-wrapper" ref={videoRef}>
+    <div className="video-wrapper">
       <div className="video-container">
-        <iframe
-          src={`https://player.vimeo.com/video/${videoId}?autoplay=0&badge=0&autopause=0&player_id=0&app_id=58479${handleVimeoAnalytics()}`}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          allowFullScreen
-          className="absolute top-0 left-0 w-full h-full"
-          title="Tailcall Introduction Video"
-          loading="lazy"
-        />
+        {isVideoLoaded ? (
+          <iframe
+            src={`https://player.vimeo.com/video/${videoId}?autoplay=1&badge=0&autopause=0&player_id=0&app_id=58479${handleVimeoAnalytics()}`}
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowFullScreen
+            className="absolute top-0 left-0 w-full h-full"
+            title="Tailcall Introduction Video"
+            loading="lazy"
+          />
+        ) : (
+          <button
+            type="button"
+            className="video-play-button"
+            aria-label="Play Tailcall introduction video"
+            onClick={() => setIsVideoLoaded(true)}
+          >
+            <span className="video-play-icon" aria-hidden="true" />
+          </button>
+        )}
       </div>
     </div>
   )
diff --git a/src/components/home/IntroductionVideo/style.css b/src/components/home/IntroductionVideo/style.css
index 2160fa2a2..827a9d65c 100644
--- a/src/components/home/IntroductionVideo/style.css
+++ b/src/components/home/IntroductionVideo/style.css
@@ -33,6 +33,44 @@
   background-size: 100%;
 }
 
+.video-play-button {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  background: rgba(18, 19, 21, 0.08);
+  cursor: pointer;
+}
+
+.video-play-button:focus-visible {
+  outline: 3px solid #fdea2e;
+  outline-offset: -6px;
+}
+
+.video-play-icon {
+  display: block;
+  width: 4rem;
+  height: 4rem;
+  border-radius: 9999px;
+  background: #fdea2e;
+  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
+  position: relative;
+}
+
+.video-play-icon::after {
+  content: "";
+  position: absolute;
+  left: 1.65rem;
+  top: 1.2rem;
+  border-left: 1.25rem solid #121315;
+  border-top: 0.8rem solid transparent;
+  border-bottom: 0.8rem solid transparent;
+}
+
 .video-background {
   position: absolute;
   top: 0;
diff --git a/src/components/home/Testimonials.tsx b/src/components/home/Testimonials.tsx
index 96d2c42ff..104b84a57 100644
--- a/src/components/home/Testimonials.tsx
+++ b/src/components/home/Testimonials.tsx
@@ -29,7 +29,7 @@ const Testimonials = () => {
     <Section className="customer-container !bg-tailCall-dark-600 h-full w-full text-tailCall-light-100 !bg-contain md:!bg-center md:!bg-top py-16 md:py-20 lg:pt-48 lg:pb-24">
       <div className="flex flex-row items-center justify-center">
         <Heading
-          as="h5"
+          as="h2"
           className="text-title-large sm:text-display-tiny lg:text-display-medium flex flex-col items-center md:flex-row lg:mb-20"
         >
           <span>Developers</span>
diff --git a/src/components/home/TrustedByMarquee.tsx b/src/components/home/TrustedByMarquee.tsx
index c7b21b60f..963cc0960 100644
--- a/src/components/home/TrustedByMarquee.tsx
+++ b/src/components/home/TrustedByMarquee.tsx
@@ -17,6 +17,8 @@ interface TrustedByMarqueeProps {
   mobileClassName?: string
 }
 
+const deferredPixel = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
+
 const TrustedByMarquee: React.FC<TrustedByMarqueeProps> = ({
   title = "Deploy Anywhere",
   logos,
@@ -35,10 +37,26 @@ const TrustedByMarquee: React.FC<TrustedByMarqueeProps> = ({
     <div key={partner.name} className="h-20">
       {partner.link ? (
         <a href={partner.link} target="_blank" rel="noopener noreferrer">
-          <img src={partner.logo} alt={partner.name} className="max-w-[152px]" />
+          <img
+            src={deferredPixel}
+            data-src={partner.logo}
+            alt={partner.name}
+            className="max-w-[152px]"
+            width={152}
+            height={43}
+            loading="lazy"
+          />
         </a>
       ) : (
-        <img src={partner.logo} alt={partner.name} className="max-w-[152px]" />
+        <img
+          src={deferredPixel}
+          data-src={partner.logo}
+          alt={partner.name}
+          className="max-w-[152px]"
+          width={152}
+          height={43}
+          loading="lazy"
+        />
       )}
     </div>
   )
diff --git a/src/components/shared/CookieConsentModal/CookieConsentModal.tsx b/src/components/shared/CookieConsentModal/CookieConsentModal.tsx
index 5a257225b..29b58394d 100644
--- a/src/components/shared/CookieConsentModal/CookieConsentModal.tsx
+++ b/src/components/shared/CookieConsentModal/CookieConsentModal.tsx
@@ -102,7 +102,7 @@ const CookieConsentModal: React.FC<CookieConsentModalProps> = ({open, onAccept,
                     href={pageLinks.privacyPolicy}
                     className="text-tailCall-light-300 hover:text-tailCall-light-300 underline"
                   >
-                    Learn More
+                    Learn more about privacy
                   </Link>
                 </span>
               </div>
@@ -152,6 +152,7 @@ const CookieConsentModal: React.FC<CookieConsentModalProps> = ({open, onAccept,
             <img
               className={clsx("absolute cursor-pointer", styles.closeBtn)}
               src={require("@site/static/images/cookie-consent/close-btn.png").default}
+              alt="Close cookie preferences"
               height={16}
               width={25}
               onClick={handleClose}
diff --git a/src/components/shared/Discover.tsx b/src/components/shared/Discover.tsx
index 1bbe42beb..9f1c0ebfc 100644
--- a/src/components/shared/Discover.tsx
+++ b/src/components/shared/Discover.tsx
@@ -14,7 +14,7 @@ const Discover = (): JSX.Element => {
         <BgTailcall />
 
         <div className="flex flex-col items-center absolute max-w-3xl space-y-SPACE_04 sm:space-y-SPACE_06">
-          <Heading as="h5" className="text-title-semi-large sm:text-display-medium text-center mb-0">
+          <Heading as="h2" className="text-title-semi-large sm:text-display-medium text-center mb-0">
             Discover the power of enterprise solution.
           </Heading>
 
@@ -27,9 +27,9 @@ const Discover = (): JSX.Element => {
             />
             <LinkButton
               theme={Theme.Light}
-              title="Know More"
+              title="Explore Tailcall"
               href={pageLinks.introduction}
-              onClick={() => analyticsHandler("Discover", "Click", "Know More")}
+              onClick={() => analyticsHandler("Discover", "Click", "Explore Tailcall")}
             />
           </div>
         </div>
diff --git a/src/components/shared/Footer.tsx b/src/components/shared/Footer.tsx
index cc833aa4d..ab6904511 100644
--- a/src/components/shared/Footer.tsx
+++ b/src/components/shared/Footer.tsx
@@ -44,7 +44,12 @@ const Footer = (): JSX.Element => {
         </p>
         <div className="space-x-SPACE_04">
           {socials.map((social) => (
-            <Link href={social.href} className="cursor-pointer" key={social.id}>
+            <Link
+              href={social.href}
+              className="cursor-pointer"
+              key={social.id}
+              aria-label={`Tailcall on ${social.name}`}
+            >
               <social.image className="h-6 w-6" />
             </Link>
           ))}
diff --git a/src/components/shared/GlobalHead.tsx b/src/components/shared/GlobalHead.tsx
index 6ea6be5fc..3890d2b69 100644
--- a/src/components/shared/GlobalHead.tsx
+++ b/src/components/shared/GlobalHead.tsx
@@ -1,6 +1,6 @@
 import React from "react"
 import Head from "@docusaurus/Head"
-import {gtagScriptContent, reb2bScriptContent} from "@site/src/constants"
+import {CookiePreferenceCategory, gtagScriptContent, reb2bScriptContent} from "@site/src/constants"
 
 interface GlobalHeadProps {
   isCookieConsentAccepted?: boolean
@@ -23,11 +23,23 @@ const GlobalHead: React.FC<GlobalHeadProps> = ({isCookieConsentAccepted = false,
     )
   }
 
+  const injectMarketingScripts = () => {
+    return (
+      <script
+        id="chatbotscript"
+        data-accountid="CZPG9aVdtk59Tjz4SMTu8w=="
+        data-websiteid="75VGI0NlBqessD4BQn2pFg=="
+        src={`https://app.robofy.ai/bot/js/common.js?v=${Date.now()}`}
+      />
+    )
+  }
+
   const injectScripts = (preferences: string[] | undefined): JSX.Element[] => {
     const activeScripts: JSX.Element[] = []
 
     const preferenceMapping: Record<string, () => JSX.Element> = {
-      Analytics: injectAnalyticsScripts,
+      [CookiePreferenceCategory.ANALYTICS]: injectAnalyticsScripts,
+      [CookiePreferenceCategory.MARKETING]: injectMarketingScripts,
     }
 
     if (!preferences) {
diff --git a/src/constants/index.tsx b/src/constants/index.tsx
index 42bde5b7b..f24300343 100644
--- a/src/constants/index.tsx
+++ b/src/constants/index.tsx
@@ -18,40 +18,40 @@ export const algoliaConstants = {
 }
 
 export const companies: PartnerImage[] = [
-  {name: "Dream11", logo: require("@site/static/icons/companies/dream11.png").default},
-  {name: "AfterShip", logo: require("@site/static/icons/companies/aftership.png").default},
-  {name: "Optum", logo: require("@site/static/icons/companies/optum.png").default},
-  {name: "Sinch", logo: require("@site/static/icons/companies/sinch.png").default},
+  {name: "Dream11", logo: "/icons/companies/dream11.png"},
+  {name: "AfterShip", logo: "/icons/companies/aftership.png"},
+  {name: "Optum", logo: "/icons/companies/optum.png"},
+  {name: "Sinch", logo: "/icons/companies/sinch.png"},
 ]
 
 export const partnerImages: PartnerImage[] = [
   {
     name: "Digital Ocean",
-    logo: require("@site/static/icons/companies/digital-ocean.png").default,
+    logo: "/icons/companies/digital-ocean.png",
   },
   {
     name: "Vercel",
-    logo: require("@site/static/icons/companies/vercel.png").default,
+    logo: "/icons/companies/vercel.png",
   },
   {
     name: "Fastly",
-    logo: require("@site/static/icons/companies/fastly.png").default,
+    logo: "/icons/companies/fastly.png",
   },
   {
     name: "Cloud Flare",
-    logo: require("@site/static/icons/companies/cloudflare.png").default,
+    logo: "/icons/companies/cloudflare.png",
   },
   {
     name: "AWS",
-    logo: require("@site/static/icons/companies/aws.png").default,
+    logo: "/icons/companies/aws.png",
   },
   {
     name: "Google Cloud",
-    logo: require("@site/static/icons/companies/google-cloud.png").default,
+    logo: "/icons/companies/google-cloud.png",
   },
   {
     name: "Fly",
-    logo: require("@site/static/icons/companies/fly-io.png").default,
+    logo: "/icons/companies/fly-io.png",
   },
 ]
 
@@ -225,19 +225,19 @@ export const chooseTailcall: ChooseTailcall[] = [
     id: 1,
     title: "Top developer experience",
     description: "Design your APIs, with syntax highlighting and lint checks within your favourite IDE.",
-    image: require("@site/static/images/home/dev-experience.png").default,
+    image: "/images/home/dev-experience.png",
   },
   {
     id: 2,
     title: "Performance",
     description: "Get performance that’s higher than your hand optimized implementation",
-    image: require("@site/static/images/home/performance.png").default,
+    image: "/images/home/performance.png",
   },
   {
     id: 3,
     title: "Scale Fearlessly",
     description: "Leverage built-in best practices that guarantee robustness at any scale.",
-    image: require("@site/static/images/home/scale.png").default,
+    image: "/images/home/scale.png",
   },
 ]
 
@@ -245,49 +245,49 @@ export const tailcallFeatures: TailcallFeatures[] = [
   {
     id: 1,
     title: "Powerful Batching Primitive",
-    image: require("@site/static/images/choose-tailcall/rocket.png").default,
+    image: "/images/choose-tailcall/rocket.png",
     redirection_url: "/docs/graphql-n-plus-one-problem-solved-tailcall/#using-batch-apis",
   },
   {
     id: 2,
     title: "Extensions with plugins and JS support",
-    image: require("@site/static/images/choose-tailcall/grid.png").default,
+    image: "/images/choose-tailcall/grid.png",
     redirection_url: "/docs/graphql-javascript-customization/",
   },
   {
     id: 3,
     title: "Field based Authentication & Authorisation",
-    image: require("@site/static/images/choose-tailcall/shield-tick.png").default,
+    image: "/images/choose-tailcall/shield-tick.png",
     redirection_url: "/docs/field-level-access-control-graphql-authentication/",
   },
   {
     id: 4,
     title: "Protocol agnostic",
-    image: require("@site/static/images/choose-tailcall/check-done.png").default,
+    image: "/images/choose-tailcall/check-done.png",
     redirection_url: "/docs/graphql-grpc-tailcall/",
   },
   {
     id: 5,
     title: "Performance",
-    image: require("@site/static/images/choose-tailcall/line-chart-up.png").default,
+    image: "/images/choose-tailcall/line-chart-up.png",
     redirection_url: "https://github.com/tailcallhq/graphql-benchmarks",
   },
   {
     id: 6,
     title: "Security",
-    image: require("@site/static/images/choose-tailcall/lock.png").default,
+    image: "/images/choose-tailcall/lock.png",
     redirection_url: "/docs/field-level-access-control-graphql-authentication/",
   },
   {
     id: 7,
     title: "Edge Compatible",
-    image: require("@site/static/images/choose-tailcall/puzzle-piece.png").default,
+    image: "/images/choose-tailcall/puzzle-piece.png",
     redirection_url: "/docs/deploy-graphql-github-actions/",
   },
   {
     id: 8,
     title: "Compile time checks",
-    image: require("@site/static/images/choose-tailcall/clock-stopwatch.png").default,
+    image: "/images/choose-tailcall/clock-stopwatch.png",
     redirection_url: "/docs/tailcall-graphql-cli/#check",
   },
 ]
@@ -298,7 +298,7 @@ export const benefits: Benefits[] = [
     title: "Secure",
     description:
       "Tailcall has been validated against a comprehensive database of GraphQL vulnerabilities. Rest easy knowing your GraphQL backends are secure.",
-    image: require("@site/static/images/home/secure-icon.png").default,
+    image: "/images/home/secure-icon.png",
     redirection_url: "/docs/field-level-access-control-graphql-authentication/",
   },
   {
@@ -306,7 +306,7 @@ export const benefits: Benefits[] = [
     title: "High-Performance",
     description:
       "Tailcall performs ahead-of-time optimizations based on analysis of the schema and data dependencies. Deploy GraphQL without compromises.",
-    image: require("@site/static/images/home/performance.png").default,
+    image: "/images/home/performance.png",
     redirection_url: "https://github.com/tailcallhq/graphql-benchmarks",
   },
   {
@@ -314,7 +314,7 @@ export const benefits: Benefits[] = [
     title: "Statically Verified",
     description:
       "Tailcall statically verifies that GraphQL schemas match resolvers and warns about N + 1 issues. Deploy new APIs with confidence.",
-    image: require("@site/static/images/home/statically-verified-icon.png").default,
+    image: "/images/home/statically-verified-icon.png",
     redirection_url: "/docs/graphql-n-plus-one-problem-solved-tailcall/",
   },
   {
@@ -322,7 +322,7 @@ export const benefits: Benefits[] = [
     title: "Simple",
     description:
       "Tailcall configuration generator can integrate thousands of APIs in a matter of minutes. Configure with ease and deploy with confidence.",
-    image: require("@site/static/images/home/simple-icon.png").default,
+    image: "/images/home/simple-icon.png",
     redirection_url: "/docs/tailcall-dsl-graphql-custom-directives/",
   },
   {
@@ -330,7 +330,7 @@ export const benefits: Benefits[] = [
     title: "Customizable",
     description:
       "Write custom Javascript to customize any aspect of your GraphQL backend. Leverage this escape hatch to satisfy any requirement.",
-    image: require("@site/static/images/home/customizable-icon.png").default,
+    image: "/images/home/customizable-icon.png",
     redirection_url: "/docs/graphql-javascript-customization/",
   },
   {
@@ -338,7 +338,7 @@ export const benefits: Benefits[] = [
     title: "Plug & Play",
     description:
       "Engineered to stay out of your way, shipping as a single executable with no dependencies or requirements. Get started quickly and easily.",
-    image: require("@site/static/images/home/plug-play-icon.png").default,
+    image: "/images/home/plug-play-icon.png",
     redirection_url: "/docs/",
   },
   {
@@ -346,7 +346,7 @@ export const benefits: Benefits[] = [
     title: "Open Source",
     description:
       "Tailcall is developed and released under the Apache 2 open source license, the gold standard for OSS. Embrace a vendor-neutral solution.",
-    image: require("@site/static/images/home/open-source-icon.png").default,
+    image: "/images/home/open-source-icon.png",
     redirection_url: "https://github.com/tailcallhq/tailcall",
   },
 ]