chore: remove saved HTML file from images directory

src/pages/agents/AgentComponents.tsx

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

src/pages/agents/AgentHeroAlt.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { Button } from '../../components/Button'
-import { Eyebrow, P, H3 } from '../../components/Texts'
+import { Button } from '@/components/Button'
+import { Eyebrow, P, H3 } from '@/components/Texts'
 
 export function AgentHeroAlt() {
   return (

src/pages/agents/BentoSection.tsx

@@ -1,6 +1,6 @@
 import { motion } from 'framer-motion'
-import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P, CT, CP } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P, CT, CP } from '@/components/Texts'
 
 const items = [
   {
@@ -19,7 +19,7 @@ const items = [
     title: 'MOS Sandboxes',
     subtitle: 'Secure Agent Workspaces',
     description: 'Attested, signed workspaces spin up ≈5s worldwide—ready to execute. Hardware isolation and scoped egress: run hard, tear down clean, zero residue.',
-    video: '/videos/sandbox.mp4',
+    video: '/videos/herodb.mp4',
   },
   {
     title: 'Mycelium Mesh',

src/pages/agents/CallToAction.tsx

@@ -1,6 +1,6 @@
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/agents/archive/AgentsHero.tsx

@@ -2,8 +2,8 @@
 
 import { useId, useState } from 'react'
 
-import { Button } from '../../../components/Button'
-import { Container } from '../../../components/Container'
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
 import ContactForm from '../../../components/ContactForm'
 
 function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {

src/pages/cloud/CalltoAction.tsx

@@ -1,6 +1,6 @@
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/cloud/CloudArchitecture.tsx

@@ -1,6 +1,6 @@
-import { Container } from '../../components/Container'
-import { Eyebrow, H3, P } from '../../components/Texts'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Eyebrow, H3, P } from '@/components/Texts'
+import { Button } from '@/components/Button'
 
 const architecture = [
   {

src/pages/cloud/CloudBluePrint.tsx

@@ -1,4 +1,4 @@
-import { H3, P, Eyebrow } from '../../components/Texts'
+import { H3, P, Eyebrow } from '@/components/Texts'
 
 
 export function CloudBluePrint() {

src/pages/cloud/CloudHeroNew.tsx

@@ -1,5 +1,5 @@
-import { H3, H5, Eyebrow } from "../../components/Texts"
-import { Button } from "../../components/Button"
+import { H3, H5, Eyebrow } from "@/components/Texts"
+import { Button } from "@/components/Button"
 
 
 export function CloudHeroNew() {

src/pages/cloud/CloudHosting.tsx

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

src/pages/cloud/CloudUseCases.tsx

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

src/pages/cloud/archive/CloudCTA.tsx

@@ -1,5 +1,5 @@
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'  
+import { Button } from '@/components/Button'
 
 export function CloudCTA() {
   return (

src/pages/cloud/archive/CloudGettingStarted.tsx

@@ -1,5 +1,5 @@
-import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P, Small } from '@/components/Texts'
 
 type Step = {
   number: string

src/pages/cloud/archive/CloudHero.tsx

@@ -1,8 +1,8 @@
 import { useId } from 'react'
 
-import { Button } from '../../components/Button'
-import { Container } from '../../components/Container'
-import { Eyebrow, H2, P, H5 } from '../../components/Texts'
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+import { Eyebrow, H2, P, H5 } from '@/components/Texts'
 
 function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {
   const id = useId()

src/pages/cloud/archive/CloudHeroAlt.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Button } from '../../components/Button'
+import { Button } from '@/components/Button'
 
 export function CloudHeroAlt() {
   return (

src/pages/cloud/archive/CloudOverview.tsx

@@ -1,6 +1,6 @@
-import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts'
+import { CircleBackground } from '@/components/CircleBackground'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P, Small } from '@/components/Texts'
 
 const focusAreas = [
   {

src/pages/cloud/archive/ComputeStorageSplit.tsx

@@ -1,4 +1,4 @@
-import { Container } from '../../components/Container'
+import { Container } from '@/components/Container'
 
 const computeFeatures = [
   {

src/pages/cloud/archive/SecurityPillars.tsx

@@ -1,6 +1,6 @@
-import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts'
+import { CircleBackground } from '@/components/CircleBackground'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P, Small } from '@/components/Texts'
 
 const differentiators = [
   {

src/pages/compute/CallToAction.tsx

@@ -1,6 +1,6 @@
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/compute/ComputeArchitecture.tsx

@@ -3,8 +3,8 @@ import {
   CpuChipIcon,
   AdjustmentsHorizontalIcon,
 } from '@heroicons/react/24/solid'
-import { Container } from '../../components/Container'
-import { Eyebrow, H3, CT, CP } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, H3, CT, CP } from '@/components/Texts'
 
 const architecture = [
   {

src/pages/compute/ComputeCapabilities.tsx

@@ -3,8 +3,8 @@ import {
   CubeIcon,
   ServerIcon,
 } from '@heroicons/react/24/solid'
-import { Eyebrow, H3, P, CT, CP } from '../../components/Texts'
-import { Container } from '../../components/Container'
+import { Eyebrow, H3, P, CT, CP } from '@/components/Texts'
+import { Container } from '@/components/Container'
 
 const capabilities = [
   {

src/pages/compute/ComputeDesign.tsx

@@ -3,8 +3,8 @@ import {
   ArrowPathIcon,
   RocketLaunchIcon,
 } from '@heroicons/react/24/solid'
-import { Container } from '../../components/Container'
-import { Eyebrow, H3, P, CT, CP } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, H3, P, CT, CP } from '@/components/Texts'
 
 const features = [
   {

src/pages/compute/ComputeFeatures.tsx

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

src/pages/compute/ComputeHero.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { Button } from '../../components/Button'
-import { Eyebrow, P, H3 } from '../../components/Texts'
+import { Button } from '@/components/Button'
+import { Eyebrow, P, H3 } from '@/components/Texts'
 
 export function ComputeHero() {
   return (

src/pages/compute/ComputeOverview.tsx

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

src/pages/compute/ComputeUseCases.tsx

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

src/pages/compute/archive/ComputeDeveloperExperience.tsx

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

src/pages/compute/archive/ComputeDifferentiators.tsx

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

src/pages/compute/archive/ComputeUseCasesArchived.tsx

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

src/pages/compute/archive/ComputeZeroImage.tsx

@@ -1,5 +1,5 @@
-import { Container } from '../../../components/Container'
-import { Eyebrow, SectionHeader, P } from '../../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P } from '@/components/Texts'
 
 const zeroImageBenefits = [
   'Metadata-only artifacts replace heavy images for ultra-fast delivery.',

src/pages/gpu/CallToAction.tsx

@@ -1,6 +1,6 @@
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/gpu/GpuArchitecture.tsx

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

src/pages/gpu/GpuCapabilities.tsx

@@ -4,8 +4,8 @@ import {
   CubeTransparentIcon,
   CpuChipIcon,
 } from '@heroicons/react/24/solid'
-import { Eyebrow, H3, CT, CP } from '../../components/Texts'
-import { Container } from '../../components/Container'
+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, CT } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, H3, CT } from '@/components/Texts'
 import {
   BoltIcon,
   BanknotesIcon,

src/pages/gpu/GpuHero.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { Button } from '../../components/Button'
-import { Eyebrow, SectionHeader, P } from '../../components/Texts'
+import { Button } from '@/components/Button'
+import { Eyebrow, SectionHeader, P } from '@/components/Texts'
 
 export function GpuHero() {
   return (

src/pages/gpu/GpuOverview.tsx

@@ -4,8 +4,8 @@ import {
   BanknotesIcon,
 } from '@heroicons/react/24/outline'
 
-import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P } from '@/components/Texts'
 
 const coreFeatures = [
   {

src/pages/gpu/GpuUseCases.tsx

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

src/pages/gpu/archive/GpuArchitectureArchive.tsx

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

src/pages/gpu/archive/GpuDifferentiators.tsx

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

src/pages/gpu/archive/GpuGettingStarted.tsx

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

src/pages/gpu/archive/GpuIntegration.tsx

@@ -1,5 +1,5 @@
-import { Container } from '../../../components/Container'
-import { Eyebrow, SectionHeader, P } from '../../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P } from '@/components/Texts'
 
 const integrationPoints = [
   'Unified Mycelium networking provides secure access to GPU nodes.',

src/pages/home/CallToAction.tsx

@@ -1,6 +1,5 @@
-import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/home/HomeHosting.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { Container } from '../../components/Container'
-import { Eyebrow, H3, P } from '../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, H3, P } from '@/components/Texts'
 
 /* ✅ Custom Icons (unchanged) */
 

src/pages/home/HomePage.tsx

@@ -3,7 +3,6 @@ import { useRef } from 'react'
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { StackSectionDark } from './StackSectionDark'
 import { WorldMap } from './HomeGlobe'
-import { HomeBenefits } from './HomeBenefits'
 import { CallToAction } from './CallToAction'
 import { HomeHosting } from './HomeHosting'
 import { HomeAurora } from './HomeAurora'

src/pages/home/archive/HomeComparisonTable.tsx

@@ -1,5 +1,5 @@
 import { CheckIcon, XMarkIcon } from '@heroicons/react/24/outline'
-import { Eyebrow, H3, P, CT } from '../../../components/Texts'
+import { Eyebrow, H3, P, CT } from '@/components/Texts'
 
 const features = [
   { name: 'Infrastructure Ownership', cloud: <XMarkIcon className="h-6 w-6 text-red-500" />, mycelium: <CheckIcon className="h-6 w-6 text-green-500" /> },

src/pages/home/archive/HomeHostingDark.tsx

@@ -4,8 +4,8 @@ import {
   CircleStackIcon,
   LockClosedIcon,
 } from '@heroicons/react/24/outline'
-import { CP, CT, Eyebrow, H3, P } from '../../components/Texts'
-import { DarkCard } from '../../components/ui/cards'
+import { CP, CT, Eyebrow, H3, P } from '@/components/Texts'
+import { DarkCard } from '@/components/ui/cards'
 
 const features = [
   {

src/pages/network/About.tsx

@@ -1,6 +1,6 @@
-import { Button } from '../../components/Button'
+import { Button } from '@/components/Button'
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
+import { Container } from '@/components/Container'
 
 export function About() {
   return (

src/pages/network/CallToAction.tsx

@@ -1,6 +1,6 @@
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/network/Hero.tsx

@@ -1,6 +1,6 @@
 import { useId } from 'react'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 import phoneFrame from '../../images/phoneframe.png'
 
 function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {

src/pages/network/NetworkCapabilities.tsx

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

src/pages/network/NetworkUsecases.tsx

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

src/pages/network/SecondaryFeatures.tsx

@@ -1,5 +1,5 @@
 import { useId } from 'react'
-import { Container } from '../../components/Container'
+import { Container } from '@/components/Container'
 
 const features = [
   {

src/pages/storage/CallToAction.tsx

@@ -1,6 +1,6 @@
 import { CircleBackground } from '../../components/CircleBackground'
-import { Container } from '../../components/Container'
-import { Button } from '../../components/Button'
+import { Container } from '@/components/Container'
+import { Button } from '@/components/Button'
 
 export function CallToAction() {
   return (

src/pages/storage/StorageArchitecture.tsx

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

src/pages/storage/StorageCapabilities.tsx

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

src/pages/storage/StorageDesign.tsx

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

src/pages/storage/StorageHero.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { Button } from '../../components/Button'
-import { Eyebrow, SectionHeader, P } from '../../components/Texts'
+import { Button } from '@/components/Button'
+import { Eyebrow, SectionHeader, P } from '@/components/Texts'
 
 export function StorageHero() {
   return (

src/pages/storage/StorageOverview.tsx

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

src/pages/storage/StorageUseCases.tsx

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

src/pages/storage/archive/StorageDeveloperExperience.tsx

@@ -1,5 +1,5 @@
-import { Container } from '../../../components/Container'
-import { Eyebrow, SectionHeader, P } from '../../../components/Texts'
+import { Container } from '@/components/Container'
+import { Eyebrow, SectionHeader, P } from '@/components/Texts'
 
 type Experience = {
   title: string

src/pages/storage/archive/StorageDifferentiators.tsx

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

src/pages/storage/archive/StorageFeatures.tsx

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