diff --git a/src/app/page.tsx b/src/app/page.tsx
index df4c783..6d7056a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,6 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { BookOpen, Microscope, Brain, Users } from "lucide-react";
 
 export default function AnatomyPage() {
   return (
@@ -59,6 +58,7 @@ export default function AnatomyPage() {
 
         <div id="about" data-section="about">
           <InlineImageSplitTextAbout
+            useInvertedBackground={false}
             heading={[
               { type: "text", content: "Bridging Science " },
               { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu", alt: "DNA" },
@@ -70,6 +70,7 @@ export default function AnatomyPage() {
 
         <div id="features" data-section="features">
           <FeatureCardTwentyNine
+            useInvertedBackground={false}
             title="Comprehensive Study Tools"
             description="From musculoskeletal systems to neurological pathways, master every detail."
             textboxLayout="inline-image"
@@ -84,6 +85,7 @@ export default function AnatomyPage() {
 
         <div id="services" data-section="services">
           <PricingCardTwo
+            useInvertedBackground={false}
             title="Curriculum Tiers"
             animationType="scale-rotate"
             textboxLayout="default"
@@ -97,8 +99,9 @@ export default function AnatomyPage() {
         <div id="metrics" data-section="metrics">
           <MetricCardEleven
             title="Precision at Scale"
-            animationType="depth-3d"
+            animationType="blur-reveal"
             textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[
               { id: "1", value: "99.9%", title: "Anatomical Accuracy", description: "Verified by top surgeons", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dnks0j" }
             ]}
@@ -107,6 +110,7 @@ export default function AnatomyPage() {
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardTwelve
+            useInvertedBackground={false}
             cardTitle="Trusted by Universities"
             cardTag="Partnerships"
             cardAnimation="blur-reveal"
@@ -118,9 +122,11 @@ export default function AnatomyPage() {
 
         <div id="faq" data-section="faq">
           <FaqDouble
+            useInvertedBackground={false}
             title="Frequently Asked Questions"
             faqsAnimation="slide-up"
             textboxLayout="default"
+            description="Answers to your most common questions."
             faqs={[
               { id: "1", title: "Is the atlas updated regularly?", content: "Yes, our database is updated monthly to include latest findings." },
               { id: "2", title: "Can I export models?", content: "Yes, professional tier members can export high-res files." }
@@ -130,6 +136,7 @@ export default function AnatomyPage() {
 
         <div id="contact" data-section="contact">
           <ContactSplitForm
+            useInvertedBackground={false}
             title="Ready to explore?"
             description="Reach out to our academic liaison for a demo."
             inputs={[