Merge version_17 into main

Merge version_17 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -46,8 +46,8 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroLogo
-      title="Gloria Trading"
+      logoText="Gloria Trading"
       description="Excellence in global commodities and financial trading. We bridge markets with integrity and precision."
       buttons={[
         {
@@ -57,7 +57,6 @@ export default function LandingPage() {
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg"
       imageAlt="Global trading markets"
-      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f7f6f7;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612e6;
+  --foreground: #250c0d;
-  --primary-cta: #15479c;
+  --primary-cta: #b82b40;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #250c0d;
-  --accent: #e2e2e2;
+  --accent: #b90941;
-  --background-accent: #c4c4c4;
+  --background-accent: #e8a8b6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);