fixed build errors

src/pages/agents/Companies.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import { motion } from "framer-motion";
 import { P, Eyebrow } from "@/components/Texts";
 import { InfiniteMovingCards } from "@/components/magicui/infinite-moving-cards";

src/pages/agents/DeploySection.tsx

@@ -2,25 +2,45 @@
 
 import { motion } from "framer-motion";
 import { SectionHeader, P, Eyebrow, CT, CP } from "@/components/Texts";
-import { TbCircleNumber1Filled, TbCircleNumber2Filled, TbCircleNumber3Filled } from "react-icons/tb";
+import type { ComponentPropsWithoutRef } from "react";
+
+type CircleIconProps = ComponentPropsWithoutRef<"svg">;
+
+const CircleNumber1Icon = (props: CircleIconProps) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
+    <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm.994 5.886c-.083-.777-1.008-1.16-1.617-.67l-.084.077-2 2-.083.094a1 1 0 000 1.226l.083.094.094.083a1 1 0 001.226 0l.094-.083.293-.293v5.586l.007.117a1 1 0 001.986 0l.007-.117v-8l-.006-.114z" />
+  </svg>
+);
+
+const CircleNumber2Icon = (props: CircleIconProps) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
+    <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm1 5h-3l-.117.007a1 1 0 000 1.986l.117.007h3v2h-2l-.15.005a2 2 0 00-1.844 1.838l-.006.157v2l.005.15a2 2 0 001.838 1.844l.157.006h3l.117-.007a1 1 0 000-1.986l-.117-.007h-3v-2h2l.15-.005a2 2 0 001.844-1.838l.006-.157v-2l-.005-.15a2 2 0 00-1.838-1.844l-.157-.006z" />
+  </svg>
+);
+
+const CircleNumber3Icon = (props: CircleIconProps) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
+    <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm1 5h-2l-.15.005a2 2 0 00-1.85 1.995 1 1 0 001.974.23l.02-.113.006-.117h2v2h-2l-.133.007c-1.111.12-1.154 1.73-.128 1.965l.128.021.133.007h2v2h-2l-.007-.117a1 1 0 00-1.993.117 2 2 0 001.85 1.995l.15.005h2l.15-.005a2 2 0 001.844-1.838l.006-.157v-2l-.005-.15a1.988 1.988 0 00-.17-.667l-.075-.152-.019-.032.02-.03a2.01 2.01 0 00.242-.795l.007-.174v-2l-.005-.15a2 2 0 00-1.838-1.844l-.157-.006z" />
+  </svg>
+);
 
 const features = [
   {
     name: 'Choose Your Intelligence',
     description: 'Explore a library of leading LLMs and agentic functions. Pick the ones that fit your use case, from general assistants to specialized reasoning models.',
-    icon: TbCircleNumber1Filled,
+    icon: CircleNumber1Icon,
   },
   {
     name: 'Add Your Knowledge',
     description:
       'Connect your data or knowledge base to enable personalized, context-aware results while keeping your information private.',
-    icon: TbCircleNumber2Filled,
+    icon: CircleNumber2Icon,
   },
   {
     name: 'Define Your Network',
     description:
       'Set up and manage your nodes with ease. Scale compute and storage as you grow, while staying fully sovereign and decentralized.',
-    icon: TbCircleNumber3Filled,
+    icon: CircleNumber3Icon,
   },
 ];
 

src/pages/home/HomeAurora.tsx

@@ -18,7 +18,7 @@ export function HomeAurora() {
           <span className="text-bold lg:text-8xl">
             Project Mycelium.
             <br className="hidden lg:block" />
-            Full Sovereignty for Cloud, Network & AI.
+            Full Sovereignty for<br />Cloud, Network & AI.
           </span>
         </H1>
       </div>

src/pages/home/HomeBenefits.tsx

@@ -1,7 +1,6 @@
-import React from "react";
 import { cn } from "@/lib/utils";
 import createGlobe from "cobe";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, type ReactNode } from "react";
 import { motion } from "motion/react";
 import { IconBrandYoutubeFilled } from "@tabler/icons-react";
 import { LockClosedIcon, CogIcon, BoltIcon, CurrencyDollarIcon } from '@heroicons/react/24/solid'
@@ -67,7 +66,7 @@ const FeatureCard = ({
   children,
   className,
 }: {
-  children?: React.ReactNode;
+  children?: ReactNode;
   className?: string;
 }) => {
   return (
@@ -77,7 +76,7 @@ const FeatureCard = ({
   );
 };
 
-const FeatureTitle = ({ children, icon }: { children?: React.ReactNode, icon?: React.ReactNode }) => {
+const FeatureTitle = ({ children, icon }: { children?: ReactNode; icon?: ReactNode }) => {
   return (
     <div className="flex items-center gap-2">
       {icon}
@@ -88,7 +87,7 @@ const FeatureTitle = ({ children, icon }: { children?: React.ReactNode, icon?: R
   );
 };
 
-const FeatureDescription = ({ children }: { children?: React.ReactNode }) => {
+const FeatureDescription = ({ children }: { children?: ReactNode }) => {
   return (
     <p
       className={cn(

src/pages/home/HomeGlobe.tsx

@@ -2,7 +2,7 @@
 
 import { Globe } from "@/components/ui/Globe"
 import { motion } from "framer-motion"
-import { H2, P, CT, CP, SectionHeader, Eyebrow } from "@/components/Texts"
+import { P, CT, CP, SectionHeader, Eyebrow } from "@/components/Texts"
 import { CountUpNumber } from '@/components/CountUpNumber'
 
 export function WorldMap() {

src/pages/home/HomePage.tsx

@@ -1,9 +1,6 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { HomeAurora } from './HomeAurora'
-import { HomeFeatures } from './HomeFeatures'
 import { HomeFeaturesDark } from './HomeFeaturesDark'
-import { HomeCloud } from './HomeCloud'
-import { HomeAgent } from './HomeAgent'
 import { StackSectionLight } from './StackSection'
 import { WorldMap } from './HomeGlobe'
 import { HomeBenefits } from './HomeBenefits'

src/pages/home/StackSection.tsx

@@ -2,7 +2,7 @@
 
 import { motion } from "framer-motion";
 import { StackedCubesLight } from "@/components/ui/StackedCubesLight";
-import { H2, P, SectionHeader, Eyebrow } from "@/components/Texts";
+import { P, SectionHeader, Eyebrow } from "@/components/Texts";
 import { FadeIn } from "@/components/ui/FadeIn";
 import { DottedGlowBackground } from '@/components/ui/dotted-glow-background';
 

src/pages/network/PrimaryFeatures.tsx

@@ -6,7 +6,6 @@ import clsx from 'clsx'
 import {
   type MotionProps,
   type Variant,
-  type Variants,
   AnimatePresence,
   motion,
 } from 'framer-motion'
@@ -137,12 +136,6 @@ function DeviceTouchIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
   )
 }
 
-const headerAnimation: Variants = {
-  initial: { opacity: 0, transition: { duration: 0.3 } },
-  animate: { opacity: 1, transition: { duration: 0.3, delay: 0.3 } },
-  exit: { opacity: 0, transition: { duration: 0.3 } },
-}
-
 const maxZIndex = 2147483647
 
 const bodyVariantBackwards: Variant = {

src/pages/network/animations/ContentDistribution.tsx

@@ -7,7 +7,6 @@ type Props = {
 
 const ACCENT = '#00b8db';
 const STROKE = '#111827';
-const GRAY = '#9CA3AF';
 const GRAY_LT = '#E5E7EB';
 
 const IconSquare = () => (