diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0256a8c..258cf90 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -41,8 +41,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{ variant: "rotated-rays-animated" }}
+      <HeroOverlay
       title="Aprueba tu carnet de conducir a la primera"
       description="Autoescuela con trato cercano, profesores pacientes y excelentes resultados en Sevilla. Prepárate con los mejores expertos."
       buttons={[
@@ -51,6 +50,8 @@ export default function LandingPage() {
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-transgender-outdoors_23-2149105450.jpg"
       imageAlt="Clases de conducir"
+      showBlur={true}
+      textPosition="bottom"
     />
   </div>