diff --git a/apps/landing/next.config.ts b/apps/landing/next.config.ts
index c2c35d9..cff84a0 100644
--- a/apps/landing/next.config.ts
+++ b/apps/landing/next.config.ts
@@ -4,7 +4,7 @@ const nextConfig: NextConfig = {
   output: 'standalone',
   trailingSlash: true,
   images: {
-    // Enable Next.js image optimization for better performance
+    formats: ['image/avif', 'image/webp'],
   },
   eslint: {
     ignoreDuringBuilds: true,
diff --git a/apps/landing/src/app/_assets/banatie-logo-horisontal.png b/apps/landing/src/app/_assets/banatie-logo-horisontal.png
new file mode 100644
index 0000000..b4c73ee
Binary files /dev/null and b/apps/landing/src/app/_assets/banatie-logo-horisontal.png differ
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index 63c95dc..3b10e61 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -3,6 +3,7 @@ import { Inter, Caveat } from 'next/font/google';
 import Image from 'next/image';
 import Script from 'next/script';
 import { Footer } from '@/components/shared/Footer';
+import banatieLogo from './_assets/banatie-logo-horisontal.png';
 import './globals.css';
 
 const inter = Inter({
@@ -51,7 +52,7 @@ export default function RootLayout({
             <nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
               <div className="h-full flex items-center">
                 <Image
-                  src="/banatie-logo-horisontal.png"
+                  src={banatieLogo}
                   alt="Banatie Logo"
                   width={150}
                   height={40}
diff --git a/apps/landing/src/components/shared/Footer.tsx b/apps/landing/src/components/shared/Footer.tsx
index 40c2794..718f106 100644
--- a/apps/landing/src/components/shared/Footer.tsx
+++ b/apps/landing/src/components/shared/Footer.tsx
@@ -2,6 +2,7 @@
 
 import Image from 'next/image';
 import { footerLinks, footerCopyright } from '@/config/footer';
+import banatieLogo from '@/app/_assets/banatie-logo-horisontal.png';
 
 export const Footer = () => {
   return (
@@ -10,10 +11,11 @@ export const Footer = () => {
         <div className="flex flex-col md:flex-row justify-between items-center gap-6">
           <div className="h-16 flex items-center">
             <Image
-              src="/banatie-logo-horisontal.png"
+              src={banatieLogo}
               alt="Banatie Logo"
               width={200}
               height={60}
+              loading="lazy"
               className="h-full w-auto object-contain"
             />
           </div>