feat: integrate Cloudinary image upload, Instagram Feed, and fix Next.js warnings

components/Footer.tsx

@@ -3,6 +3,7 @@
 import { useTranslations } from 'next-intl';
 import { Instagram } from '@/components/InstagramIcon';
 import { Link, usePathname } from '@/i18n/routing';
+import Image from 'next/image';
 
 export default function Footer() {
   const t = useTranslations('Footer');
@@ -38,14 +39,15 @@ export default function Footer() {
         <div className="flex flex-col md:flex-row justify-between items-start gap-12 mb-12">
 
           {/* Brand */}
-          <div>
-            <Link href="/" className="inline-flex flex-col mb-3">
-              <span className="font-heading text-5xl font-black uppercase tracking-tighter gradient-text-warm">
-                Kozmos
-              </span>
-              <span className="text-[10px] tracking-[0.5em] font-body uppercase text-white/30 mt-0.5">
-                Beach &amp; More
-              </span>
+          <div className="relative w-40 h-24">
+            <Link href="/" className="inline-flex flex-col mb-4 transform transition-transform hover:scale-105">
+              <Image 
+                src="/logo.png" 
+                alt="Kozmos Logo" 
+                fill
+                sizes="(max-width: 768px) 120px, 160px"
+                className="object-contain brightness-0 invert opacity-100 drop-shadow-lg"
+              />
             </Link>
             <p className="text-white/35 text-sm mt-1">{t('tagline')}</p>
           </div>