Update theme colors

Merge version_8 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
@@ -49,7 +49,7 @@ export default function LandingPage() {
       tagIcon={Sparkles}
       background={{ variant: "rotated-rays-animated" }}
       carouselItems={[
-        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg" },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg?_wi=1" },
         { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
         { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=1" },
         { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg?_wi=1" },
@@ -60,15 +60,19 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <SplitAbout
       useInvertedBackground={false}
       title="Defining the Digital Frontier"
-      metrics={[
-        { icon: Code2, label: "AI Systems", value: "Advanced" },
-        { icon: Code, label: "Full Stack", value: "Expert" },
-        { icon: Shield, label: "Security", value: "Certified" },
+      description="AI Systems Engineer & Full Stack Developer. Bridging technical precision with creative problem-solving."
+      mediaBadge={{ text: "Available for Work", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg" }}
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg?_wi=2"
+      imageAlt="Rayash Albureihi Portrait"
+      textboxLayout="split"
+      bulletPoints={[
+        { title: "AI Systems", description: "Advanced neural architecture integration." },
+        { title: "Full Stack", description: "Expertise in modern web ecosystems." },
+        { title: "Security", description: "Certified resilient system design." },
       ]}
-      metricsAnimation="blur-reveal"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #481f1f;
-  --foreground: #ffffff;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #280101;
-  --secondary-cta: #361311;
-  --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
-  --background-accent: #ff2231;
+  --background: #fffafa;
+  --card: #fff7f7;
+  --foreground: #1a0000;
+  --primary-cta: #e63946;
+  --primary-cta-text: #fffafa;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1a0000;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);