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

export const metadata: Metadata = {
  ...generateSEO({
    title: '价值传递',
    description: '企业如何将价值传递给客户，包括营销、销售、渠道等',
    canonical: '/value/transfer',
  }),
};

export default function ValueTransferPage() {
  const breadcrumbs = [
    { name: '首页', url: '/' },
    { name: '四大价值', url: '/value' },
    { name: '价值传递', url: '/value/transfer' },
  ];

  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/delivery">价值交付</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/delivery">价值交付</a></li>
            <li><a href="/value/support">价值支持</a></li>
          </ul>
        </section>
      </div>
    </>
  );
}