Update src/app/page.tsx

src/app/page.tsx

@@ -75,7 +75,7 @@ export default function HomePage() {
         </div>
       </div>
 
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" className="bg-white">
         <MetricSplitMediaAbout
           tag="Our Approach"
           title="Strategy. Systems. Scale."
@@ -92,7 +92,7 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="case-studies" data-section="case-studies" className="bg-background-accent">
+      <div id="case-studies" data-section="case-studies" className="bg-white">
         <FeatureCardTwentyFour
           title="Playground for Profit"
           description="Real founders. Real challenges. Real solutions."
@@ -112,11 +112,11 @@ export default function HomePage() {
           ]}
           animationType="none"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" className="bg-white">
         <TestimonialCardTen
           title="What Our Partners Say"
           description="Hear directly from founders and CEOs we've worked with"
@@ -136,7 +136,7 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="team" data-section="team">
+      <div id="team" data-section="team" className="bg-white">
         <TeamCardTwo
           title="Meet the Team"
           description="World-class operators and growth strategists"
@@ -174,7 +174,7 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="blog" data-section="blog">
+      <div id="blog" data-section="blog" className="bg-white">
         <BlogCardOne
           title="Latest Insights"
           description="Stay updated with our latest thoughts on growth, strategy, and scaling"
@@ -196,20 +196,20 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" className="bg-white">
         <ContactCenter
           tag="Next Step"
           title="Ready to scale?"
           description="We only take on a handful of partners at a time. If you're serious about growth, let's talk."
           background={{ variant: "plain" }}
-          useInvertedBackground={true}
+          useInvertedBackground={false}
           inputPlaceholder="your@email.com"
           buttonText="Start Conversation"
           termsText="We respect your privacy. No spam, ever."
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" className="bg-white">
         <FooterLogoEmphasis
           logoText="McLaren Labs"
           columns={[
@@ -236,4 +236,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}