src/app/page.tsx

@@ -68,6 +68,7 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="split"
             gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
             features={[
               { id: "f1", title: "Real-Time 1v1 Duels", description: "Challenge peers across the globe in live academic competitions.", imageSrc: "http://img.b2bpic.net/free-vector/business-background-design_1200-32.jpg" },
               { id: "f2", title: "AI-Powered Insights", description: "Identify your knowledge gaps with pinpoint accuracy using our adaptive engine.", imageSrc: "http://img.b2bpic.net/free-vector/school-timetable-template-organize-activities_23-2147854627.jpg" },
@@ -80,6 +81,7 @@ export default function LandingPage() {
           <AboutMetric
             title="Simple Flow, Serious Results"
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
             metrics={[
               { icon: Target, label: "Choose Topic", value: "Step 1" },
               { icon: Users, label: "Find Match", value: "Step 2" },
@@ -95,6 +97,7 @@ export default function LandingPage() {
             description="Everything you need to know about starting your journey with Brainleague."
             faqsAnimation="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             faqs={[
               { id: "q1", title: "What curriculum do you cover?", content: "We cover major global curricula including SAT, IGCSE, and A-Levels." },
               { id: "q2", title: "Is it suitable for classroom use?", content: "Yes, we provide specialized dashboards for schools to monitor class performance." },
@@ -110,6 +113,8 @@ export default function LandingPage() {
             title="Join the Battle for Knowledge"
             description="Ready to level up your study routine? Sign up for early access to the Brainleague platform today."
             buttonText="Join Now"
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
             imageSrc="http://img.b2bpic.net/free-vector/abstract-techno-net-wire-mesh-blue-background_1017-62951.jpg"
           />
         </div>