import { Container } from '../../components/Container'
import { Button } from '../../components/Button'

export function CloudCTA() {
  return (
    <section className="relative overflow-hidden py-24 lg:py-32">
      <Container className="relative">
        <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>
        </div>
      </Container>
    </section>
  )
}
