refactor: standardize background color to #121212

- Replaced inconsistent gray-900 and #171717 background colors with unified #121212 across all pages
- Removed unused imports from multiple component files
- Cleaned up trailing spaces in className attributes

src/pages/cloud/CalltoAction.tsx

@@ -5,9 +5,9 @@ import { Button } from "@/components/Button";
 
 export function CallToAction() {
   return (
-    <section className="relative overflow-hidden bg-gray-900">
+    <section className="relative overflow-hidden bg-[#121212]">
       {/* ✅ Top horizontal line with spacing */}
-      <div className="max-w-7xl bg-[#111111] mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
+      <div className="max-w-7xl bg-[#121212] mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
       <div className="w-full border-t border-l border-r border-gray-800" />
 
       {/* ✅ Main boxed area */}

src/pages/cloud/CloudFeatures.tsx

@@ -406,7 +406,7 @@ export function CloudFeatures() {
     <section
       id="overview"
       aria-label="Features for investing all your money"
-      className="bg-gray-900 py-20 sm:py-32"
+      className="bg-[#121212]  py-20 sm:py-32"
     >
       <Container>
         <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-3xl">

src/pages/cloud/archive/CloudGettingStarted.tsx

@@ -69,7 +69,7 @@ export function CloudGettingStarted() {
   return (
     <section
       id="getting-started"
-      className="relative overflow-hidden bg-gray-900 py-24 sm:py-32"
+      className="relative overflow-hidden bg-[#121212]  py-24 sm:py-32"
     >
       <div className="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(34,211,238,0.12),_transparent_60%)]" />
       <Container className="relative">