import Image from 'next/image'

import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-call-to-action.jpg'

export function CallToAction() {
  return (
    <section
      id="get-started-today"
      className="relative overflow-hidden bg-black py-32"
      style={{

      }}
    >
      <Container className="relative">
        <div className="mx-auto max-w-3xl text-center">
          <h2 className="h2-default text-white">
            Join the OurWorld Ecosystem
          </h2>
          <p className="mt-4 text-lg tracking-tight text-white">  
            Collaborate on ventures developing decentralized infrastructure, tools, and frameworks that make sovereign cloud and AI accessible to everyone.
          </p>
          <div className="mt-12 flex flex-col sm:flex-row gap-8 justify-center">
            <Button href="/contact" color="white">
              Contact Us
            </Button>
            <a href="https://calendly.com/florian_threefold/30min" className="button-outline">
              Book a Meeting
            </a>
          </div>
        </div>
      </Container>
    </section>
  )
}
