src/App.tsx

@@ -26,7 +26,7 @@ export default function App() {
       <AnimatedBackground />
   <div id="nav" data-section="nav">
       <NavbarCentered
-      logo={<img src="/logo.png" alt="Apex Plumbing" className="h-8 w-auto" />}
+      logo="/logo.png"
       navItems={[
         {
           name: "Services",

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayBlueAccent */
-  --background: #000000;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;