Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Cpu, Zap, Palette, BookOpen, Clock, Linkedin, Mail } from "lucide-react";
+import { Cpu, Zap, Palette, BookOpen } from "lucide-react";
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 
 export default function PortfolioPage() {
@@ -67,6 +67,7 @@ export default function PortfolioPage() {
                 { id: "2018", value: "Front-end Dev", description: "Building accessible interfaces for global clients." }
             ]}
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -81,6 +82,7 @@ export default function PortfolioPage() {
         <div id="problems" data-section="problems">
           <MetricCardThree
             title="What I Bring"
+            description="Core competencies for digital excellence."
             metrics={[
               { id: "1", icon: Cpu, title: "Web Development", value: "Modern" },
               { id: "2", icon: Zap, title: "Performance Optimization", value: "Speed" },
@@ -108,12 +110,12 @@ export default function PortfolioPage() {
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFifteen
-            testimonial="Their work truly transformed our online presence. Professional, creative, and always delivered ahead of schedule."
-            author="Jane Doe, CEO"
+            testimonial="Their work truly transformed our online presence. Professional, creative, and always delivered ahead of schedule. Highly recommended for any product team."
+            author="Jane Doe, CEO at TechInnovate"
             rating={5}
             ratingAnimation="slide-up"
             avatarsAnimation="opacity"
-            avatars={[{ src: "https://img.b2bpic.net/free-photo/happy-woman_23-2148814057.jpg", alt: "Client" }]
+            avatars={[{ src: "https://img.b2bpic.net/free-photo/happy-woman_23-2148814057.jpg", alt: "Client" }, { src: "https://img.b2bpic.net/free-photo/professional-man_23-2148814057.jpg", alt: "Partner" }]
             }
             useInvertedBackground={false}
           />
@@ -142,4 +144,4 @@ export default function PortfolioPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --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: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #ffffff;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #000000;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #0a3fea;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);