import Image from 'next/image'

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

export function CallToAction3() {
  return (
    <section
      id="get-started-today"
      className="relative overflow-hidden bg-transparent py-48 mt-4"
    >
      <Image
        className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
        src="/images/background-call-to-action4.png"
        alt=""
        width={1440}
        height={564}
        unoptimized
      />
      <div className="absolute inset-0 bg-black opacity-10"></div>
      <Container className="relative ">
        <div className="mx-auto max-w-3xl text-center">
        <div className="flex items-center justify-center">
          <Image src="/images/logos/veda_logo_light.svg" alt="" width={120} height={32} className="h-16 w-auto opacity-100" unoptimized />
        </div>
        </div>
      </Container>
    </section>
  )
}
