Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -7,6 +7,7 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
@@ -77,6 +78,16 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="logo-billboard" data-section="logo-billboard">
+      <HeroLogo
+        logoText="Trusted by Global Institutions"
+        description="Building the infrastructure for the next generation of digital assets."
+        buttons={[{ text: "Explore Assets", href: "#features" }]}
+        imageSrc="http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572142.jpg"
+        imageAlt="Trusted partners logos"
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwelve
       animationType="slide-up"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #f5faff;
-  --card: #481f1f;
+  --card: #f1f8ff;
-  --foreground: #ffffff;
+  --foreground: #001122;
-  --primary-cta: #ffffff;
+  --primary-cta: #15479c;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
+  --accent: #a8cce8;
-  --background-accent: #ff2231;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);