diff --git a/src/app/page.tsx b/src/app/page.tsx
index 487f2e5..2ed9de1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Award, Building2, Truck, CheckCircle, ArrowRight, Quote } from 'lucide-react';
+import Image from 'next/image';
 
 export default function LandingPage() {
   return (
@@ -28,7 +29,9 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AicWC53vH80wLx71X1buQoZMgU/uploaded-1773091546923-m4ntmasg.png"
+          brandName="Euro Pitture"
+          brandIcon={true}
+          brandLogoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AicWC53vH80wLx71X1buQoZMgU/uploaded-1773091546923-m4ntmasg.png"
           navItems={[
             { name: "Servizi", id: "services" },
             { name: "Lavori", id: "portfolio" },
@@ -104,16 +107,18 @@ export default function LandingPage() {
 
           {/* Full-width image section below with responsive heights */}
           <div 
-            className="w-full animate-fade-in-bottom"
+            className="w-full animate-fade-in-bottom relative"
             style={{
               animation: 'fadeInBottom 0.8s ease-out 0.4s both',
               height: 'clamp(220px, 100vw * 0.55, 480px)'
             }}
           >
-            <img
+            <Image
               src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AicWC53vH80wLx71X1buQoZMgU/uploaded-1773091546923-m4ntmasg.png"
               alt="Euro Pitture parco mezzi Suzzara"
-              className="w-full h-full object-cover"
+              fill
+              className="object-cover"
+              unoptimized
             />
           </div>
         </div>