diff --git a/src/app/page.tsx b/src/app/page.tsx
index e51f250..c77f3b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Sparkles, Crown } from "lucide-react";
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 
 export default function LandingPage() {
   return (
@@ -175,6 +176,10 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroOverlay />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="LuxeBrand"