import type { Metadata } from 'next';
import { generateSEO, generateBreadcrumbSchema } from '@/lib/seo';

export const metadata: Metadata = {
  ...generateSEO({
    title: '价值交付',
    description: '企业如何交付价值，包括生产、运营、服务等',
    canonical: '/value/delivery',
  }),
};

export default function ValueDeliveryPage() {
  const breadcrumbs = [
    { name: '首页', url: '/' },
    { name: '四大价值', url: '/value' },
    { name: '价值交付', url: '/value/delivery' },
  ];

  return (
    <>
      {/* 结构化数据 */}
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(generateBreadcrumbSchema(breadcrumbs)),
        }}
      />
      
      <div className="container">
        {/* 面包屑导航 */}
        <nav className="breadcrumb" aria-label="面包屑导航">
          <ol>
            {breadcrumbs.map((item, index) => (
              <li key={index}>
                {index < breadcrumbs.length - 1 ? (
                  <a href={item.url}>{item.name}</a>
                ) : (
                  <span aria-current="page">{item.name}</span>
                )}
              </li>
            ))}
          </ol>
        </nav>
        
        <h1>价值交付</h1>
        
        <section className="content-section">
          <h2>官方定义</h2>
          <p>
            价值交付是企业将创造的价值实际提供给客户的过程。
            它包括生产制造、运营执行、客户服务等多个环节。
          </p>
        </section>
        
        <section className="content-section">
          <h2>核心逻辑</h2>
          <p>
            价值交付的核心是确保客户能够顺利获得并使用企业提供的价值，
            从而实现客户满意度和企业收益。
          </p>
        </section>
        
        <section className="content-section">
          <h2>企业常见问题</h2>
          <ul>
            <li>如何提高交付效率？</li>
            <li>如何保证交付质量？</li>
            <li>如何优化客户体验？</li>
          </ul>
        </section>
        
        <section className="content-section">
          <h2>与其他价值的关系</h2>
          <p>
            价值交付是价值创造和传递的最终实现。
          </p>
          <ul>
            <li><a href="/value/creation">价值创造</a>：提供交付的内容</li>
            <li><a href="/value/transfer">价值传递</a>：引导交付的过程</li>
            <li><a href="/value/support">价值支持</a>：支持交付的能力</li>
          </ul>
        </section>
        
        <section className="content-section">
          <h2>阿美巴相关能力</h2>
          <p>
            <a href="/capabilities">查看阿美巴的企业进化能力</a>
          </p>
        </section>
        
        <section className="content-section">
          <h2>相关案例</h2>
          <p>
            <a href="/cases">查看相关案例</a>
          </p>
        </section>
        
        <section className="related-section">
          <h2>相关知识</h2>
          <ul>
            <li><a href="/value">四大价值</a></li>
            <li><a href="/value/creation">价值创造</a></li>
            <li><a href="/value/transfer">价值传递</a></li>
            <li><a href="/value/support">价值支持</a></li>
          </ul>
        </section>
      </div>
    </>
  );
}