diff --git a/src/app/page.tsx b/src/app/page.tsx
index e776e7d..e794be2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Building2, HandHeart, Heart, Home, Scale, ShieldCheck, Stethoscope, Users } from 'lucide-react';
@@ -35,7 +35,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard 
+        <HeroLogoBillboardSplit 
           logoText='Paw Haven'
           description="Connecting loving homes with pets in need. Every animal deserves a second chance at happiness."
           buttons={[{text: 'Adopt a Pet', href: 'adopt'}, {text: 'Volunteer', href: 'features'}]}
@@ -44,6 +44,7 @@ export default function LandingPage() {
           imageAlt='Happy dog and cat in a shelter environment'
           mediaAnimation='blur-reveal'
           frameStyle='card'
+          layoutOrder='default'
         />
       </div>