fix examples

Author: tinchox5

src/components/OrbitHero.astro

@@ -210,12 +210,11 @@ const { data } = Astro.props.entry;
     <div class="gravity-spot">
       <div class="orbit-12 range-175 from-351">
         <o-arc  style="--o-fill: var(--primary-color)"  class="shrink-70"></o-arc>
-        <div class="satellite component-ball"></div>
       </div>
 
       <div class="orbit-12">
 
-        <div class="satellite grow-3x orbits noactivecomponent" style="">
+        <div class="satellite grow-3x orbits " style="">
           <div class="gravity-spot">
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit-3" style="border: 1px solid var(--secondary-color)"></div>
@@ -234,7 +233,7 @@ const { data } = Astro.props.entry;
           </div>
         </div>
 
-        <div class="satellite grow-3x satellites noactivecomponent">
+        <div class="satellite grow-3x satellites ">
           <div class="gravity-spot">
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit" ></div>
@@ -267,7 +266,7 @@ const { data } = Astro.props.entry;
             </div>
           </div>
         </div>
-        <div class="satellite grow-3x sectors noactivecomponent">
+        <div class="satellite grow-3x sectors ">
           <div class="gravity-spot"> 
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit-4">
@@ -294,7 +293,7 @@ const { data } = Astro.props.entry;
             </div>
           </div>
         </div>
-        <div class="satellite grow-3x progresss noactivecomponent" >
+        <div class="satellite grow-3x progresss " >
           <div class="gravity-spot">
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit-7">
@@ -314,7 +313,7 @@ const { data } = Astro.props.entry;
             </div>
           </div>
         </div>
-        <div class="satellite grow-3x spokes noactivecomponent">
+        <div class="satellite grow-3x spokes ">
           <div class="gravity-spot">
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit-11">
@@ -339,7 +338,7 @@ const { data } = Astro.props.entry;
             </div>
           </div>
         </div>
-        <div class="satellite grow-3x segments noactivecomponent" >
+        <div class="satellite grow-3x segments " >
           <div class="gravity-spot">
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit-11">
@@ -364,11 +363,11 @@ const { data } = Astro.props.entry;
             </div>
           </div>
         </div>
-        <div class="satellite grow-3x curved-text noactivecomponent">
+        <div class="satellite grow-3x curved-text ">
           <div class="gravity-spot">
             <div class="gravity-spot case" style="--o-force: 100px; scale: 0">
               <div class="orbit-10">
-                <o-arc label-color="var(--secondary-color)" fit-range class="component-label">curved texts  -  curved texts - </o-arc>
+                <o-arc label-color="var(--secondary-color)" fit-range class="component-label" style="--o-fill: none">curved texts  -  curved texts - </o-arc>
               </div>
             </div>
             <div class="orbit-4  label" style="opacity: 0">