refactor: improve punctuation and grammar consistency across components

- Replaced em dashes with commas for better readability in descriptions
- Standardized punctuation in aria-labels (changed "—" to ",")
- Removed unnecessary em dashes in favor of commas or removed punctuation
- Fixed inconsistent spacing around punctuation marks
- Improved sentence flow in multiple component descriptions

src/pages/agents/AgentUseCase.tsx

@@ -23,7 +23,7 @@ const networkUseCases = [
   {
     title: "Run agents on your own hardware",
     description:
-      "Deploy AI processes on laptops, homelabs, edge nodes, or full clusters — no cloud dependency.",
+      "Deploy AI processes on laptops, homelabs, edge nodes, or full clusters with no cloud dependency.",
     icon: CpuChipIcon,
   },
   {

src/pages/agents/animations/Fungistor.tsx

@@ -123,7 +123,7 @@ export default function FungiStor({
       className={clsx("relative overflow-hidden", className)}
       aria-hidden="true"
       role="img"
-      aria-label="FungiStor — distributed long-term AI memory"
+      aria-label="FungiStor, a distributed long-term AI memory"
       style={{ background: bg }}
     >
       <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">

src/pages/agents/animations/Herodb.tsx

@@ -175,7 +175,7 @@ export default function Herodb({
       className={clsx("relative overflow-hidden", className)}
       aria-hidden="true"
       role="img"
-      aria-label="HeroDB — active AI memory retrieval"
+      aria-label="HeroDB, active AI memory retrieval"
       style={{ background: bg }}
     >
       <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">

src/pages/agents/animations/MyceliumMesh.tsx

@@ -142,7 +142,7 @@ export default function MyceliumMesh({
       )}
       aria-hidden="true"
       role="img"
-      aria-label="Mycelium Mesh — secure communication network"
+      aria-label="Mycelium Mesh, a secure communication network"
       style={{ background: bg }}
     >
       <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">

src/pages/cloud/CloudBluePrint.tsx

@@ -27,7 +27,7 @@ export function CloudBluePrint() {
             </H3>
 
             <P className="mt-6 text-lg text-gray-600">
-              Digital Me is an example environment built to demonstrate what’s possible on top of the Mycelium Stack — a full personal cloud you can deploy, customize, or extend. Your files, communication, apps, and optional AI agent, all running privately on infrastructure you choose.
+              Digital Me is an example environment built to demonstrate what’s possible on top of the Mycelium Stack, which is a full personal cloud you can deploy, customize, or extend. Your files, communication, apps, and optional AI agent, all running privately on infrastructure you choose.
             </P>
           </div>
 

src/pages/cloud/CloudFeaturesLight.tsx

@@ -257,7 +257,7 @@ export function CloudFeaturesLight() {
               </SectionHeader>
               <P className="mt-6 text-gray-600">
                 Mycelium Cloud runs Kubernetes on a sovereign, self-healing network
-                with compute, storage, and networking built in — so you don’t need
+                with compute, storage, and networking built in, so you don’t need
                 external cloud dependencies.
               </P>
             </div>

src/pages/cloud/CloudIntro.tsx

@@ -96,7 +96,7 @@ export function CloudIntro() {
           <H3 color="white">What You Can Run on Mycelium Cloud</H3>
 
           <P className="max-w-3xl text-gray-400 mt-6">
-            Host nodes, deploy workloads, or build private AI systems — all on
+            Host nodes, deploy workloads, or build private AI systems all on
             infrastructure you own and control. Mycelium gives you scalable compute,
             secure storage, and sovereign orchestration without depending on
             hyperscalers.

src/pages/compute/ComputeFeatures.tsx

@@ -33,7 +33,7 @@ export function ComputeFeatures() {
           </P>
 
           <P className="mt-3 text-lg text-gray-600">
-            Each component — from message passing to content distribution — works in harmony
+            Each component, from message passing to content distribution — works in harmony
             to create a fully self-healing, self-optimizing data mesh.
           </P>
         </div>

src/pages/compute/ComputeUseCases.tsx

@@ -34,11 +34,11 @@ const tabs = [
       },
       {
         item: "Zero cloud lock-in",
-        desc: "Deploy containers, VMs, or full Kubernetes clusters — migrate off AWS/GCP/Azure with no code changes.",
+        desc: "Deploy containers, VMs, or full Kubernetes clusters, migrate off AWS/GCP/Azure with no code changes.",
       },
       {
         item: "Encrypted networking",
-        desc: "All services communicate through Mycelium Mesh — no VPNs, no exposed ports.",
+        desc: "All services communicate through Mycelium Mesh without VPNs, no exposed ports.",
       },
     ],
   },
@@ -48,11 +48,11 @@ const tabs = [
     content: [
       {
         item: "Distributed workloads",
-        desc: "Run compute where data lives — homes, factories, hospitals, or remote regions.",
+        desc: "Run compute where data lives; homes, factories, hospitals, or remote regions.",
       },
       {
         item: "Offline-first resilience",
-        desc: "Nodes keep working even with weak internet or outages — ideal for mission-critical edge.",
+        desc: "Nodes keep working even with weak internet or outages, ideal for mission-critical edge.",
       },
       {
         item: "Global deployment, local data",
@@ -85,7 +85,7 @@ export function ComputeUseCases() {
           <P  className="max-w-3xl text-gray-400 mt-6">
             Mycelium Compute is a decentralized physical infrastructure network
             (DePIN) for high-performance workloads. Run reproducible AI/ML
-            pipelines, host self-healing applications, or deploy to the edge — all
+            pipelines, host self-healing applications, or deploy to the edge, all
             on a fabric that’s more resilient and private than the cloud.
           </P>
         </div>

src/pages/gpu/GpuArchitecture.tsx

@@ -40,7 +40,7 @@ export function GpuArchitecture() {
               Sovereign Compute Nodes
             </h3>
             <p className="mt-2 text-gray-600 max-w-2xl">
-              GPUs run only on hardware you control — eliminating reliance on centralized clouds.
+              GPUs run only on hardware you control, eliminating reliance on centralized clouds.
             </p>
             <div className="mt-8 h-px w-full bg-cyan-500/50" />
           </div>
@@ -52,7 +52,7 @@ export function GpuArchitecture() {
               Encrypted Mesh Networking
             </h3>
             <p className="mt-2 text-gray-600 max-w-2xl">
-              Nodes form private, encrypted tunnels to workloads — no public exposure required.
+              Nodes form private, encrypted tunnels to workloads, no public exposure required.
             </p>
             <div className="mt-8 h-px w-full bg-cyan-500/50" />
           </div>

src/pages/gpu/GpuCapabilities.tsx

@@ -17,7 +17,7 @@ const gpuCapabilities = [
     eyebrow: "CAPABILITIES",
     title: "What You Can Run on Mycelium Cloud",
     description:
-      "GPU acceleration for inference, training, rendering, and agent workloads — on sovereign hardware.",
+      "GPU acceleration for inference, training, rendering, and agent workload on sovereign hardware.",
   },
   {
     name: "AI / ML Inference & Training",

src/pages/home/HomeBlink.tsx

@@ -39,10 +39,10 @@ export function HomeBlink({ onGetStartedClick }: { onGetStartedClick: () => void
           <H4 className="text-center mt-8">The Living Network of the Next Internet</H4>
 
           <H5 className="mx-auto mt-6 max-w-4xl text-center font-normal text-neutral-500">
-            A new internet is emerging — private, distributed, and self-sovereign.
+            A new internet is emerging, a private, distributed, and self-sovereign.
             Mycelium is the living network that makes it possible.
             A peer-to-peer foundation where people, data, and intelligence connect
-            directly — without intermediaries, without compromise.
+            directly without intermediaries, without compromise.
           </H5>
 
           <div className="mt-8 flex justify-center gap-6">

src/pages/home/HomeSpotlight.tsx

@@ -34,10 +34,10 @@ export function HomeSpotlight({
           <H4 className="text-center mt-4">The Living Network of the Next Internet</H4>
 
           <H5 className="mx-auto mt-6 max-w-4xl text-center font-normal text-neutral-500">
-            A new internet is emerging — private, distributed, and self-sovereign.
+            A new internet is emerging, a private, distributed, and self-sovereign.
             Mycelium is the living network that makes it possible.
             A peer-to-peer foundation where people, data, and intelligence connect
-            directly — without intermediaries, without compromise.
+            directly without intermediaries, without compromise.
           </H5>
 
           <div className="mt-8 flex justify-center gap-6">

src/pages/home/HomeWhy.tsx

@@ -41,7 +41,7 @@ export function HomeWhy() {
         <Eyebrow>Why It Matters</Eyebrow>
         <H3 className="mt-2 text-gray-200">Why Mycelium?</H3>
         <P className="mx-auto mt-5 max-w-prose text-gray-400">
-          The current internet is a rent-seeking one. Mycelium builds one that belongs to everyone — where infrastructure, data, and intelligence stay with the people and organizations who create them.
+          The current internet is a rent-seeking one. Mycelium builds one that belongs to everyone where infrastructure, data, and intelligence stay with the people and organizations who create them.
 
         </P>
         <div className="mt-16">

src/pages/home/archive/HomeTabs.tsx

@@ -16,7 +16,7 @@ const tabs = [
     label: "K8s Clusters",
     title: "K8s Clusters",
     description:
-      "Deploy and scale containerized apps across your own hardware — enabling a world of possibilities.",
+      "Deploy and scale containerized apps across your own hardware, enabling a world of possibilities.",
     link: "#",
     icon: CubeIcon,
   },

src/pages/network/NetworkPros.tsx

@@ -17,7 +17,7 @@ const highlights = [
     label: 'Scale',
     title: 'Scales instantly from one POD to thousands.',
     description:
-      'Deploy locally or expand globally — the mesh routes and balances itself automatically.',
+      'Deploy locally or expand globally, the mesh routes and balances itself automatically.',
   },
   {
     label: 'Security',

src/pages/nodes/NodeBenefits.tsx

@@ -72,7 +72,7 @@ export function NodeBenefits() {
           <P className="mt-6" color="light">
             Hosting a node gives you private compute, contributes to the global
             Mycelium infrastructure, and unlocks ways to earn from real network
-            usage — all while keeping sovereignty and control.
+            usage, all while keeping sovereignty and control.
           </P>
         </motion.div>
 

src/pages/pods/PodCapabilities.tsx

@@ -33,7 +33,7 @@ const capabilities = [
   {
     title: "An always-on space you fully control",
     description:
-      "A dedicated, always-on environment you fully command — your own sovereign slice of the network that never goes offline.",
+      "A dedicated, always-on environment you fully command, your own sovereign slice of the network that never goes offline.",
     icon: (
       <div className="flex items-start justify-start">
         <CpuChipIcon className="h-12 w-12 text-cyan-400" />

src/pages/pods/PodsCapabilities.tsx

@@ -27,7 +27,7 @@ export function PodsCapabilities() {
           </H3>
 
           <P className="mt-6 text-gray-200">
-            Access everything from any device — your data follows you, not the other way around.
+            Access everything from any device, your data follows you, not the other way around.
             💡 It’s like having your own tiny cloud that belongs only to you.
           </P>
         </div>
@@ -42,7 +42,7 @@ export function PodsCapabilities() {
               Communicate
             </h3>
             <p className="mt-2 text-gray-200 max-w-2xl">
-              Message, call, and share files privately — no tracking or ads.
+              Message, call, and share files privately with no tracking or ads.
             </p>
             <div className="mt-8 h-px w-full bg-cyan-500/50" />
           </div>

src/pages/pods/PodsComing.tsx

@@ -54,7 +54,7 @@ Your own AI, powered by your data without any data leaks.
               Calendar & File Sync
             </h3>
             <p className="mt-2 text-gray-700 max-w-2xl">
-              Your schedules, documents, and files — synced across your Pods with no central cloud.
+              Your schedules, documents, and files synced across your Pods with no central cloud.
             </p>
             <div className="mt-8 h-px w-full bg-cyan-200" />
           </div>
@@ -66,7 +66,7 @@ Your own AI, powered by your data without any data leaks.
               Secure Team Spaces
             </h3>
             <p className="mt-2 text-gray-700 max-w-2xl">
-              Create shared Pods for teams, communities, or groups — fully encrypted, fully sovereign.
+              Create shared Pods for teams, communities, or groups. Fully encrypted, fully sovereign.
             </p>
             <div className="mt-8 h-px w-full bg-cyan-200" />
           </div>
@@ -79,7 +79,7 @@ Your own AI, powered by your data without any data leaks.
               <span className="ml-2 text-xs text-gray-400">🕒</span>
             </h3>
             <p className="mt-2 text-gray-700 max-w-2xl">
-              Host your personal AI agent inside your Pod — private, local-first, and fully under your control.
+              Host your personal AI agent inside your Pod. Private, local-first, and fully under your control.
             </p>
           </div>
 

src/pages/pods/PodsFeatures.tsx

@@ -10,7 +10,7 @@ const useCases = [
       "Communicate directly Pod-to-Pod with no centralized routing.",
     bullets: [
       "End-to-end encrypted messaging and voice calling.",
-      "No intermediaries — connections flow directly between Pods.",
+      "No intermediaries, connections flow directly between Pods.",
       "Zero metadata profiling, tracking, or data resale.",
     ],
   },
@@ -21,7 +21,7 @@ const useCases = [
     bullets: [
       "Files remain private with no platform-level scanning or analysis.",
       "Share documents and media directly with trusted contacts.",
-      "Full ownership of your content — no cloud vendor dependencies.",
+      "Full ownership of your content, with no cloud vendor dependencies.",
     ],
   },
   {
@@ -57,11 +57,11 @@ const useCases = [
   {
     title: "Access From Any Device",
     description:
-      "Your Pod travels with you — always accessible, always yours.",
+      "Your Pod travels with you. Always accessible, always yours.",
     bullets: [
       "Use your Pod from phones, laptops, tablets, or shared machines.",
       "Your identity, apps, and files follow you securely.",
-      "No syncing or duplicated copies — direct access to your environment.",
+      "No syncing or duplicated copies, direct access to your environment.",
     ],
   },
 ];

src/pages/pods/PodsHow.tsx

@@ -38,7 +38,7 @@ export function PodsHow() {
               </li>
               <li className="flex items-start gap-3">
                 <span className="mt-1 inline-block size-2 rounded-full bg-cyan-400" />
-                <span>When you host a call, it runs on your Pod — no third-party data centers.</span>
+                <span>When you host a call, it runs on your Pod. No third-party data centers involved.</span>
               </li>
               <li className="flex items-start gap-3">
                 <span className="mt-1 inline-block size-2 rounded-full bg-cyan-400" />
@@ -47,7 +47,7 @@ export function PodsHow() {
             </ul>
             <P className="max-w-3xl text-gray-400 mt-4">
               No one else can read it, rent it, or switch it off.
-              You don’t log in to the internet — you are part of it.
+              You don’t log in to the internet, you are part of it.
             </P>
           </div>
         </div>

src/pages/pods/PodsWhat.tsx

@@ -31,7 +31,7 @@ const podCards = [
     id: "control",
     title: "An always-on space you fully control",
     description:
-      "A dedicated, always-on environment you fully command — your own sovereign slice of the network that never goes offline.",
+      "A dedicated, always-on environment you fully command. Your own sovereign slice of the network that never goes offline.",
     icon: ShieldCheckIcon,
   },
   {

src/pages/storage/StorageUseCases.tsx

@@ -29,7 +29,7 @@ export function StorageUseCases() {
           <P className="mt-6 text-gray-600">
             Mycelium Storage adapts to compliance-driven enterprise data,
             distributed application workloads, and global asset delivery
-            — without giving up sovereignty.
+           without giving up sovereignty.
           </P>
         </div>
 

src/pages/storage/StorageUseCasesNew.tsx

@@ -58,7 +58,7 @@ export function StorageUseCasesNew() {
             <H3>Built for Real Data Workloads</H3>
             <P className="max-w-3xl text-gray-600 mt-4">
               Mycelium Storage adapts to compliance-driven enterprise data, distributed application workloads,
-              and global asset delivery — without giving up sovereignty.
+              and global asset delivery without giving up sovereignty.
             </P>
             
             {/* Tabs */}