From 88d2b548fe3751a75ec34fc2e1d79c69c6f740c5 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 5 Feb 2026 17:57:24 +0100
Subject: [PATCH] Phase 5: Animations & Final touch

---
 app/integrations/page.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/integrations/page.tsx b/app/integrations/page.tsx
index 3932ebc..81116d2 100644
--- a/app/integrations/page.tsx
+++ b/app/integrations/page.tsx
@@ -107,10 +107,17 @@ export default function IntegrationsPage() {
                 View Guide <span aria-hidden="true">&rarr;</span>
               </span>
             </Link>
+            </motion.div>
           ))}
           
           {/* * Request Integration Card */}
-          <div className="p-8 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-2xl flex flex-col items-center justify-center text-center">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5, delay: integrations.length * 0.1 }}
+            className="p-8 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-2xl flex flex-col items-center justify-center text-center"
+          >
             <h3 className="text-lg font-bold text-neutral-900 dark:text-white mb-2">
               Missing something?
             </h3>