src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #251a0c;;
-  --primary-cta: #f4c408;;
-  --secondary-cta: #ffffff;;
-  --accent: #f4ca26;;
-  --background-accent: #e8daa8;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffe6e6;;
+  --primary-cta: #ff3d4a;;
+  --secondary-cta: #1f0a0a;;
+  --accent: #7b2d2d;;
+  --background-accent: #b8111f;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #251a0c;;
-  --primary-cta: #f4c408;;
-  --secondary-cta: #ffffff;;
-  --accent: #f4ca26;;
-  --background-accent: #e8daa8;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffe6e6;;
+  --primary-cta: #ff3d4a;;
+  --secondary-cta: #1f0a0a;;
+  --accent: #7b2d2d;;
+  --background-accent: #b8111f;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1260,4 +1260,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -27,7 +27,7 @@ export default function LandingPage() {
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <<NavbarLayoutFloatingOverlay
           brandName="Hello Kvitka"
           navItems={[
             { name: "About", id: "about" },
@@ -255,4 +255,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}