chore: remove saved HTML file from images directory

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 = [
   {