diff --git a/src/app/page.tsx b/src/app/page.tsx
index a2f5e66..387613c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
@@ -43,16 +43,16 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero" className="text-white py-12 px-6 flex flex-col items-center">
-      <HeroLogoBillboard
-      background={{ variant: "gradient-bars" }}
+      <HeroSplitMediaGrid
       logoText="Integrety Doc Prep LLC"
       description="The help you need to move on. Flat-fee support. Less stress. A clear next step. Call 754-254-4054"
       buttons={[
         { text: "Call 754-254-4054", href: "tel:754-254-4054" },
       ]}
       mediaAnimation="blur-reveal"
-      frameStyle="card"
       imageSrc="https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?q=80&w=1200&auto=format&fit=crop&_wi=1"
+      imageAlt="Professional workspace"
+      mediaPosition="right"
     />
   </div>
 
@@ -129,4 +129,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}