Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -28,16 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "Catalog", id: "/catalog" },
-        {
+        { name: "Pricing", id: "/pricing" },
-          name: "Catalog",          id: "/catalog"},
+        { name: "About", id: "/about" },
-        {
+        { name: "Contact", id: "/contact" },
-          name: "Pricing",          id: "/pricing"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Contact",          id: "/contact"},
       ]}
       brandName="LearnMaster"
     />
@@ -45,8 +40,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Transform Your Career with World-Class Online Courses"
       description="Learn in-demand skills from industry experts. Join over 50,000 students advancing their careers through flexible, self-paced learning."
       avatars={[

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #fffafa;
-  --card: #1a1a1a;
+  --card: #fff7f7;
-  --foreground: #ffffff;
+  --foreground: #1a0000;
-  --primary-cta: #1f7cff;
+  --primary-cta: #e63946;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #fffafa;
-  --secondary-cta: #010101;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #1a0000;
-  --accent: #1f7cff;
+  --accent: #f5c4c7;
-  --background-accent: #f96b2f;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);