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/storage/CallToAction.tsx

@@ -5,7 +5,7 @@ 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  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" />

src/pages/storage/StorageArchitecture.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import { Container } from "@/components/Container";
-import { Eyebrow, SectionHeader, P, H3, H4, H5, CT, CP } from "@/components/Texts";
+import { Eyebrow, P, H3, H5, CP } from "@/components/Texts";
 
 const architecture = [
   {
@@ -49,7 +49,7 @@ export function StorageArchitecture() {
             {architecture.map((item, index) => (
               <button
                 key={item.title}
-                className={`w-full border bg-[#171717] text-left border-white/10 p-4 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8 
+                className={`w-full border bg-[#121212] text-left border-white/10 p-4 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8 
                   ${active === index
                     ? "border-cyan-400 shadow-md"
                     : "border-gray-800 hover:border-cyan-200 hover:shadow-sm"}`}
@@ -61,7 +61,7 @@ export function StorageArchitecture() {
           </div>
 
           {/* RIGHT — 2 columns */}
-          <div className="lg:col-span-2 flex items-center justify-center border border-gray-800 bg-[#171717] p-10 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8" >
+          <div className="lg:col-span-2 flex items-center justify-center border border-gray-800 bg-[#121212] p-10 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8" >
             <div
               key={active} // ✅ force smooth transition
               className="transition-opacity duration-300 opacity-100 animate-fade"

src/pages/storage/StorageCapabilitiesNew.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useRef } from "react";
-import { Eyebrow, CP, CT, H5 } from "@/components/Texts";
+import { Eyebrow, H5 } from "@/components/Texts";
 import { IoArrowBackOutline, IoArrowForwardOutline } from "react-icons/io5";
 
 const capabilities = [

src/pages/storage/StorageCoreValue.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Container } from "@/components/Container";
-import { H3, P, Eyebrow, CT, CP } from "@/components/Texts";
+import { H3, P, Eyebrow, CT } from "@/components/Texts";
 import Encrypted from "./animation/Encrypted";
 import SelfHealing from "./animation/SelfHealing";
 import Residency from "./animation/Residency";

src/pages/storage/StorageOverview.tsx

@@ -1,4 +1,4 @@
-import { Eyebrow, SectionHeader, P, Small } from '@/components/Texts'
+import { Small } from '@/components/Texts'
 
 const highlights = [
   {

src/pages/storage/archive/StorageDeveloperExperience.tsx

@@ -75,7 +75,7 @@ export function StorageDeveloperExperience() {
   return (
     <section
       id="storage-developer-experience"
-      className="bg-gray-900 py-24 sm:py-32"
+      className="bg-[#121212]  py-24 sm:py-32"
     >
       <Container>
         <div className="mx-auto max-w-3xl text-center">