diff --git a/src/app/page.tsx b/src/app/page.tsx
index 420f5c5..0933044 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import MediaAbout from "@/components/sections/about/MediaAbout";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FaqBase from "@/components/sections/faq/FaqBase";
@@ -146,9 +146,9 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Build Scalable Client Acquisition Systems"
-          description="Corlith Systems designs AI-driven pipelines that capture leads, qualify prospects, automate follow-ups, and convert attention into booked clients. Transform your business into an intelligent acquisition machine."
+        <HeroOverlay
+          title="Build Scalable Client Acquisition Systems"
+          subtitle="Corlith Systems designs AI-driven pipelines that capture leads, qualify prospects, automate follow-ups, and convert attention into booked clients. Transform your business into an intelligent acquisition machine."
           buttons={[
             {
               text: "Start Your System",              href: "#faq"},
@@ -159,7 +159,6 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-cinematic-ai-infrastructure-visualizat-1773828097147-d5632255.png"
           imageAlt="A cinematic AI infrastructure visualization with flowing data streams, neural networks, and technolo"
           buttonAnimation="blur-reveal"
-          showDimOverlay={true}
         />
       </div>