diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5cee7f1..0c94c78 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -125,6 +125,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Questions?"
       description="Find answers to frequently asked questions about our process."
+      className="animate-on-scroll"
     />
   </div>
 
@@ -135,6 +136,7 @@ export default function LandingPage() {
       description="Let's start your project."
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
+      className="animate-on-scroll"
     />
   </div>
 
@@ -142,6 +144,7 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Aura Interiors"
       columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
+      className="animate-on-scroll"
     />
   </div>
       </ReactLenis>