Update src/app/page.tsx

src/app/page.tsx

@@ -70,6 +70,7 @@ export default function LandingPage() {
       description="How I tackle the toughest questions."
       animationType="blur-reveal"
       textboxLayout="split"
+      useInvertedBackground={false}
       features={[
         { id: "1", label: "Phase 1", title: "Discovery", items: ["Define the doubt", "Identify gaps", "Gather resources"] },
         { id: "2", label: "Phase 2", title: "Synthesis", items: ["Map connections", "Compare models", "Draft insights"] },
@@ -84,6 +85,8 @@ export default function LandingPage() {
       description="Tracking my learning progress through data."
       animationType="scale-rotate"
       textboxLayout="split"
+      gridVariant="bento-grid"
+      useInvertedBackground={false}
       metrics={[
         { id: "1", value: "84", title: "Queries Solved", description: "Complex problems resolved this quarter", icon: Lightbulb },
         { id: "2", value: "12", title: "Projects", description: "Active experiments", icon: BarChart3 },
@@ -98,6 +101,7 @@ export default function LandingPage() {
       description="Things that have crossed my mind often."
       textboxLayout="split"
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
       faqs={[
         { id: "q1", title: "How do I choose what to solve?", content: "I focus on problems that limit my growth or curiosity." },
         { id: "q2", title: "Why keep this public?", content: "Public documentation keeps me accountable and helps others find similar answers." }
@@ -127,6 +131,7 @@ export default function LandingPage() {
       title="Have a question for me?"
       description="I'm always looking for interesting problems to help solve. Let's talk."
       background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>