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

src/index.css

@@ -1,19 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Libre+Baskerville:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #010912;
-  --card: #152840;
-  --foreground: #e6f0ff;
-  --primary-cta: #cee7ff;
-  --primary-cta-text: #010912;
-  --secondary-cta: #0e1a29;
-  --secondary-cta-text: #e6f0ff;
-  --accent: #3f5c79;
-  --background-accent: #004a93;
+  --background: #060000;
+  --card: #1d0d0d;
+  --foreground: #ffe6e6;
+  --primary-cta: #ff3d4a;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #1f0a0a;
+  --secondary-cta-text: #ffe6e6;
+  --accent: #7b2d2d;
+  --background-accent: #b8111f;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;
@@ -88,7 +88,7 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Open Sans', sans-serif;
+  --font-sans: 'Inter', sans-serif;
   --font-tight: "Inter Tight", sans-serif;
   --font-mono: monospace;
 
@@ -137,7 +137,7 @@ body {
   margin: 0;
   background-color: var(--background);
   color: var(--foreground);
-  font-family: 'Open Sans', sans-serif;
+  font-family: 'Inter', sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -150,7 +150,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: 'Open Sans', sans-serif;
+  font-family: 'Libre Baskerville', sans-serif;
 }
 
 /* Default card/button styles. Template theme.css imports come after this file

src/pages/HomePage/sections/Features.tsx

@@ -17,17 +17,17 @@ export default function FeaturesSection(): React.JSX.Element {
             {
               title: "Analog Warmth",
               description: "Authentic warmth of classic gear matched with digital fidelity.",
-              imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074265.jpg",
+              imageSrc: "https://images.pexels.com/photos/33500466/pexels-photo-33500466.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=33500466",
             },
             {
               title: "Dynamic Range",
               description: "Experience unparalleled depth and clarity in every beat.",
-              imageSrc: "http://img.b2bpic.net/free-photo/cartoon-style-piano_23-2151056763.jpg",
+              imageSrc: "https://images.pexels.com/photos/34263843/pexels-photo-34263843.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=34263843",
             },
             {
               title: "Seamless Integration",
               description: "Ready to drop into any workstation or project workflow.",
-              imageSrc: "http://img.b2bpic.net/free-vector/opened-clapper-neon-sign_1262-15682.jpg",
+              imageSrc: "https://images.pexels.com/photos/9872962/pexels-photo-9872962.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=9872962",
             },
           ]}
         />