fx

src/components/Footer.tsx

@@ -6,6 +6,7 @@ import { Container } from '@/components/Container'
 import { TextField } from '@/components/Fields'
 import { Logomark } from '@/components/Logo'
 import { NavLinks } from '@/components/NavLinks'
+import { FadeIn } from '@/components/FadeIn'
 import qrCode from '@/images/qr-code.svg'
 
 function QrCodeBorder(props: React.ComponentPropsWithoutRef<'svg'>) {
@@ -23,6 +24,7 @@ function QrCodeBorder(props: React.ComponentPropsWithoutRef<'svg'>) {
 export function Footer() {
   return (
     <footer id="footer" className="border-t border-gray-800">
+      <FadeIn>
       <Container>
         <div className="flex flex-col items-start justify-between gap-y-12 pt-12 pb-6 lg:flex-row lg:items-center lg:py-12">
           <div>
@@ -76,6 +78,7 @@ export function Footer() {
           </p>
         </div>
       </Container>
+      </FadeIn>
     </footer>
   )
 }