Update src/app/page.tsx

src/app/page.tsx

@@ -7,11 +7,9 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import { Dumbbell, Scale, UserCheck } from 'lucide-react';
@@ -113,6 +111,7 @@ export default function LandingPage() {
       description="Check your Body Mass Index (BMI) to understand your fitness goals better."
       gridVariant="uniform-all-items-equal"
       textboxLayout="split"
+      useInvertedBackground={true}
       metrics={[
         { id: "c1", value: "Healthy", title: "BMI Calculation", description: "Enter your height & weight for a personalized assessment.", icon: Scale },
         { id: "c2", value: "Expert", title: "Fitness Insights", description: "Personalized guidance based on your BMI trends.", icon: UserCheck }