import type { Metadata } from "next"
import Link from "next/link"

export const metadata: Metadata = {
  title: "建设中 | DAL Code",
  description: "DAL Code 官网这部分内容还在补齐，路线图和更多产品细节会逐步上线。",
}

export default function ComingSoonPage() {
  return (
    <main className="section-small top overflow-hidden">
      <div className="w-layout-blockcontainer container-default w-container">
        <div className="text-center" style={{ padding: "120px 0" }}>
          <div className="subtitle">Roadmap</div>
          <div className="mg-top-4x-extra-small">
            <h1>这部分内容还在持续建设中</h1>
          </div>
          <div className="mg-top-4x-extra-small">
            <p>DAL Code 官网首版先把产品定位、核心能力和当前建设方向讲清楚，路线图与更多细节会分批补齐。</p>
          </div>
          <div className="mg-top-4x-extra-small">
            <p>如果你想继续了解产品进展，建议先查看产品洞察，或直接联系团队沟通试用与企业方案。</p>
          </div>
          <div className="mg-top-24px">
            <Link href="/blog" className="primary-button w-inline-block">
              <div className="button-content">
                <div>查看产品洞察</div>
                <div className="button-icon-wrapper primary">
                  <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" />
                  <div className="button-icon-bg-inside" />
                </div>
              </div>
            </Link>
          </div>
          <div className="mg-top-4x-extra-small">
            <Link href="/contact" className="tertiary-button w-inline-block">
              <div className="button-content">
                <div>联系 DAL Code 团队</div>
              </div>
            </Link>
          </div>
        </div>
      </div>
    </main>
  )
}
