Update src/pages/HomePage/sections/Catalog.tsx

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #080200;
-  --card: #1a0d0b;
-  --foreground: #ffe6d5;
-  --primary-cta: #ffaa70;
-  --primary-cta-text: #080200;
-  --secondary-cta: #170b07;
-  --secondary-cta-text: #ffe6d5;
-  --accent: #7b5e4a;
-  --background-accent: #b8541e;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffff;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;

src/pages/HomePage/sections/Catalog.tsx

@@ -18,7 +18,7 @@ export default function CatalogSection(): React.JSX.Element {
               title: "Cyber Drift",
               description: "High-octane synth wave",
               href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/digital-art-light-lamp-design_23-2151124490.jpg",
+              imageSrc: "https://images.pexels.com/photos/10194141/pexels-photo-10194141.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=10194141",
             },
             {
               title: "Neon Soul",
@@ -36,7 +36,7 @@ export default function CatalogSection(): React.JSX.Element {
               title: "Pulse Flow",
               description: "Rhythmic house beats",
               href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/options-choice-changes-arrows-graphic_53876-124373.jpg",
+              imageSrc: "https://images.pexels.com/photos/9376869/pexels-photo-9376869.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=9376869",
             },
             {
               title: "Glitch Core",