new cloud page

src/pages/cloud/CloudCTA.tsx

@@ -1,35 +1,35 @@
-import { motion } from 'framer-motion'
 import { Container } from '../../components/Container'
 import { Button } from '../../components/Button'
-import { CircleBackground } from '../../components/CircleBackground'
 
 export function CloudCTA() {
   return (
-    <section className="relative bg-white py-20 lg:py-32 overflow-hidden">
-      <CircleBackground color="cyan" className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" />
+    <section className="relative overflow-hidden py-24 lg:py-32">
       <Container className="relative">
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true }}
-          transition={{ duration: 0.8 }}
-          className="mx-auto max-w-3xl text-center"
-        >
-          <h2 className="text-3xl lg:text-5xl font-medium tracking-tight text-gray-900">
-            Ready to Transform Your Kubernetes Experience?
-          </h2>
-          <p className="mt-6 text-lg lg:text-xl text-gray-600">
-            Join thousands of developers and DevOps engineers who trust Mycelium Cloud for their production workloads.
-          </p>
-          <div className="mt-10 flex flex-wrap gap-4 justify-center">
-            <Button to="/download" variant="solid" color="cyan">
-              Start Your Free Trial
-            </Button>
-            <Button to="https://manual.grid.tf" variant="outline" color="gray">
-              Read Documentation
-            </Button>
+        <div className="relative mx-auto max-w-5xl overflow-hidden rounded-3xl border border-gray-200/60 bg-white/90 px-10 py-16 text-center shadow-[0_30px_120px_-70px_rgba(6,182,212,0.65)] backdrop-blur lg:px-16 lg:py-20">
+          <div className="max-w-3xl mx-auto">
+            <p className="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-500">
+              Ready Today
+            </p>
+            <h2 className="mt-6 text-3xl font-semibold tracking-tight text-gray-900 lg:text-5xl">
+              Join thousands of developers and DevOps engineers who trust Mycelium Cloud for their production workloads.
+            </h2>
+            <p className="mt-6 text-lg text-gray-600">
+              Revolutionary Kubernetes automation, deterministic compute, and quantum-safe storage—delivered as a turnkey platform so your team can deploy, scale, and operate cloud-native applications with confidence.
+            </p>
+            <div className="mt-10 flex justify-center">
+              <Button
+                to="https://myceliumcloud.tf"
+                as="a"
+                variant="solid"
+                color="cyan"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Start Deploying
+              </Button>
+            </div>
           </div>
-        </motion.div>
+        </div>
       </Container>
     </section>
   )