Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -49,7 +49,7 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           layoutOrder="default"
-          imageSrc="http://img.b2bpic.net/free-photo/mint-white-foam-dark-water_23-2147797991.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth_181624-46344.jpg?id=17247761"
           imageAlt="Luxury car being detailed with premium water and foam"
           mediaAnimation="slide-up"
           frameStyle="card"
@@ -106,7 +106,7 @@ export default function LandingPage() {
           tag="Excellence"
           textboxLayout="default"
           useInvertedBackground={true}
-          imageSrc="http://img.b2bpic.net/free-photo/mint-white-foam-dark-water_23-2147797991.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth_181624-46344.jpg?id=17247761"
           imageAlt="Premium mobile car detailing service"
           mediaAnimation="slide-up"
           bulletPoints={[

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #020617;
-  --card: #f5f5f5;
+  --card: #0f172a;
-  --foreground: #1a1a1a;
+  --foreground: #e2e8f0;
-  --primary-cta: #d4af37;
+  --primary-cta: #c4d8f9;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #020617;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #041633;
-  --secondary-cta-text: #1a1a1a;
+  --secondary-cta-text: #e2e8f0;
-  --accent: #000000;
+  --accent: #2d30f3;
-  --background-accent: #e8e8e8;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);