diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index e0f2398..3e573dd 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -1,18 +1,18 @@
-// Created by add_section_from_catalog (HeroBillboardCarousel).
+// Created by add_section_from_catalog (HeroOverlay).
 
 import React from 'react';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 
 export default function HeroSection(): React.JSX.Element {
   return (
     <div data-webild-section="hero" id="hero">
-      <HeroBillboardCarousel
-        secondaryButton={{"href":"#offers","text":"Ofertas exclusivas"}}
-        description="Descubre nuestros hoteles y resorts en los destinos más exclusivos. Lujo, confort y un servicio excepcional te esperan."
-        items={[{"imageSrc":"https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1582719508461-905c673771fd?auto=format&fit=crop&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1520250497591-112f2f40a3f4?auto=format&fit=crop&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1571896349842-33c89424de2d?auto=format&fit=crop&q=80"}]}
-        title="Vive la experiencia Meliá"
-        primaryButton={{"text":"Encuentra tu hotel","href":"#booking"}}
+      <HeroOverlay
+        primaryButton={{"href":"#booking","text":"Encuentra tu hotel"}}
         tag="Meliá Hotels International"
+        description="Descubre nuestros hoteles y resorts en los destinos más exclusivos. Lujo, confort y un servicio excepcional te esperan."
+        secondaryButton={{"href":"#offers","text":"Ofertas exclusivas"}}
+        imageSrc="https://picsum.photos/seed/666165558/1200/800"
+        title="Vive la experiencia Meliá"
       />
     </div>
   );