Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -43,23 +43,14 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroLogoBillboard
-      background={{ variant: "canvas-reveal" }}
+        logoText="JT Brother's Construction"
-      title="Build Your Vision With San Diego’s Trusted Construction Team"
+        description="JT Brother’s Construction delivers expert remodeling, ADU construction, and custom home upgrades with craftsmanship you can trust. ⭐ 4.9 Star Rating | 80+ Verified Reviews"
-      description="JT Brother’s Construction delivers expert remodeling, ADU construction, and custom home upgrades with craftsmanship you can trust. ⭐ 4.9 Star Rating | 80+ Verified Reviews"
+        buttons={[{ text: "Get Free Estimate", href: "#contact" }, { text: "View Our Work", href: "#projects" }]}
-      buttons={[{ text: "Get Free Estimate", href: "#contact" }, { text: "View Our Work", href: "#projects" }]}
+        background={{ variant: "gradient-bars" }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/luxury-modern-home-remodel-exterior-with-1775784004048-491f192c.png"
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/luxury-modern-home-remodel-exterior-with-1775784004048-491f192c.png"
-      imageAlt="Luxury home construction"
+        imageAlt="Luxury home construction"
-      mediaAnimation="blur-reveal"
+        mediaAnimation="blur-reveal"
-      avatars={[
-        { src: "http://img.b2bpic.net/premium-photo/construction-structure-concept-engineer-working-drawing-blueprint-meeting-project-working-with-partner-model-building-engineering-tools-working-site-construction-concept_265022-69850.jpg?id=126344423", alt: "Client 1" },
-        { src: "http://img.b2bpic.net/premium-photo/construction-structure-concept-engineer-working-drawing-blueprint-meeting-project-working-with-partner-model-building-engineering-tools-working-site-construction-concept_265022-69850.jpg?id=126344423", alt: "Client 2" },
-        { src: "http://img.b2bpic.net/premium-photo/construction-structure-concept-engineer-working-drawing-blueprint-meeting-project-working-with-partner-model-building-engineering-tools-working-site-construction-concept_265022-69850.jpg?id=126344423", alt: "Client 3" },
-        { src: "http://img.b2bpic.net/premium-photo/construction-structure-concept-engineer-working-drawing-blueprint-meeting-project-working-with-partner-model-building-engineering-tools-working-site-construction-concept_265022-69850.jpg?id=126344423", alt: "Client 4" },
-        { src: "http://img.b2bpic.net/premium-photo/construction-structure-concept-engineer-working-drawing-blueprint-meeting-project-working-with-partner-model-building-engineering-tools-working-site-construction-concept_265022-69850.jpg?id=126344423", alt: "Client 5" }
-      ]}
-      avatarText="Trusted by 80+ local homeowners"
-      marqueeItems={[{ type: "text", text: "Licensed & Insured" }, { type: "text", text: "Expert Craftsmanship" }, { type: "text", text: "San Diego Based" }, { type: "text", text: "4.9 Star Rating" }, { type: "text", text: "Free Estimates" }]}
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #efebe5;
-  --card: #f9f9f9;
+  --card: #f7f2ea;
-  --foreground: #120006e6;
+  --foreground: #000000;
-  --primary-cta: #e63946;
+  --primary-cta: #000000;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #efebe5;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #120006e6;
+  --secondary-cta-text: #000000;
-  --accent: #e2e2e2;
+  --accent: #ffffff;
-  --background-accent: #c4c4c4;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);