Update src/app/globals.css

src/app/blog/page.tsx

@@ -55,7 +55,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -89,7 +90,7 @@ export default function BlogPage() {
             borderRadius="rounded"
             contentWidth="medium"
             sizing="mediumLargeSizeLargeTitles"
-            background="floatingGradient"
+            background="none"
             cardStyle="gradient-mesh"
             primaryButtonStyle="inset-glow"
             secondaryButtonStyle="glass"
@@ -154,4 +155,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #ffffff;;
-  --card: #ffffff;;
+  --card: #f9f9f9;;
-  --foreground: #1c1c1c;;
+  --foreground: #120006e6;;
   --primary-cta: #e63946;;
   --secondary-cta: #ffffff;;
-  --accent: #e63946;;
+  --accent: #f5c4c7;;
-  --background-accent: #e8a8b6;; */
+  --background-accent: #f09199;; */
 
-  --background: #f5f5f5;;
+  --background: #ffffff;;
-  --card: #ffffff;;
+  --card: #f9f9f9;;
-  --foreground: #1c1c1c;;
+  --foreground: #120006e6;;
   --primary-cta: #e63946;;
   --secondary-cta: #ffffff;;
-  --accent: #e63946;;
+  --accent: #f5c4c7;;
-  --background-accent: #e8a8b6;;
+  --background-accent: #f09199;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1263,4 +1263,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -21,7 +21,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumLargeSizeLargeTitles"
-      background="floatingGradient"
+      background="none"
       cardStyle="gradient-mesh"
       primaryButtonStyle="inset-glow"
       secondaryButtonStyle="glass"
@@ -68,7 +68,7 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <TextAbout
           title="Empowering the next generation of basketball champions through elite coaching, personalized training programs, and a commitment to athletic excellence that transforms talented players into college-ready athletes and future NBA prospects."
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Learn Our Methodology", href: "#programs" }
           ]}
@@ -134,7 +134,7 @@ export default function LandingPage() {
               id: "4",              value: "30+",              description: "NBA summer league participants and professional prospects developed"
             }
           ]}
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -201,7 +201,7 @@ export default function LandingPage() {
             }
           ]}
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -250,7 +250,7 @@ export default function LandingPage() {
             name: "message",            placeholder: "Tell us about your basketball goals and current level",            rows: 5,
             required: true
           }}
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           imageSrc="https://img.b2bpic.net/free-photo/front-view-young-man-playing-basketball-outside_23-2148767564.jpg"
           imageAlt="Basketball training facility"
           mediaPosition="right"
@@ -272,4 +272,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}