feat: disabled fade in first section

src/components/sections/404/hero/index.tsx

@@ -9,7 +9,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <video
         autoPlay
         className={clsx('hide-on-mobile', s['video'])}

src/components/sections/about/hero/index.tsx

@@ -9,7 +9,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <div className={s['gradient']} />
       <video
         autoPlay

src/components/sections/blog/hero/index.tsx

@@ -12,7 +12,7 @@ interface HeroProps {
 
 const Hero = ({ featuredPost }: HeroProps) => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <Heading as="h1" variant="xl" centered>
         Blog
       </Heading>

src/components/sections/community/hero/index.tsx

@@ -8,7 +8,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <div className={s['gradient']}></div>
       <div className={s['video__container']}>
         <video

src/components/sections/homepage/hero/index.tsx

@@ -11,7 +11,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <video
         autoPlay
         className={clsx('hide-on-mobile', s['video'])}

src/components/sections/privacy/hero/index.tsx

@@ -6,7 +6,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <Heading as="h1" variant="xl">
         Privacy Policy
       </Heading>

src/components/sections/products/hero/index.tsx

@@ -7,7 +7,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <div className={s.gradient} />
       <video
         autoPlay

src/components/sections/terms/hero/index.tsx

@@ -6,7 +6,7 @@ import s from './hero.module.scss'
 
 const Hero = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} disableFadeIn>
       <Heading as="h1" variant="xl">
         Terms of Use
       </Heading>