chore: add content bg

Author: saurabhburade

src/components/Hero/HubHero/index.tsx

@@ -44,7 +44,7 @@ const HubHero = ({
           "gap-0 space-y-4 p-4 lg:p-8",
           "text-center xl:text-start",
           "xl:rounded",
-          "xl:bg-[#222222cc]",
+          "xl:bg-hub-hero-content-bg",
           "xl:absolute xl:top-1/2 xl:max-w-sm",
           "xl:-translate-y-1/2 xl:transform",
           "xl:backdrop-blur xl:backdrop-filter",