refactor: clean up unused imports and fix component naming

- Removed unused component imports across multiple page files
- Fixed component name casing inconsistencies (CalltoAction → CallToAction, NetworkUseCases → NetworkUsecases)
- Changed AgentComponents from default to named export
- Removed stray character in NetworkPage.tsx

src/pages/agents/AgentComponents.tsx

@@ -35,7 +35,7 @@ const components = [
   },
 ]
 
-export default function AgentComponents() {
+export function AgentComponents() {
   return (
     <section className="bg-white py-24 sm:py-32">
       <Container>

src/pages/cloud/CloudHosting.tsx

@@ -4,7 +4,7 @@ import {
   ServerIcon,
   ShieldCheckIcon,
 } from '@heroicons/react/24/outline'
-import { CP, CT, Eyebrow, H3, P } from '../../components/Texts'
+import { CP, CT, Eyebrow, H3 } from '../../components/Texts'
 
 const features = [
   {

src/pages/cloud/CloudPage.tsx

@@ -2,11 +2,10 @@ import { AnimatedSection } from '../../components/AnimatedSection'
 import { CloudArchitecture } from './CloudArchitecture'
 import { CloudFeatures } from './CloudFeatures'
 import { CloudUseCases } from './CloudUseCases'
-import { CloudCTA } from './CloudCTA'
 import { CloudHeroNew } from './CloudHeroNew'
 import { CloudHosting } from './CloudHosting'
 import { CloudBluePrint } from './CloudBluePrint'
-import { CalltoAction } from './CalltoAction'
+import { CallToAction } from './CalltoAction'
 
 export default function CloudPage() {
   return (
@@ -37,7 +36,7 @@ export default function CloudPage() {
       </AnimatedSection>
 
       <AnimatedSection>
-        <CalltoAction />
+        <CallToAction />
       </AnimatedSection>
     </>
   )

src/pages/compute/ComputePage.tsx

@@ -1,12 +1,8 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { ComputeHero } from './ComputeHero'
-import { ComputeOverview } from './ComputeOverview'
 import { ComputeFeatures } from './ComputeFeatures'
-import { ComputeZeroImage } from './ComputeZeroImage'
 import { ComputeArchitecture } from './ComputeArchitecture'
-import { ComputeDeveloperExperience } from './ComputeDeveloperExperience'
 import { ComputeUseCases } from './ComputeUseCases'
-import { ComputeDifferentiators } from './ComputeDifferentiators'
 import { CallToAction } from './CallToAction'
 import { ComputeCapabilities } from './ComputeCapabilities'
 import { ComputeDesign } from './ComputeDesign'

src/pages/compute/ComputeUseCases.tsx

@@ -1,5 +1,5 @@
 import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P } from '../../components/Texts'
+import { Eyebrow, SectionHeader } from '../../components/Texts'
 
 const useCases = [
   {

src/pages/gpu/GpuCapabilities.tsx

@@ -4,7 +4,7 @@ import {
   CubeTransparentIcon,
   CpuChipIcon,
 } from '@heroicons/react/24/solid'
-import { Eyebrow, H3, P, CT, CP } from '../../components/Texts'
+import { Eyebrow, H3, CT, CP } from '../../components/Texts'
 import { Container } from '../../components/Container'
 
 const capabilities = [

src/pages/gpu/GpuDesign.tsx

@@ -1,5 +1,5 @@
 import { Container } from '../../components/Container'
-import { Eyebrow, H3, P, CT } from '../../components/Texts'
+import { Eyebrow, H3, CT } from '../../components/Texts'
 import {
   BoltIcon,
   BanknotesIcon,

src/pages/home/HomeBenefits.tsx

@@ -2,7 +2,7 @@ import createGlobe from "cobe";
 import { useEffect, useRef } from "react";
 import { motion } from "motion/react";
 import { IconBrandYoutubeFilled } from "@tabler/icons-react";
-import { H2, P, CP, Eyebrow } from '@/components/Texts'
+import { H2, CP, Eyebrow } from '@/components/Texts'
 
 
 export function HomeBenefits() {

src/pages/home/HomePage.tsx

@@ -7,7 +7,6 @@ import { HomeBenefits } from './HomeBenefits'
 import { CallToAction } from './CallToAction'
 import { HomeSlider } from './HomeSlider'
 import { HomeHostingDark } from './HomeHostingDark'
-import { HomeComparisonTable } from './HomeComparisonTable'
 
 
 export default function HomePage() {

src/pages/network/NetworkPage.tsx

@@ -1,6 +1,5 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { Hero } from './Hero'
-import { About } from './About'
 import { Features } from './Features'
 import { PrimaryFeatures } from './PrimaryFeatures'
 import { SecondaryFeatures } from './SecondaryFeatures'
@@ -35,7 +34,7 @@ export default function NetworkPage() {
         <SecondaryFeatures />
       </AnimatedSection>
 
-ß      <AnimatedSection>
+      <AnimatedSection>
         <CallToAction />
       </AnimatedSection>
     </>

src/pages/network/NetworkUsecases.tsx

@@ -25,7 +25,7 @@ const networkUseCases = [
   },
 ]
 
-export function NetworkUseCases() {
+export function NetworkUsecases() {
   return (
     <section className="bg-white py-24 sm:py-32">
       <Container>

src/pages/storage/StorageCapabilities.tsx

@@ -1,5 +1,5 @@
 import { Container } from '../../components/Container'
-import { Eyebrow, H3, P, CT, CP } from '../../components/Texts'
+import { Eyebrow, H3, CT, CP } from '../../components/Texts'
 import {
   ServerStackIcon,
   GlobeAltIcon,