feat: preload video

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} />

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 />

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} />

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 />