updated code

public/assets/css/main.css

@@ -19,8 +19,8 @@
 /* Colors */
 :root {
   --color-default: #2b180d;
-  --color-primary: #013E7B;
-  --color-secondary: #1b2f45;
+  --color-primary: #BF0A30;
+  --color-secondary: #002868;
 }
 
 /* Smooth scroll behavior */
@@ -43,7 +43,7 @@ a {
 }
 
 a:hover {
-  color: #82cbed;
+  color: #002868;
   text-decoration: none;
 }
 
@@ -602,7 +602,7 @@ section {
 }
 
 .hero .btn-watch-video:hover i {
-  color: #82cbed;
+  color: #002868;
 }
 
 @media (max-width: 640px) {

public/index.html

@@ -10,7 +10,7 @@
   <meta content="" name="keywords">
 
   <!-- Favicons -->
-  <link href="./assets/img/logo.png" rel="icon">
+  <link href="./assets/img/nLogo.png" rel="icon">
   <link href="./assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 
   <!-- Google Fonts -->

src/Components/Footer.js

@@ -10,8 +10,8 @@ export default function Footer() {
                     <div className="row gy-4">
                         <div className="col-lg-5 col-md-12 footer-info">
                             <a href="index.html" className="logo d-flex align-items-center">
-                                <img src="assets/img/logo.png" alt="Novisync" />
-                                <span>Novisync</span>
+                                <img src="assets/img/nLogo.png" alt="Novisync" />
+                                <span style={{color: '#BF0A30'}}>Novisync</span>
                             </a>
                             <p>An Industry Leader in Data Center, Cloud and Systems Integration.</p>
                             <div className="social-links d-flex  mt-3">

src/Components/TopNav.js

@@ -10,8 +10,8 @@ export default function TopNav() {
                 <div className="container-fluid container-xl d-flex align-items-center justify-content-between">
 
                     <Link to="/" className="logo d-flex align-items-center">
-                        <img src="assets/img/logo.png" alt="Novisync" />
-                        <h1 className="d-flex align-items-center" style={{ color: '#013E7B' }}>Novisync</h1>
+                        <img src="assets/img/nLogo.png" alt="Novisync" />
+                        <h1 className="d-flex align-items-center" style={{ color: '#BF0A30' }}>Novisync</h1>
                     </Link>
 
                     <i style={{ color: '#013E7B' }} className="mobile-nav-toggle mobile-nav-show bi bi-list"></i>

src/Screens/blog.js

-/* eslint-disable jsx-a11y/iframe-has-title */
 import React from "react";
 import Footer from "../Components/Footer";
 import TopNav from "../Components/TopNav";