Update src/pages/HomePage.tsx

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --background: #000802;
+  --card: #0b1a0b;
+  --foreground: #e6ffe6;
+  --primary-cta: #80da9b;
+  --primary-cta-text: #000802;
+  --secondary-cta: #07170b;
+  --secondary-cta-text: #e6ffe6;
+  --accent: #38714a;
+  --background-accent: #2c6541;
 
   /* @layout/border-radius/rounded */
   --radius: 1.5rem;

src/pages/HomePage.tsx

@@ -18,7 +18,7 @@ export default function HomePage() {
             description="Professional, inclusive tennis coaching for all ages and skill levels. Join our vibrant tennis community today."
             primaryButton={{ text: "Find a Class", href: "#classes" }}
             secondaryButton={{ text: "Learn More", href: "#about" }}
-            imageSrc="http://img.b2bpic.net/free-photo/kids-playing-badminton-medium-shot_23-2149199858.jpg"
+            imageSrc="https://images.pexels.com/photos/23379621/pexels-photo-23379621.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=23379621"
           />
         </SectionErrorBoundary>
       </div>