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

export const metadata: Metadata = {
  ...generateSEO({
    title: '企业进化',
    description: '企业进化是企业围绕长期发展目标持续调整、重构与升级的过程',
    canonical: '/evolution',
  }),
};

export default async function EvolutionPage() {
  const settings = await getSiteSettings();
  const breadcrumbs = [
    { name: '首页', url: '/' },
    { name: '企业进化', url: '/evolution' },
  ];

  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>{settings['evolution.title'] || '企业进化'}</h1>
        
        <section className="content-section">
          <h2>{settings['evolution.definitionTitle'] || '什么是企业进化'}</h2>
          <p>
            {settings['evolution.intro'] || '企业进化，是企业围绕长期发展目标，在战略、经营、商业模式、组织、价值、AI适应以及底层管理能力等方面持续调整、重构与升级，从而形成长期发展能力的过程。'}
          </p>
          <p>
            {settings['evolution.definitionMore'] || '增长更多体现结果层变化。进化更强调底层能力、系统与企业状态的持续调整和升级。AI是时代变量和重要赋能工具，不是企业进化本身的终点。'}
          </p>
        </section>
        
        <section className="content-section">
          <h2>{settings['evolution.whyTitle'] || '为什么需要企业进化'}</h2>
          <p>
            {settings['evolution.whyIntro'] || '在AI时代，企业面临着前所未有的挑战：'}
          </p>
          <ul>
            {(settings['evolution.whyItems'] || '技术快速迭代，传统业务模式面临冲击\n客户需求变化，个性化、智能化要求提高\n竞争环境加剧，需要更高效的运营模式\n人才结构变化，需要新的组织能力').split('\n').map(item => <li key={item}>{item}</li>)}
          </ul>
        </section>
        
        <section className="content-section">
          <h2>企业进化方法</h2>
          <p>
            <a href="/evolution/method">了解企业进化的方法论与实施路径</a>
          </p>
        </section>
        
        <section className="related-section">
          <h2>相关知识</h2>
          <ul>
            <li><a href="/evolution/method">进化方法</a></li>
            <li><a href="/value">四大价值</a></li>
            <li><a href="/amb">A/M/B进化路径</a></li>
            <li><a href="/capabilities">企业进化能力</a></li>
          </ul>
        </section>
      </div>
    </>
  );
}