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

export default function CtaSection() {
  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">Next Step</div>
          <div className="mg-top-3x-extra-small">
            <h2 className="text-titles-dm">把模糊想法交给 DAL Code，先从一次清晰的需求采访开始</h2>
          </div>
          <div className="mg-top-4x-extra-small">
            <p className="text-paragraph-dm">
              这版官网展示的是产品方法论、核心能力和建设方向。下一步最适合的是拉一次产品场景沟通，确认你的团队到底需要 Mission Mode、私有化还是多模型路由。
            </p>
          </div>
          <div className="mg-top-2x-extra-small">
            <div className="buttons-row left">
              <Link id="w-node-_83c75c2f-9f22-4125-8dc1-2c204e7d3592-4e7d3592" 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">
                      </path>
                    </svg>
                    <div className="button-icon-bg bg-neutral-800">
                    </div>
                    <div className="button-icon-bg-inside bg-neutral-600">
                    </div>
                  </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>
  )
}