diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 188c9de..6fd6fe8 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -39,7 +39,7 @@ const About = ({
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
-      <Meta />
+      <Meta preload={[{ href: '/videos/hero-about.mp4', as: 'fetch' }]} />
       <Hero />
       <Team />
       <Related data={initialBlogPosts?.data} />
diff --git a/src/pages/community.tsx b/src/pages/community.tsx
index 89c8b30..45c2a80 100644
--- a/src/pages/community.tsx
+++ b/src/pages/community.tsx
@@ -9,7 +9,7 @@ import { Page } from './_app'
 const Community: Page = () => {
   return (
     <PageLayout>
-      <Meta />
+      <Meta preload={[{ href: '/videos/banner-community.mp4', as: 'fetch' }]} />
       <Hero />
       <Events />
       <Socials />
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index ef0aeb4..88563ef 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -40,7 +40,7 @@ const HomePage = ({
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
-      <Meta />
+      <Meta preload={[{ href: '/videos/hero-grid.mp4', as: 'fetch' }]} />
       <Hero />
       <Benefits />
       <LatestNews data={initialBlogPosts?.data} />
diff --git a/src/pages/products.tsx b/src/pages/products.tsx
index b2e50ad..7259cb6 100644
--- a/src/pages/products.tsx
+++ b/src/pages/products.tsx
@@ -43,7 +43,7 @@ const Products = ({
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
   return (
     <PageLayout>
-      <Meta />
+      <Meta preload={[{ href: '/videos/banner_products.mp4', as: 'fetch' }]} />
       <Hero />
       <Stack />
       <Network />