Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -42,19 +42,13 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroBillboard
       background={{ variant: "sparkles-gradient" }}
       title="Simulate Real Market Gains"
       description="Master the art of trading with our advanced real-time market simulator. Built for learners and pros alike."
       buttons={[{ text: "Get Started", href: "#contact" }]}
-      mediaItems={[
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1"
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1", imageAlt: "Trading UI 1" },
+      imageAlt="Trading UI"
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2", imageAlt: "Trading UI 2" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=3", imageAlt: "Trading UI 3" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=4", imageAlt: "Trading UI 4" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=5", imageAlt: "Trading UI 5" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=6", imageAlt: "Trading UI 6" },
-      ]}
     />
   </div>
 
@@ -161,4 +155,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfaff;
+  --background: #000000;
-  --card: #f7f5ff;
+  --card: #1a1a1a;
-  --foreground: #0f0022;
+  --foreground: #ffffff;
-  --primary-cta: #8b5cf6;
+  --primary-cta: #ffffff;
   --primary-cta-text: #fbfaff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
   --secondary-cta-text: #0f0022;
-  --accent: #d8cef5;
+  --accent: #333333;
-  --background-accent: #c4a8f9;
+  --background-accent: #222222;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);