refactor: remove unused imports across multiple components

- Fixed CloudPros export name from AgentPro to CloudPros
- Removed unused H1, H4, and H3Icon imports from HomeAurora
- Removed unused H3, P, and Eyebrow imports from NetworkDownload
- Changed motion.H3 and motion.P to lowercase motion.h3 and motion.p in NetworkDownload
- Removed unused Small import from PodsFeatures
- Removed unused IconClockHour5 import from PodsHow

src/pages/cloud/CloudPros.tsx

@@ -27,7 +27,7 @@ const highlights = [
   },
 ];
 
-export function AgentPro() {
+export function CloudPros() {
   return (
     <section className="relative w-full bg-[#FDFDFD] overflow-hidden">
       {/* Top spacing line */}

src/pages/home/HomeAurora.tsx

@@ -1,6 +1,5 @@
-import { H1, H4, H3, H5, Eyebrow } from "@/components/Texts"
+import { H3, H5, Eyebrow } from "@/components/Texts"
 import { Button } from "@/components/Button"
-import { H3Icon } from "@heroicons/react/20/solid"
 
 export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => void }) {
   return (

src/pages/network/NetworkDownload.tsx

@@ -7,7 +7,7 @@ import windowsIcon from '@/images/windows.svg'
 import androidIcon from '@/images/android.svg'
 import linuxIcon from '@/images/linux.svg'
 
-import { H3, P, Eyebrow, CT, CP } from '@/components/Texts'
+import { CT, CP } from '@/components/Texts'
 
 const features = [
   {
@@ -50,15 +50,15 @@ export function NetworkDownload() {
       
       <div className="mx-auto max-w-7xl px-6 lg:px-8 bg-white py-12 border border-t-0 border-b-0 border-gray-100">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <motion.H3
+          <motion.h3
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5 }}
             className="text-5xl font-medium tracking-tight text-gray-900 lg:text-6xl"
           >
             Download Mycelium Network
-          </motion.H3>
+          </motion.h3>
-          <motion.P
+          <motion.p
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.2 }}
@@ -73,7 +73,7 @@ export function NetworkDownload() {
             >
               Read the manual.
             </a>
-          </motion.P>
+          </motion.p>
         </div>
         <div className="mx-auto mt-8 max-w-2xl lg:mt-12 lg:max-w-none">
           <dl className="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 md:grid-cols-2 lg:max-w-none lg:grid-cols-4">

src/pages/pods/PodsFeatures.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { Container } from "@/components/Container";
-import { Small } from "@/components/Texts";
 
 const useCases = [
   {

src/pages/pods/PodsHow.tsx

@@ -3,7 +3,6 @@
 import { Eyebrow, H4, H5 } from "@/components/Texts";
 import PodsFlow from "./animations/PodsFlow";
 import { useEffect, useState } from "react";
-import { IconClockHour5 } from "@tabler/icons-react";
 
 const phrases = [
   "everything runs directly from your Pod.",