Add more images & logo & footer

src/components/FooterSection.tsx

@@ -1,5 +1,7 @@
 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";
 
 const FooterSection = () => (
   <footer className="bg-foreground text-primary-foreground">
@@ -9,7 +11,8 @@ const FooterSection = () => (
         <div>
           <h3 className="font-display text-2xl font-bold mb-3">ZoukLambadaBCN</h3>
           <p className="text-primary-foreground/70 text-sm">
-            Comunidad de baile en Barcelona.
+            <img src={hacecalor} alt="Hacecalor" className="inline-block w-auto h-12 mr-1" />
+            <img src={activat} alt="Activat" className="inline-block w-auto h-12 mr-1" />
           </p>
         </div>
 

src/components/Navbar.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { Menu, X } from "lucide-react";
 import { NAV_LINKS } from "@/data/event-data";
+import Logo from "@/assets/logo.png";
 
 /**
  * Navbar sticky con menú responsive.
@@ -28,7 +29,7 @@ const Navbar = () => {
       <div className="container mx-auto flex items-center justify-between px-4 py-3">
         {/* Logo */}
         <a href="#" className="font-display text-xl font-bold text-gradient">
-          ZoukLambadaBCN
+          <img src={Logo} alt="ZLB Logo" className="h-8 w-auto" />
         </a>
 
         {/* Desktop links */}