refactor: consolidate cloud and agents page components

- Removed duplicate hero component variations (AgentsHero/AgentsHeroAlt, CloudHero/CloudHeroAlt)
- Deleted unused CloudCTA, CloudGettingStarted, and CloudDesign components
- Cleaned up empty files and legacy page structure

src/pages/home/HomeHosting.tsx

@@ -1,6 +1,5 @@
-
 import { Container } from '../../components/Container'
-import {Eyebrow, H3, P } from '../../components/Texts'
+import { Eyebrow, H3, P } from '../../components/Texts'
 
 /* ✅ Custom Icons */
 
@@ -82,8 +81,6 @@ function VPNIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
   )
 }
 
-/* ✅ Updated Feature List */
-
 const features = [
   {
     name: 'Kubernetes Clusters',
@@ -107,48 +104,40 @@ const features = [
   },
 ]
 
-/* ✅ Component */
-
 export function HomeHosting() {
   return (
     <section
       id="comingsoon"
       aria-label="Features"
-      className="py-20 sm:py-32 relative isolate overflow-hidden"
-      style={{
-        backgroundImage: "url('/images/bg2.jpg')",
-        backgroundSize: 'cover',
-        backgroundPosition: 'center',
-        backgroundRepeat: 'no-repeat',
-      }}
+      className="py-20 sm:py-32"
     >
-      {/* ✅ Soft overlay for readable text */}
-      <div className="absolute inset-0 bg-white/60 backdrop-blur-[1px]" />
-
-      <Container className="relative z-10">
+      <Container>
         <div className="mx-auto max-w-4xl sm:text-center">
           <Eyebrow className="text-cyan-500">IN ACTIVE EVOLUTION</Eyebrow>
           <H3 className="text-3xl lg:text-4xl font-medium tracking-tight text-gray-900">
             Expanding the Network Layer
           </H3>
           <P className="mt-6 text-lg text-gray-600">
-            The Mycelium Network is evolving to support richer data movement, identity, and application connectivity across the mesh.
-            These enhancements deepen autonomy and improve real-world usability.
+            The Mycelium Network is evolving to support richer data movement, identity, 
+            and application connectivity across the mesh. These enhancements deepen autonomy 
+            and improve real-world usability.
           </P>
         </div>
 
         <ul
           role="list"
-          className="mx-auto mt-12 grid max-w-2xl grid-cols-1 gap-6 text-sm  sm:grid-cols-2 md:gap-y-10 lg:max-w-none lg:grid-cols-4"
+          className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-6 text-sm 
+                     sm:mt-20 sm:grid-cols-2 md:gap-y-10 lg:max-w-none lg:grid-cols-4"
         >
           {features.map((feature) => (
             <li
               key={feature.name}
-              className="rounded-2xl border border-gray-200 px-8 py-8 transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20 bg-white/70 backdrop-blur-sm"
+              className="rounded-2xl border border-gray-200 p-8 transition-all duration-300 ease-in-out
+                         hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20 bg-white"
             >
-              <feature.icon className="h-12 w-12" />
-              <p className="mt-6 font-semibold text-gray-900 text-sm lg:text-base leading-tight">{feature.name}</p>
-              <p className="mt-2 text-gray-700 leading-tight">{feature.description}</p>
+              <feature.icon className="h-14 w-14" />
+              <h3 className="mt-6 font-semibold text-gray-900">{feature.name}</h3>
+              <p className="mt-2 text-gray-700">{feature.description}</p>
             </li>
           ))}
         </ul>