Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -4,10 +4,10 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import ContactText from "@/components/sections/contact/ContactText";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function CryptoWarfarePage() {
@@ -37,18 +37,17 @@ export default function CryptoWarfarePage() {
         </div>
 
         <div id="arsenal">
-          <FeatureCardOne
+          <FeatureCardTwelve
             title="THE CORE ARSENAL"
-            description="What is inside the V1.0 Starter Pack."
+            description="Professional-grade tactics for market survival."
-            gridVariant="bento-grid"
+            animationType="scale-rotate"
-            animationType="depth-3d"
             textboxLayout="split"
             useInvertedBackground={false}
             features={[
-              { title: "Psychology", description: "Master your brain or the market destroys it.", imageSrc: "https://img.b2bpic.net/free-photo/brain-concept-with-circuits_23-2149023785.jpg" },
+              { id: "1", label: "01", title: "Psychology", items: ["Master your brain", "Market discipline", "Emotional control"] },
-              { title: "Risk Management", description: "Protecting your bankroll is survival.", imageSrc: "https://img.b2bpic.net/free-photo/shield-protection-concept_23-2149154638.jpg" },
+              { id: "2", label: "02", title: "Risk Management", items: ["Capital preservation", "Position sizing", "Stop loss logic"] },
-              { title: "Tactical TA", description: "Forget indicator overload.", imageSrc: "https://img.b2bpic.net/free-photo/analysis-concept_23-2150372444.jpg" },
+              { id: "3", label: "03", title: "Tactical TA", items: ["Supply & Demand", "No noise trading", "Precision entry"] },
-              { title: "Combat Rules", description: "Specific rules for the battlefield.", imageSrc: "https://img.b2bpic.net/free-photo/data-network-background_53876-160218.jpg" }
+              { id: "4", label: "04", title: "Combat Rules", items: ["Battlefield standards", "Systematic execution", "Rule adherence"] }
             ]}
           />
         </div>
@@ -69,27 +68,24 @@ export default function CryptoWarfarePage() {
         </div>
 
         <div id="faq">
-          <FaqDouble
+          <FaqSplitText
-            title="COMMON QUESTIONS"
+            sideTitle="CORE QUESTIONS"
-            description="Everything you need to know before joining the elite ranks."
+            sideDescription="Get the clarity you need."
             faqsAnimation="blur-reveal"
-            textboxLayout="split"
             useInvertedBackground={false}
             faqs={[
-              { id: "1", title: "Is this a get rich quick scheme?", content: "Absolutely not. This is a curriculum for professional traders." },
+              { id: "1", title: "Is this a get rich quick scheme?", content: "Absolutely not. This is a rigorous curriculum for serious professional traders." },
-              { id: "2", title: "Do I need a huge budget?", content: "No, discipline matters more than capital." }
+              { id: "2", title: "Do I need a huge budget?", content: "Capital size is secondary; discipline is the primary engine for your growth." }
             ]}
           />
         </div>
 
         <div id="contact">
-          <ContactSplit
+          <ContactText
-            tag="// READY TO UPGRADE? //"
+            text="STOP FEEDING THE MACHINE. GET THE MANUAL. JOIN THE 5%."
-            title="STOP FEEDING THE MACHINE"
+            background={{ variant: "sparkles-gradient" }}
-            description="Get the manual. Build the edge. Join the 5%."
+            buttons={[{ text: "SECURE ACCESS", href: "#" }]}
-            background={{ variant: "animated-grid" }}
             useInvertedBackground={false}
-            onSubmit={(email) => console.log(email)}
           />
         </div>
 

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -17,8 +17,8 @@
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1e1e1e;
   --secondary-cta-text: #e0e0e0;
-  --accent: #d0d0d0;
+  --accent: #3b82f6;
-  --background-accent: #9a9a9a;
+  --background-accent: #1f2937;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);