feat: update cloud page hero and home slider components

- Replaced CloudHero with new CloudHeroNew component on cloud page
- Added new cloud-related images (cloudhero.webp, cloudhero2.webp, k82.png) to public assets
- Enhanced HomeSlider section with Eyebrow component for "Ecosystem" label
- Updated HomeSlider heading text from "Discover the Mycelium Ecosystem" to "Discover the Mycelium Components"

src/pages/cloud/CloudPage.tsx

@@ -7,12 +7,14 @@ import { CloudGettingStarted } from './CloudGettingStarted'
 import { CloudUseCases } from './CloudUseCases'
 import { SecurityPillars } from './SecurityPillars'
 import { CloudCTA } from './CloudCTA'
+import { CloudHeroNew } from './CloudHeroNew'
 
 export default function CloudPage() {
   return (
     <>
+
       <AnimatedSection>
-        <CloudHero />
+        <CloudHeroNew />
       </AnimatedSection>
       <AnimatedSection>
         <CloudOverview />

src/pages/home/HomeSlider.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Carousel, Card } from "@/components/ui/apple-cards-carousel";
-import { H3, P } from "@/components/Texts";
+import { H3, P , Eyebrow} from "@/components/Texts";
 
 export function HomeSlider() {
   const cards = data.map((card) => (
@@ -11,8 +11,11 @@ export function HomeSlider() {
   return (
     <div className="w-full h-full py-20 bg-[#0b0b0b]">
       <div className="max-w-7xl mx-auto pl-4">
+        <Eyebrow className="text-left">
+          Ecosystem
+        </Eyebrow>
         <H3 className="text-left text-white">
-          Discover the Mycelium Ecosystem
+          Discover the Mycelium Components
         </H3>
         <div className="mt-4 max-w-3xl">
           <P className="text-left text-neutral-400">