Update src/app/styles/variables.css

src/app/page.tsx

@@ -53,6 +53,11 @@ export default function Page() {
           avatarText="Trusted by 10,000+ professionals"
           buttons={[{ text: "Choose Your Learning Path", href: "#pricing" }]}
           buttonAnimation="slide-up"
+          marqueeItems={[
+            { type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-view-business-charts_23-2148795764.jpg", alt: "Financial Growth" },
+            { type: "text", text: "Personal Wealth Management" },
+            { type: "text", text: "Stock Market Strategy" },
+          ]}
         />
       </div>
 
@@ -169,4 +174,4 @@ export default function Page() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #000612e6;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #a8cce8;
-  --background-accent: #c4c4c4;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);