Update src/app/styles/variables.css

Merge version_2 into main

src/app/layout.tsx

@@ -17,11 +17,13 @@ const inter = Inter({
 export const metadata: Metadata = {
   title: "Northstar Developments | Premium FiveM Resources",  description: "Premium FiveM resources for roleplay servers. High-performance scripts, luxury vehicles, clothing packs, and development assets designed for serious servers.",  keywords: "FiveM, scripts, roleplay, GTA V, resources, development, vehicles, assets",  metadataBase: new URL("https://northstardev.com"),
   alternates: {
-    canonical: "https://northstardev.com"},
+    canonical: "https://northstardev.com"
+  },
   openGraph: {
     title: "Northstar Developments - Premium FiveM Studio",    description: "Premium FiveM resources built for serious roleplay servers. Performance-optimized scripts, immersive systems, and professional assets.",    url: "https://northstardev.com",    siteName: "Northstar Developments",    type: "website",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZ5dmjIgZgKdY7lJdOLCEfioa/northstar-developments-logo-mark-featuri-1772893721189-4d37ea82.png",        alt: "Northstar Developments Logo"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZ5dmjIgZgKdY7lJdOLCEfioa/northstar-developments-logo-mark-featuri-1772893721189-4d37ea82.png",        alt: "Northstar Developments Logo"
+      },
     ],
   },
   twitter: {

src/app/page.tsx

@@ -43,7 +43,7 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroCentered
           title="Northstar Developments"
-          description="Premium FiveM Resources Built for Serious Roleplay Servers. Cutting-edge scripts, immersive systems, high-performance vehicles and professional assets designed for maximum realism and stability."
+          description="Increase server revenue and player retention with battle-tested FiveM systems. Premium scripts, immersive mechanics, and high-performance vehicles crafted for serious roleplay environments."
           background={{ variant: "downward-rays-animated-grid" }}
           avatars={[
             {

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #0a0a0a;
   --card: #1a1a1a;
   --foreground: #f0f0f0;
-  --primary-cta: #7c3aed;
+  --primary-cta: #fbbf24;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #a78bfa;
-  --accent: #a78bfa;
-  --background-accent: #6d28d9;
+  --accent: #fbbf24;
+  --background-accent: #f59e0b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);