import Link from "next/link"
import LottiePlayer from "@/components/LottiePlayer"

export default function BottomCta() {
  return (
    <section className="cta-section v1">
      <div className="w-layout-blockcontainer container-default position-relative---z-index-1 w-container">
        <div className="inner-container _430px">
          <div className="subtitle">Get Started</div>
          <div className="mg-top-3x-extra-small">
            <h2 className="text-titles-dm">
              下一步：聊聊你的场景
            </h2>
          </div>
          <div className="mg-top-4x-extra-small">
            <p className="text-paragraph-dm">
              独立开发者、团队 Lead、企业 CTO——不同角色，同一个起点：一次关于你真实需求的对话。
            </p>
          </div>
          <div className="mg-top-2x-extra-small">
            <div className="buttons-row left">
              <Link
                href="/contact"
                className="secondary-button w-inline-block"
              >
                <div className="button-content">
                  <div>联系我们</div>
                  <div className="button-icon-wrapper secondary">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="100%"
                      viewBox="0 0 17 17"
                      fill="none"
                      className="squared-icon"
                    >
                      <path
                        d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781"
                        stroke="currentColor"
                        strokeWidth="1.5"
                        strokeLinecap="square"
                      />
                    </svg>
                    <div className="button-icon-bg bg-neutral-800" />
                    <div className="button-icon-bg-inside bg-neutral-600" />
                  </div>
                </div>
              </Link>
            </div>
          </div>
        </div>
      </div>
      <LottiePlayer
        src="/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1df78b3b45295434b5c6a_cta-animation-waterfall.json"
        className="cta-image"
        loop
        autoplay
      />
    </section>
  )
}
