Update theme colors

Merge version_3 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 HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+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';
@@ -33,66 +33,30 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Gloria Trading"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+      <HeroLogo
       logoText="Gloria Trading"
       description="Excellence in global commodities and financial trading. We bridge markets with integrity and precision."
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#about",
-        },
-      ]}
-      slides={[
-        {
-          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",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-shows-company-statistics_482257-120304.jpg",
-          imageAlt: "Global trading markets",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
-          imageAlt: "Global trading markets",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
-          imageAlt: "Global trading markets",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",
-          imageAlt: "Global trading markets",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
-          imageAlt: "Global trading markets",
-        },
       ]}
+      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"
     />
   </div>
 
@@ -105,17 +69,11 @@ export default function LandingPage() {
       tag="About Us"
       bulletPoints={[
         {
-          title: "Market Excellence",
+          title: "Market Excellence",          description: "Setting standards in high-value asset trading across multiple continents."},
-          description: "Setting standards in high-value asset trading across multiple continents.",
-        },
         {
-          title: "Strategic Insights",
+          title: "Strategic Insights",          description: "Harnessing real-time market data to minimize risk and maximize returns."},
-          description: "Harnessing real-time market data to minimize risk and maximize returns.",
-        },
         {
-          title: "Client Integrity",
+          title: "Client Integrity",          description: "Building long-term partnerships through transparent and ethical business practices."},
-          description: "Building long-term partnerships through transparent and ethical business practices.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-graphs-performance-metrics-monitors-office_482257-126569.jpg"
       imageAlt="Gloria Trading expert team"
@@ -131,20 +89,11 @@ export default function LandingPage() {
       tag="Advantages"
       accordionItems={[
         {
-          id: "feat-1",
+          id: "feat-1",          title: "Global Distribution Network",          content: "Our expansive network spans across three continents, ensuring seamless access and distribution."},
-          title: "Global Distribution Network",
-          content: "Our expansive network spans across three continents, ensuring seamless access and distribution.",
-        },
         {
-          id: "feat-2",
+          id: "feat-2",          title: "Risk Mitigation",          content: "Robust hedging strategies and comprehensive market analysis protect your capital."},
-          title: "Risk Mitigation",
-          content: "Robust hedging strategies and comprehensive market analysis protect your capital.",
-        },
         {
-          id: "feat-3",
+          id: "feat-3",          title: "Operational Precision",          content: "Technology-driven workflows ensure every trade is executed with maximum accuracy."},
-          title: "Operational Precision",
-          content: "Technology-driven workflows ensure every trade is executed with maximum accuracy.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149151172.jpg"
       imageAlt="Strategic trading advantages"
@@ -160,47 +109,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Gold Bullion",          price: "Market Rate",          imageSrc: "http://img.b2bpic.net/free-photo/crystal-globe-with-stock-information_1150-17697.jpg",          imageAlt: "Gold Bullion"},
-          name: "Gold Bullion",
-          price: "Market Rate",
-          imageSrc: "http://img.b2bpic.net/free-photo/crystal-globe-with-stock-information_1150-17697.jpg",
-          imageAlt: "Gold Bullion",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Silver Reserves",          price: "Market Rate",          imageSrc: "http://img.b2bpic.net/free-photo/texture-metal-cota_1122-964.jpg",          imageAlt: "Silver Reserves"},
-          name: "Silver Reserves",
-          price: "Market Rate",
-          imageSrc: "http://img.b2bpic.net/free-photo/texture-metal-cota_1122-964.jpg",
-          imageAlt: "Silver Reserves",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Premium Contract Set",          price: "Contact for quote",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-14500.jpg",          imageAlt: "Premium Contracts"},
-          name: "Premium Contract Set",
-          price: "Contact for quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-14500.jpg",
-          imageAlt: "Premium Contracts",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Crypto Exchange Access",          price: "Variable",          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg",          imageAlt: "Crypto Trading"},
-          name: "Crypto Exchange Access",
-          price: "Variable",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg",
-          imageAlt: "Crypto Trading",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Logistics Commodities",          price: "Market Rate",          imageSrc: "http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg",          imageAlt: "Logistics Commodities"},
-          name: "Logistics Commodities",
-          price: "Market Rate",
-          imageSrc: "http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg",
-          imageAlt: "Logistics Commodities",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Trading Equipment",          price: "Variable",          imageSrc: "http://img.b2bpic.net/free-photo/lots-small-candles-catholic-church_169016-21662.jpg",          imageAlt: "Trading Tech"},
-          name: "Trading Equipment",
-          price: "Variable",
-          imageSrc: "http://img.b2bpic.net/free-photo/lots-small-candles-catholic-church_169016-21662.jpg",
-          imageAlt: "Trading Tech",
-        },
       ]}
       title="Our Trading Portfolio"
       description="Explore our diverse range of tradable assets and services designed to help you scale."
@@ -215,22 +134,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          title: "Countries Served",          value: "45+",          icon: Globe,
-          title: "Countries Served",
-          value: "45+",
-          icon: Globe,
         },
         {
-          id: "m2",
+          id: "m2",          title: "Annual Trades",          value: "12k+",          icon: TrendingUp,
-          title: "Annual Trades",
-          value: "12k+",
-          icon: TrendingUp,
         },
         {
-          id: "m3",
+          id: "m3",          title: "Client Retention",          value: "98%",          icon: Users,
-          title: "Client Retention",
-          value: "98%",
-          icon: Users,
         },
       ]}
       title="By The Numbers"
@@ -246,45 +156,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Arthur Sterling",          handle: "CEO, Sterling Finance",          testimonial: "Gloria Trading provided the strategic edge we needed to diversify our precious metals portfolio.",          rating: 5,
-          name: "Arthur Sterling",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"},
-          handle: "CEO, Sterling Finance",
-          testimonial: "Gloria Trading provided the strategic edge we needed to diversify our precious metals portfolio.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Elaine Zhou",          handle: "CFO, Tech Ventures",          testimonial: "Highly professional and extremely reliable execution team. Exceptional market reach.",          rating: 5,
-          name: "Elaine Zhou",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-work_23-2150697601.jpg"},
-          handle: "CFO, Tech Ventures",
-          testimonial: "Highly professional and extremely reliable execution team. Exceptional market reach.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-work_23-2150697601.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Marcus Thorne",          handle: "Director, Thorne Logistics",          testimonial: "Their commodity logistics expertise transformed our global distribution operations.",          rating: 5,
-          name: "Marcus Thorne",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
-          handle: "Director, Thorne Logistics",
-          testimonial: "Their commodity logistics expertise transformed our global distribution operations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Sophia Vance",          handle: "Founder, Vance Trading",          testimonial: "Transparent, fast, and secure. Gloria Trading is the ultimate partner for mid-market firms.",          rating: 5,
-          name: "Sophia Vance",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-table-holding-glasses_23-2148317290.jpg"},
-          handle: "Founder, Vance Trading",
-          testimonial: "Transparent, fast, and secure. Gloria Trading is the ultimate partner for mid-market firms.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-table-holding-glasses_23-2148317290.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "David Al-Farsi",          handle: "Manager, Dubai Trading",          testimonial: "Consistent support and incredible insights into emerging markets.",          rating: 5,
-          name: "David Al-Farsi",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg"},
-          handle: "Manager, Dubai Trading",
-          testimonial: "Consistent support and incredible insights into emerging markets.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
-        },
       ]}
       showRating={true}
       title="Client Success Stories"
@@ -297,14 +182,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Sterling Finance",
+        "Sterling Finance",        "Tech Ventures",        "Thorne Logistics",        "Vance Trading",        "Dubai Trading Group",        "Global Capital",        "Alliance Investment"]}
-        "Tech Ventures",
-        "Thorne Logistics",
-        "Vance Trading",
-        "Dubai Trading Group",
-        "Global Capital",
-        "Alliance Investment",
-      ]}
       title="Trusted Partners"
       description="Collaborating with market-leading institutions to ensure top-tier trading capabilities."
     />
@@ -314,8 +192,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Inquiry"
       title="Start Your Trading Journey"
       description="Contact our account executives today to explore tailored trading opportunities for your firm."
@@ -327,54 +204,33 @@ export default function LandingPage() {
       logoText="Gloria Trading"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Press",
+              label: "Press",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Solutions",
+          title: "Solutions",          items: [
-          items: [
             {
-              label: "Asset Trading",
+              label: "Asset Trading",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Risk Management",
+              label: "Risk Management",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Market Insights",
+              label: "Market Insights",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Compliance",
+              label: "Compliance",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fffafa;
-  --card: #f9f9f9;
+  --card: #fff7f7;
-  --foreground: #000612e6;
+  --foreground: #1a0000;
-  --primary-cta: #15479c;
+  --primary-cta: #e63946;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #fffafa;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #1a0000;
-  --accent: #e2e2e2;
+  --accent: #f5c4c7;
-  --background-accent: #c4c4c4;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);