diff --git a/src/app/page.tsx b/src/app/page.tsx
index 23747d5..cc2226d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="BRYAN\nLP GAS"
           description="Fast propane tank refills, competitive pricing, and hometown service that keeps your home warm when it matters most. Most customers are in and out in minutes—no corporate hassle, just dependable fuel."
-          background={{ variant: "plain" }}
+          background={{ variant: "fluid" }}
           buttons={[
             { text: "Get Your Tank Filled Today", href: "#contact" },
             { text: "Learn More", href: "#about" }
@@ -96,7 +96,6 @@ export default function LandingPage() {
           useInvertedBackground={true}
           tagAnimation="slide-up"
           buttonAnimation="blur-reveal"
-          mediaAnimation="opacity"
           ariaLabel="Services section - Why choose Bryan"
         />
       </div>
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f524543..6f0d982 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 interface SvgTextLogoProps {
   text: string;
   className?: string;
-  dominantBaseline?: 'auto' | 'baseline' | 'middle' | 'hanging' | 'mathematical' | 'ideographic';
+  dominantBaseline?: 'auto' | 'inherit' | 'alphabetic' | 'hanging' | 'ideographic' | 'mathematical' | 'text-before-edge' | 'middle' | 'central' | 'text-after-edge' | 'use-script' | 'no-change' | 'reset-size';
 }
 
 const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '', dominantBaseline = 'middle' }) => {