Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -45,41 +45,19 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
+      <HeroBillboardGallery
-      background={{
+      title="Human Network"
-        variant: "gradient-bars"}}
-      title="Professional Networking, Refined."
       description="Connecting human potential through intentional, curated professional relationships. Bridging the gap between opportunity and community."
+      background={{ variant: "plain" }}
       buttons={[
-        {
+        { 
-          text: "Connect with me",          href: "#contact"},
+          text: "Connect with me",          href: "#contact"
+        }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg"
+      mediaItems={[
-      imageAlt="professional portrait black and white minimalist"
+        { imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg", imageAlt: "professional portrait black and white" },
-      mediaAnimation="blur-reveal"
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg?_wi=1", imageAlt: "business woman side view" },
-      avatars={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17702.jpg?_wi=1", imageAlt: "business portrait" }
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",          alt: "Portrait of confident businesswoman at the office"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",          alt: "Portrait of a beautiful young business woman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",          alt: "Portrait of a beautiful young business woman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",          alt: "Portrait of adult businesswoman smiling"},
-        {
-          src: "http://img.b2bpic.net/free-photo/grteyscale-photo-smiling-woman_250224-284.jpg",          alt: "Grteyscale photo of smiling woman"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Strategy"},
-        {
-          type: "text",          text: "Mentorship"},
-        {
-          type: "text",          text: "Growth"},
-        {
-          type: "text",          text: "Connection"},
-        {
-          type: "text",          text: "Impact"},
       ]}
     />
   </div>
@@ -147,9 +125,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "Alex Rivet",          date: "Jan 2024",          title: "Entrepreneur",          quote: "My path changed because of a single introduction.",          tag: "Mentorship",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg"},
+          id: "1",          name: "Alex Rivet",          date: "Jan 2024",          title: "Entrepreneur",          quote: "My path changed because of a single introduction.",          tag: "Mentorship",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg?_wi=2"},
         {
-          id: "2",          name: "Sam L.",          date: "Feb 2024",          title: "Tech Leader",          quote: "A truly human-centric approach to growth.",          tag: "Partnership",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17702.jpg"},
+          id: "2",          name: "Sam L.",          date: "Feb 2024",          title: "Tech Leader",          quote: "A truly human-centric approach to growth.",          tag: "Partnership",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17702.jpg?_wi=2"},
         {
           id: "3",          name: "Jamie P.",          date: "Mar 2024",          title: "Creative Director",          quote: "Deep, meaningful connections beyond simple business.",          tag: "Network",          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown_181624-44488.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-black-white_23-2149392890.jpg"},
         {
@@ -185,8 +163,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Let's connect"
       title="Start a conversation"
       description="Ready to expand your professional network humanly? Reach out."
@@ -223,4 +200,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f0f0f0;
+  --card: #f9f9f9;
-  --foreground: #000000;
+  --foreground: #000f06e6;
-  --primary-cta: #000000;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #000f06e6;
-  --accent: #cccccc;
+  --accent: #e2e2e2;
-  --background-accent: #e0e0e0;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);