37 lines
1.5 KiB
TypeScript
37 lines
1.5 KiB
TypeScript
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" />
|
|
<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>
|
|
</motion.div>
|
|
</Container>
|
|
</section>
|
|
)
|
|
}
|