Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,108 +2,97 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import ContactText from "@/components/sections/contact/ContactText";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, ArrowUpRight, Skull, Flame, TrendingUp, Shield, Zap, BookOpen, Target, Users, Award, AlertTriangle } from "lucide-react";
 
 export default function CryptoWarfarePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="largeSizeMediumTitles" background="noiseDiagonalGradient" cardStyle="glass-depth" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" headingFontWeight="bold">
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <NavbarStyleFullscreen
-          brandName="CRYPTO WAR"
           navItems={[
             { name: "The Truth", id: "truth" },
             { name: "Arsenal", id: "arsenal" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "Results", id: "results" },
-            { name: "Pricing", id: "pricing" },
+            { name: "FAQ", id: "faq" }
           ]}
-          button={{ text: "GET ACCESS", href: "#pricing" }}
+          brandName="CRYPTO WARFARE"
+          button={{ text: "GET ACCESS", href: "#contact" }}
         />
-        <HeroSplitDoubleCarousel
+        
-          title="CRYPTO WARFARE"
+        <div id="hero">
-          description="The market is a slaughterhouse. 95% of people feed it with their money. This is the manual for the other 5%."
+          <HeroBillboard
-          tag="// THE NO-BS GUIDE TO TRADING //"
+            title="CRYPTO WARFARE"
-          background={{ variant: "glowing-orb" }}
+            description="The market is a slaughterhouse. 95% of people feed it with their money. This is the manual for the other 5%."
-          buttons={[
+            tag="// THE NO-BS GUIDE TO TRADING //"
-            { text: "ENTER THE ARENA", href: "#pricing" },
+            background={{ variant: "sparkles-gradient" }}
-          ]}
+            buttons={[{ text: "ENTER THE ARENA", href: "#contact" }]}
-          leftCarouselItems={[
+            imageSrc="https://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66728.jpg"
-            { imageSrc: "http://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66728.jpg", imageAlt: "Crypto Trading Chart" },
+          />
-            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-statistics-presentation-with-growth-arrows_23-2149023785.jpg", imageAlt: "Market Analysis" },
+        </div>
-          ]}
+
-          rightCarouselItems={[
+        <div id="arsenal">
-            { imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-laptop_23-2150372444.jpg", imageAlt: "Trading Signals" },
+          <FeatureCardTwelve
-            { imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160218.jpg", imageAlt: "Data Analytics" },
+            title="THE CORE ARSENAL"
-          ]}
+            description="Professional-grade tactics for market survival."
-        />
+            animationType="scale-rotate"
-        <FeatureCardSixteen
+            textboxLayout="split"
-          title="YOU'RE DOING IT WRONG"
+            useInvertedBackground={false}
-          description="If any of these describe you, the market is already eating your account."
+            features={[
-          textboxLayout="default"
+              { id: "1", label: "01", title: "Psychology", items: ["Master your brain", "Market discipline", "Emotional control"] },
-          useInvertedBackground={false}
+              { id: "2", label: "02", title: "Risk Management", items: ["Capital preservation", "Position sizing", "Stop loss logic"] },
-          animationType="slide-up"
+              { id: "3", label: "03", title: "Tactical TA", items: ["Supply & Demand", "No noise trading", "Precision entry"] },
-          negativeCard={{
+              { id: "4", label: "04", title: "Combat Rules", items: ["Battlefield standards", "Systematic execution", "Rule adherence"] }
-            items: ["FOMO Trades: Jumping in on pumps", "Revenge Trading: Trying to win back losses", "No Edge: Trading on vibes and hope", "100X Leverage: Being an organ donor for exchanges"]
+            ]}
-          }}
+          />
-          positiveCard={{
+        </div>
-            items: ["Discipline: The mindset of a predator", "Risk Management: Protecting the bankroll", "Technical Edge: Only the tools that work", "Cold Execution: Treating trading like a business"]
+
-          }}
+        <div id="results">
-        />
+          <MetricCardSeven
-        <FeatureBento
+            title="THE RESULTS ARE REAL"
-          title="THE CORE ARSENAL"
+            description="Operating with precision, not luck."
-          description="What is inside the V1.0 Starter Pack."
+            animationType="depth-3d"
-          textboxLayout="default"
+            textboxLayout="split"
-          useInvertedBackground={true}
+            useInvertedBackground={false}
-          animationType="slide-up"
+            metrics={[
-          features={[
+              { id: "1", value: "95%", title: "Casualties", items: ["Losses due to emotion", "Lack of strategy"] },
-            { title: "Psychology", description: "Master your brain or the market destroys it.", bentoComponent: "reveal-icon", icon: Skull },
+              { id: "2", value: "5%", title: "Operators", items: ["Mathematical precision", "Cold execution"] },
-            { title: "Holy Trinity", description: "Risk management, edge, and discipline.", bentoComponent: "reveal-icon", icon: Shield },
+              { id: "3", value: "0", title: "Shortcuts", items: ["No magic buttons", "Hard work required"] }
-            { title: "Tactical TA", description: "Forget indicator overload. Master volume and S/R.", bentoComponent: "reveal-icon", icon: Target },
+            ]}
-            { title: "Crypto Warfare", description: "Specific rules for the most brutal battlefield.", bentoComponent: "reveal-icon", icon: Flame },
+          />
-          ]}
+        </div>
-        />
+
-        <TestimonialCardFifteen
+        <div id="faq">
-          testimonial="I blew two accounts before reading this. The chapter on psychology alone was worth 10x the price."
+          <FaqSplitText
-          rating={5}
+            sideTitle="CORE QUESTIONS"
-          author="— Marcus K., @crypto_mk_trades"
+            sideDescription="Get the clarity you need."
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "Marcus K." }]}
+            faqsAnimation="blur-reveal"
-          ratingAnimation="blur-reveal"
+            useInvertedBackground={false}
-          avatarsAnimation="blur-reveal"
+            faqs={[
-        />
+              { id: "1", title: "Is this a get rich quick scheme?", content: "Absolutely not. This is a rigorous curriculum for serious professional traders." },
-        <MetricCardOne
+              { id: "2", title: "Do I need a huge budget?", content: "Capital size is secondary; discipline is the primary engine for your growth." }
-          title="THE RESULTS ARE REAL"
+            ]}
-          description="Operating with precision, not luck."
+          />
-          gridVariant="uniform-all-items-equal"
+        </div>
-          animationType="slide-up"
+
-          textboxLayout="default"
+        <div id="contact">
-          metrics={[
+          <ContactText
-            { id: "p1", value: "95%", title: "Casualties", description: "Traders who lose everything due to poor mindset", icon: AlertTriangle },
+            text="STOP FEEDING THE MACHINE. GET THE MANUAL. JOIN THE 5%."
-            { id: "p2", value: "5%", title: "Operators", description: "Traders who operate with mathematical precision", icon: Zap },
+            background={{ variant: "sparkles-gradient" }}
-            { id: "p3", value: "0", title: "Shortcuts", description: "Zero shortcuts taken in this curriculum", icon: BookOpen },
+            buttons={[{ text: "SECURE ACCESS", href: "#" }]}
-          ]}
+            useInvertedBackground={false}
-        />
+          />
-        <ContactCTA
+        </div>
-          tag="// THE CHOICE IS YOURS //"
+
-          title="STOP FEEDING THE MACHINE"
+        <FooterBaseReveal
-          description="Every day you trade without a system, you are donating your money. Get the manual. Build the edge."
-          buttons={[{ text: "UNLOCK ELITE PROTOCOL", href: "#pricing" }]}
-          background={{ variant: "sparkles-gradient" }}
-        />
-        <FooterBase
           logoText="CRYPTO WARFARE"
           columns={[
-            { title: "Links", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+            { title: "Company", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
-            { title: "Support", items: [{ label: "Contact Us", href: "#" }] }
           ]}
         />
       </ReactLenis>

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);