Update theme colors

Update src/app/page.tsx
2026-05-13 13:02:14 +00:00 · 2026-05-13 13:02:00 +00:00 · 2026-05-13 12:58:42 +00:00 · 2026-05-13 12:57:02 +00:00 · 2026-05-13 12:56:58 +00:00 · 2026-05-13 12:56:25 +00:00
2 changed files with 57 additions and 201 deletions
--- a/src/app/page.tsx
+++ b/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",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
        {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
        {
-          name: "Products",
-          id: "#products",
-        },
+          name: "Products",          id: "#products"},
        {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "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",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
        {
-          text: "Learn More",
-          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",
-        },
+          text: "Learn More",          href: "#about"},
      ]}
+      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",
-          description: "Setting standards in high-value asset trading across multiple continents.",
-        },
+          title: "Market Excellence",          description: "Setting standards in high-value asset trading across multiple continents."},
        {
-          title: "Strategic Insights",
-          description: "Harnessing real-time market data to minimize risk and maximize returns.",
-        },
+          title: "Strategic Insights",          description: "Harnessing real-time market data to minimize risk and maximize returns."},
        {
-          title: "Client Integrity",
-          description: "Building long-term partnerships through transparent and ethical business practices.",
-        },
+          title: "Client Integrity",          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",
-          title: "Global Distribution Network",
-          content: "Our expansive network spans across three continents, ensuring seamless access and distribution.",
-        },
+          id: "feat-1",          title: "Global Distribution Network",          content: "Our expansive network spans across three continents, ensuring seamless access and distribution."},
        {
-          id: "feat-2",
-          title: "Risk Mitigation",
-          content: "Robust hedging strategies and comprehensive market analysis protect your capital.",
-        },
+          id: "feat-2",          title: "Risk Mitigation",          content: "Robust hedging strategies and comprehensive market analysis protect your capital."},
        {
-          id: "feat-3",
-          title: "Operational Precision",
-          content: "Technology-driven workflows ensure every trade is executed with maximum accuracy.",
-        },
+          id: "feat-3",          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",
-          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: "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"},
        {
-          id: "p2",
-          name: "Silver Reserves",
-          price: "Market Rate",
-          imageSrc: "http://img.b2bpic.net/free-photo/texture-metal-cota_1122-964.jpg",
-          imageAlt: "Silver Reserves",
-        },
+          id: "p2",          name: "Silver Reserves",          price: "Market Rate",          imageSrc: "http://img.b2bpic.net/free-photo/texture-metal-cota_1122-964.jpg",          imageAlt: "Silver Reserves"},
        {
-          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",
-        },
+          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"},
        {
-          id: "p4",
-          name: "Crypto Exchange Access",
-          price: "Variable",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg",
-          imageAlt: "Crypto Trading",
-        },
+          id: "p4",          name: "Crypto Exchange Access",          price: "Variable",          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg",          imageAlt: "Crypto Trading"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
      ]}
      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",
-          title: "Countries Served",
-          value: "45+",
-          icon: Globe,
+          id: "m1",          title: "Countries Served",          value: "45+",          icon: Globe,
        },
        {
-          id: "m2",
-          title: "Annual Trades",
-          value: "12k+",
-          icon: TrendingUp,
+          id: "m2",          title: "Annual Trades",          value: "12k+",          icon: TrendingUp,
        },
        {
-          id: "m3",
-          title: "Client Retention",
-          value: "98%",
-          icon: Users,
+          id: "m3",          title: "Client Retention",          value: "98%",          icon: Users,
        },
      ]}
      title="By The Numbers"
@@ -246,45 +156,20 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          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,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
-        },
+          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,
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"},
        {
-          id: "t2",
-          name: "Elaine Zhou",
-          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: "t2",          name: "Elaine Zhou",          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",
-          name: "Marcus Thorne",
-          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: "t3",          name: "Marcus Thorne",          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",
-          name: "Sophia Vance",
-          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: "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,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-table-holding-glasses_23-2148317290.jpg"},
        {
-          id: "t5",
-          name: "David Al-Farsi",
-          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",
-        },
+          id: "t5",          name: "David Al-Farsi",          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",
-        "Tech Ventures",
-        "Thorne Logistics",
-        "Vance Trading",
-        "Dubai Trading Group",
-        "Global Capital",
-        "Alliance Investment",
-      ]}
+        "Sterling Finance",        "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",
-          items: [
+          title: "Company",          items: [
            {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
            {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
            {
-              label: "Press",
-              href: "#",
-            },
+              label: "Press",              href: "#"},
          ],
        },
        {
-          title: "Solutions",
-          items: [
+          title: "Solutions",          items: [
            {
-              label: "Asset Trading",
-              href: "#products",
-            },
+              label: "Asset Trading",              href: "#products"},
            {
-              label: "Risk Management",
-              href: "#",
-            },
+              label: "Risk Management",              href: "#"},
            {
-              label: "Market Insights",
-              href: "#",
-            },
+              label: "Market Insights",              href: "#"},
          ],
        },
        {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
            {
-              label: "Compliance",
-              href: "#",
-            },
+              label: "Compliance",              href: "#"},
          ],
        },
      ]}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #250c0d;
+  --primary-cta: #b82b40;
+  --primary-cta-text: #f7f6f7;
  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --secondary-cta-text: #250c0d;
+  --accent: #b90941;
+  --background-accent: #e8a8b6;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	45a42569c4	Update theme colors	2026-05-13 13:02:14 +00:00
bender	f98a7ff7c8	Update theme colors	2026-05-13 13:02:00 +00:00
bender	a8ed4134ba	Update src/app/page.tsx	2026-05-13 12:58:42 +00:00
bender	f88d825cb3	Merge version_3 into main Merge version_3 into main	2026-05-13 12:57:02 +00:00
bender	7d34a2b2ed	Update src/app/page.tsx	2026-05-13 12:56:58 +00:00
bender	9e3e59bdad	Merge version_2 into main Merge version_2 into main	2026-05-13 12:56:25 +00:00
bender	1cf3146f69	Update theme colors	2026-05-13 12:56:19 +00:00