src/pages/cloud/CalltoAction.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { CircleBackground } from '../../components/CircleBackground'
 import { Container } from "@/components/Container";
 import { Button } from "@/components/Button";
 
@@ -39,7 +38,7 @@ export function CallToAction() {
               </div>
 
               <div className="flex flex-col items-center text-center max-w-xs">
-                <Button to="/cloud" variant="outline" color="dark" className="mt-4">
+                                <Button to="/cloud" variant="outline" color="white" className="mt-4">
                   Start Deploying
                 </Button>
               </div>

src/pages/cloud/CloudHeroNew.tsx

@@ -1,4 +1,4 @@
-import { H3, H5, Eyebrow, P } from "@/components/Texts"
+import { H3, Eyebrow } from "@/components/Texts"
 import { Button } from "@/components/Button"
 
 export function CloudHeroNew({ onGetStartedClick = () => {} }: { onGetStartedClick?: () => void }) {

src/pages/cloud/CloudHostingNew.tsx

@@ -7,12 +7,8 @@ import {
 } from '@headlessui/react'
 import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline'
 
-import { H1, H5, Eyebrow, H3, P } from "@/components/Texts"
-import { Button } from "@/components/Button"
+import { Eyebrow, H3 } from "@/components/Texts"
 
-function classNames(...classes) {
-  return classes.filter(Boolean).join(' ')
-}
 
 const product = {
   subtitle: 'capabilities',

src/pages/cloud/CloudPage.tsx

@@ -1,6 +1,5 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { CloudArchitecture } from './CloudArchitecture'
-import { CloudFeatures } from './CloudFeatures'
 import { CloudUseCases } from './CloudUseCases'
 import { CloudHeroNew } from './CloudHeroNew'
 import { CloudBluePrint } from './CloudBluePrint'