fixed build errors

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';