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>

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' }) => {