src/app/layout.tsx

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

src/app/page.tsx

@@ -26,6 +26,7 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="Synq"
+          brandLogo="<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='32' height='32'><defs><linearGradient id='synqGradient' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' style='stop-color:%231e3a8a;stop-opacity:1' /><stop offset='100%' style='stop-color:%230c4a6e;stop-opacity:1' /></linearGradient></defs><circle cx='50' cy='50' r='45' fill='url(%23synqGradient)' opacity='0.1' stroke='url(%23synqGradient)' stroke-width='2'/><path d='M 30 50 Q 50 30 70 50 Q 50 70 30 50' fill='none' stroke='url(%23synqGradient)' stroke-width='3' stroke-linecap='round'/><circle cx='50' cy='50' r='6' fill='url(%23synqGradient)'/></svg>"
           navItems={[
             { name: "Features", id: "features" },
             { name: "How It Works", id: "how-it-works" },
@@ -214,4 +215,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #000000;
-  --card: #481f1f;
+  --card: #0c1428;
   --foreground: #ffffff;
-  --primary-cta: #ffffff;
+  --primary-cta: #1e40af;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #1e3a8a;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
-  --background-accent: #ff2231;
+  --accent: #1e3a8a;
+  --background-accent: #1e40af;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);