Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="PrimeScan AI"
     />
@@ -59,32 +51,20 @@ export default function LandingPage() {
       description="Created by Katlego, our advanced trade scanner monitors Nasdaq, US30, and major forex pairs 24/5 using ICT concepts for the 15-minute timeframe."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/laptop-with-bright-candlesticks-trend-line-night-trading_169016-69639.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3541.jpg",
-          alt: "Happy trader one",
-        },
+          src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3541.jpg",          alt: "Happy trader one"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-surfing-internet-smartphone_1262-3020.jpg",
-          alt: "Happy trader two",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-businessman-surfing-internet-smartphone_1262-3020.jpg",          alt: "Happy trader two"},
         {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-laughing-internet-video_1262-3069.jpg",
-          alt: "Happy trader three",
-        },
+          src: "http://img.b2bpic.net/free-photo/senior-businessman-laughing-internet-video_1262-3069.jpg",          alt: "Happy trader three"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-credit-card_141793-23005.jpg",
-          alt: "Happy trader four",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-credit-card_141793-23005.jpg",          alt: "Happy trader four"},
         {
-          src: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg",
-          alt: "Happy trader five",
-        },
+          src: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg",          alt: "Happy trader five"},
       ]}
       avatarText="Trusted by 100+ active traders"
     />
@@ -95,20 +75,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Meet PrimeScan AI, the future of automated market scanning.",
-        },
+          type: "text",          content: "Meet PrimeScan AI, the future of automated market scanning."},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
-          alt: "Katlego founder",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",          alt: "Katlego founder"},
       ]}
       buttons={[
         {
-          text: "Learn More",
-          href: "#features",
-        },
+          text: "Learn More",          href: "#features"},
       ]}
     />
   </div>
@@ -121,19 +94,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "24/5 Live Scanning",
-          description: "Continuous monitoring of Nasdaq, US30, and major forex pairs.",
-        },
+          title: "24/5 Live Scanning",          description: "Continuous monitoring of Nasdaq, US30, and major forex pairs."},
         {
           icon: ShieldCheck,
-          title: "ICT Strategy Integration",
-          description: "Built on core ICT concepts for reliable market structure interpretation.",
-        },
+          title: "ICT Strategy Integration",          description: "Built on core ICT concepts for reliable market structure interpretation."},
         {
           icon: Upload,
-          title: "Screenshot Analysis",
-          description: "Upload any 15-minute chart screenshot for instant signal generation and analysis.",
-        },
+          title: "Screenshot Analysis",          description: "Upload any 15-minute chart screenshot for instant signal generation and analysis."},
       ]}
       title="Why PrimeScan AI?"
       description="Utilizing institutional ICT concepts on the 15-minute timeframe to filter high-probability trade signals."
@@ -147,28 +114,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "94%",
-          title: "Accuracy",
-          items: [
-            "On 15m timeframe",
-          ],
+          id: "m1",          value: "94%",          title: "Accuracy",          items: [
+            "On 15m timeframe"],
         },
         {
-          id: "m2",
-          value: "24/5",
-          title: "Active",
-          items: [
-            "Continuous market watch",
-          ],
+          id: "m2",          value: "24/5",          title: "Active",          items: [
+            "Continuous market watch"],
         },
         {
-          id: "m3",
-          value: "50+",
-          title: "Pairs",
-          items: [
-            "Forex & Indices",
-          ],
+          id: "m3",          value: "50+",          title: "Pairs",          items: [
+            "Forex & Indices"],
         },
       ]}
       title="Performance Indicators"
@@ -184,59 +139,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          brand: "Tech",
-          name: "AI Scanner",
-          price: "Active",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/firewall-breached-cyber-security-alert_23-2152001125.jpg",
-        },
+          id: "p1",          brand: "Tech",          name: "AI Scanner",          price: "Active",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/firewall-breached-cyber-security-alert_23-2152001125.jpg"},
         {
-          id: "p2",
-          brand: "Analysis",
-          name: "ICT Logic",
-          price: "Applied",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg",
-        },
+          id: "p2",          brand: "Analysis",          name: "ICT Logic",          price: "Applied",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg"},
         {
-          id: "p3",
-          brand: "Speed",
-          name: "15m Signal",
-          price: "Real-time",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side_187299-39618.jpg",
-        },
+          id: "p3",          brand: "Speed",          name: "15m Signal",          price: "Real-time",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side_187299-39618.jpg"},
         {
-          id: "p4",
-          brand: "Cloud",
-          name: "Smart Logic",
-          price: "Optimized",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-icons_1284-3863.jpg",
-        },
+          id: "p4",          brand: "Cloud",          name: "Smart Logic",          price: "Optimized",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-icons_1284-3863.jpg"},
         {
-          id: "p5",
-          brand: "Model",
-          name: "Forex Pro",
-          price: "Steady",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-business-strategy-teamwork-information_24640-45216.jpg",
-        },
+          id: "p5",          brand: "Model",          name: "Forex Pro",          price: "Steady",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-vector/set-business-strategy-teamwork-information_24640-45216.jpg"},
         {
-          id: "p6",
-          brand: "System",
-          name: "Global Access",
-          price: "Universal",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg",
-        },
+          id: "p6",          brand: "System",          name: "Global Access",          price: "Universal",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg"},
       ]}
       title="Our Features"
       description="Powerful scanning engine at your service."
@@ -251,25 +170,15 @@ export default function LandingPage() {
       author="Mark R., Institutional Trader"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-annoyed-handsome-caucasian-man-raises-fist-up-holds-phone-looking-camera-isolated-white-background-with-copy-space_141793-65211.jpg",
-          alt: "Trader 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-annoyed-handsome-caucasian-man-raises-fist-up-holds-phone-looking-camera-isolated-white-background-with-copy-space_141793-65211.jpg",          alt: "Trader 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg",
-          alt: "Trader 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg",          alt: "Trader 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
-          alt: "Trader 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",          alt: "Trader 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-work_1098-13068.jpg",
-          alt: "Trader 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businessman-work_1098-13068.jpg",          alt: "Trader 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg",
-          alt: "Trader 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg",          alt: "Trader 5"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -282,20 +191,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Does it support XAUUSD?",
-          content: "Yes, we support XAUUSD along with major forex pairs.",
-        },
+          id: "f1",          title: "Does it support XAUUSD?",          content: "Yes, we support XAUUSD along with major forex pairs."},
         {
-          id: "f2",
-          title: "Can I upload screenshots?",
-          content: "Absolutely, our AI analysis tool works with 15-minute timeframe screenshots.",
-        },
+          id: "f2",          title: "Can I upload screenshots?",          content: "Absolutely, our AI analysis tool works with 15-minute timeframe screenshots."},
         {
-          id: "f3",
-          title: "Who created PrimeScan?",
-          content: "PrimeScan AI was created by Katlego.",
-        },
+          id: "f3",          title: "Who created PrimeScan?",          content: "PrimeScan AI was created by Katlego."},
       ]}
       mediaAnimation="slide-up"
       title="Common Questions"
@@ -310,8 +210,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Get Started"
       title="Join PrimeScan AI Today"
       description="Ready to enhance your trading with ICT-backed signals?"
@@ -322,16 +221,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="PrimeScan AI"
       leftLink={{
-        text: "Terms",
-        href: "#",
-      }}
+        text: "Terms",        href: "#"}}
       rightLink={{
-        text: "Privacy",
-        href: "#",
-      }}
+        text: "Privacy",        href: "#"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,8 +10,8 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #fff5f5;
+  --background: #fffafa;
+  --card: #fff7f7;
   --foreground: #1a0000;
   --primary-cta: #e63946;
   --primary-cta-text: #ffffff;