Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeLargeTitles"
-      background="circleGradient"
+      background="none"
       cardStyle="subtle-shadow"
       primaryButtonStyle="inset-glow"
       secondaryButtonStyle="glass"
@@ -45,7 +45,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="FITPRO"
           description="Transform your body and mind with personalized training. Expert guidance, proven results, and your success is our mission."
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Book Free Consultation", href: "contact" },
             { text: "View Services", href: "services" }
@@ -66,7 +66,7 @@ export default function LandingPage() {
             { icon: Award, label: "Certifications", value: "8" },
             { icon: TrendingUp, label: "Avg. Transformation", value: "30 lbs" }
           ]}
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -129,7 +129,7 @@ export default function LandingPage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -181,7 +181,7 @@ export default function LandingPage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>