Adding animations

src/components/FooterSection.tsx

@@ -2,9 +2,16 @@ import { ABOUT_ORG, FOOTER } from "@/data/event-data";
 import { Instagram, Facebook, Youtube, Mail } from "lucide-react";
 import hacecalor from "@/assets/hacecalor.png";
 import activat from "@/assets/activat.png";
+import { motion } from "framer-motion";
 
 const FooterSection = () => (
-  <footer className="bg-foreground text-primary-foreground">
+  <motion.footer 
+    initial={{ opacity: 0, y: 30 }}
+    whileInView={{ opacity: 1, y: 0 }}
+    viewport={{ once: false, amount: 0.15 }}
+    transition={{ duration: 0.6 }}
+    className="bg-foreground text-primary-foreground"
+  >
     <div className="container mx-auto px-4 py-12">
       <div className="grid md:grid-cols-3 gap-8 mb-8">
         {/* Brand */}
@@ -58,7 +65,7 @@ const FooterSection = () => (
         <p className="text-sm text-primary-foreground/50">{FOOTER.copyright}</p>
       </div>
     </div>
-  </footer>
+  </motion.footer>
 );
 
 export default FooterSection;