Add logo image and update branding across header, footer, and emails

- Replace text logo with logo-spanglish.png in Header and Footer
- Update email templates to use logo image instead of styled text
- Add new HeroSection and EventHighlight components
- Update homepage layout and event detail pages
- Adjust Tailwind config and global styles

frontend/src/app/(public)/contact/page.tsx

@@ -104,7 +104,7 @@ export default function ContactPage() {
                     <h3 className="font-semibold text-lg">{t('contact.info.email')}</h3>
                     <a 
                       href={emailLink.url}
-                      className="text-secondary-blue hover:underline"
+                      className="text-brand-navy hover:underline"
                     >
                       {emailLink.handle}
                     </a>
@@ -129,7 +129,7 @@ export default function ContactPage() {
                           href={link.url}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="flex items-center gap-3 text-secondary-blue hover:text-primary-dark transition-colors group"
+                          className="flex items-center gap-3 text-brand-navy hover:text-primary-dark transition-colors group"
                         >
                           <span className="w-8 h-8 flex items-center justify-center rounded-full bg-gray-100 group-hover:bg-primary-yellow/20 transition-colors">
                             {socialIcons[link.type]}