Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -163,40 +163,40 @@ export default function LandingPage() {
       <PricingCardThree
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       plans={[
         {
-          id: "starter",          name: "Starter",          price: "$99",          features: ["10M Requests", "Basic Support", "Daily Backups"],
-          buttons: [{ text: "Get Started", href: "#" }],
+          id: "server-basic",          name: "Node Core",          price: "$199",          features: ["Single Region", "100GB Storage", "Standard Bandwidth"],
+          buttons: [{ text: "Select Server", href: "#" }],
         },
         {
-          id: "pro",          name: "Professional",          price: "$299",          features: ["100M Requests", "Priority Support", "Real-time Metrics"],
-          badge: "Popular",          buttons: [{ text: "Get Started", href: "#" }],
+          id: "server-advanced",          name: "Cluster Pro",          price: "$499",          features: ["Multi-Region", "500GB NVMe", "High-Speed Bandwidth"],
+          badge: "Best Value",          buttons: [{ text: "Select Server", href: "#" }],
         },
         {
-          id: "enterprise",          name: "Enterprise",          price: "Custom",          features: ["Unlimited Requests", "24/7 Dedicated Support", "SLA Guarantee"],
-          buttons: [{ text: "Contact Us", href: "#" }],
+          id: "server-max",          name: "Global Shield",          price: "Custom",          features: ["Edge Delivery", "Unrestricted Storage", "24/7 Security Ops"],
+          buttons: [{ text: "Contact Ops", href: "#" }],
         },
       ]}
-      title="Flexible Scaling"
-      description="Plans that grow as fast as your application."
+      title="Infrastructure Tiers"
+      description="Choose the dedicated server capacity that fits your scale."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         {
-          id: "1",          title: "How do I migrate?",          content: "Our migration tools provide automated guidance from your existing stack."},
+          id: "1",          title: "What is the server migration process?",          content: "Our migration team handles full data replication and zero-downtime cutover for all server tiers."},
         {
-          id: "2",          title: "Is security guaranteed?",          content: "We offer multi-layered encryption as part of our core architecture."},
+          id: "2",          title: "Do you provide dedicated hardware?",          content: "Yes, our 'Global Shield' tier includes fully dedicated server hardware with custom redundancy."},
         {
-          id: "3",          title: "Can I upgrade anytime?",          content: "Yes, scaling up your subscription levels can be done instantly."},
+          id: "3",          title: "How is data integrity secured?",          content: "We use hardware-level encryption and continuous verification cycles across all storage nodes."},
       ]}
-      title="Frequently Asked Questions"
-      description="Answers to the most common queries about the CrimsonFlow infrastructure."
+      title="Technical FAQ"
+      description="Details on our infrastructure, hardware, and deployment protocols."
       faqsAnimation="slide-up"
     />
   </div>
@@ -206,10 +206,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "sparkles-gradient"}}
-      tag="Get Started"
-      title="Ready to build?"
-      description="Join the crimson revolution and scale your applications faster than ever."
-      buttons={[{ text: "Talk to Sales", href: "#" }]}
+      tag="Operations"
+      title="Server Inquiries"
+      description="Contact our technical ops team for dedicated server deployment or custom infrastructure requirements."
+      buttons={[{ text: "Contact Ops Support", href: "#" }]}
     />
   </div>
 
@@ -242,4 +242,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
+  --background: #060000;
+  --card: #1d0d0d;
+  --foreground: #ffe6e6;
+  --primary-cta: #ff3d4a;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #1f0a0a;
   --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #7b2d2d;
+  --background-accent: #b8111f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);