src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumLarge"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
@@ -41,7 +41,7 @@ export default function LandingPage() {
         <HeroBillboardTestimonial
           title="hello, Aryan here"
           description="building meaningful web experiences — and occasionally fixing what I broke."
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "plain" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao3LuWrhn9dVwGBZPq7b9kJLlM/a-stunning-dark-themed-hero-background-w-1773245380293-81013917.png"
           imageAlt="Modern developer portfolio hero background"
           mediaAnimation="slide-up"
@@ -180,7 +180,7 @@ export default function LandingPage() {
         <ContactText
           text="Let's create something extraordinary together. Whether you have a project in mind or just want to chat about web development, I'm always excited to connect."
           animationType="entrance-slide"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           buttons={[
             { text: "Send Email", href: "mailto:hello@example.com" },

src/components/shared/SvgTextLogo/SvgTextLogo.tsx

@@ -6,7 +6,7 @@ interface SvgTextLogoProps {
   fontSize?: number;
   fontWeight?: number | string;
   letterSpacing?: number;
-  dominantBaseline?: 'auto' | 'middle' | 'hanging' | 'text-bottom' | 'alphabetic' | 'text-top';
+  dominantBaseline?: 'auto' | 'middle' | 'hanging' | 'alphabetic' | 'text-top';
 }
 
 const SvgTextLogo: React.FC<SvgTextLogoProps> = ({