fx

src/components/CallToAction.tsx

@@ -1,6 +1,7 @@
 import { CircleBackground } from '@/components/CircleBackground'
 import { Container } from '@/components/Container'
 import { Button } from '@/components/Button'
+import { FadeIn } from '@/components/FadeIn'
 
 export function CallToAction() {
   return (
@@ -22,6 +23,7 @@ export function CallToAction() {
         <CircleBackground color="#fff" className="animate-spin-slower" />
       </div>
       <Container className="relative z-20">
+          <FadeIn>
         <div className="mx-auto max-w-md sm:text-center">
           <h2 className="text-3xl font-medium tracking-tight text-white sm:text-4xl">
             Decentralized AI Agents that are Truly Yours
@@ -39,6 +41,7 @@ export function CallToAction() {
             </Button>
           </div>
         </div>
+        </FadeIn>
       </Container>
     </section>
   )