Update theme colors

Merge version_12 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -30,7 +30,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
         {
           name: "Home",          id: "hero"},
@@ -42,6 +42,7 @@ export default function LandingPage() {
           name: "Contact",          id: "contact"},
       ]}
       brandName="VertexLabs"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 

src/app/styles/variables.css

@@ -12,12 +12,12 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
+  --secondary-cta-text: #000612e6;
+  --accent: #f50606;
   --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */