import { H3, PS } from "../UI/Texts"

export function CTA() {
  return (
    <div className="bg-transparent py-20">
      <div className="mx-auto max-w-7xl px-6 lg:px-8">
        <div className="grid grid-cols-1 gap-8 md:grid-cols-2">

          {/* Founders */}
          <a
            href="#founders"
            className="group block rounded-xl border border-green-600 p-10 transition-all duration-300 hover:scale-[1.02]"
          >
            <div className="flex items-center gap-2 text-lg font-medium text-void">
              For Founders
              <span className="transition-transform group-hover:translate-x-1">
                →
              </span>
            </div>

            <H3 className="mt-6 text-void">
              Join us to build with a team that supports you as a whole human, not just a CEO.
            </H3>

            <PS className="mt-6 text-void">
              Whether you’re validating an idea or scaling a venture, we back your vision and walk the journey with you.
            </PS>
          </a>

          {/* Investors */}
          <a
            href="#investors"
            className="group block rounded-xl border border-green-600 p-10 transition-all duration-300 hover:scale-[1.02]"
          >
            <div className="flex items-center gap-2 text-lg font-medium text-void">
              For Investors
              <span className="transition-transform group-hover:translate-x-1">
                →
              </span>
            </div>

            <H3 className="mt-6 text-void">
              Partner with us to invest in ventures that create real and resilient digital infrastructure.
            </H3>

            <PS className="mt-6 text-void">
              Together, we can fund the technologies that will define the next era of digital independence and innovation.
            </PS>
          </a>

        </div>
      </div>
    </div>
  )
}
