Update theme colors

Merge version_25 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -56,7 +56,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroBillboardScroll
       background={{
         variant: "animated-grid"}}
       title="ReelEstate"
@@ -67,9 +67,8 @@ export default function LandingPage() {
         {
           text: "See the work",          href: "#portfolio"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624872.jpg"
+      videoSrc="https://videos.pexels.com/video-files/5586617/5586617-hd_1920_1080_25fps.mp4"
-      imageAlt="ReelEstate AI marketing dashboard"
+      videoAriaLabel="Real estate 3D tour video"
-      mediaAnimation="blur-reveal"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #2ac162;
+  --card: #ffffff;
-  --foreground: #1a0000;
+  --foreground: #001122;
-  --primary-cta: #e63946;
+  --primary-cta: #15479c;
-  --primary-cta-text: #fffafa;
+  --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a0000;
+  --secondary-cta-text: #001122;
-  --accent: #f5c4c7;
+  --accent: #a8cce8;
-  --background-accent: #f09199;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);