Update src/app/page.tsx

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" },