import { Link } from 'react-router-dom'
import PageContainer from '../components/PageContainer'
import PageHeader from '../components/PageHeader'
import './Solutions.css'

function SolutionsProductInsurance() {
  return (
    <PageContainer>
      <div className="solutions-page">
        <PageHeader
          title="产品保险"
          description="上市后药物安全与风险管理保障"
        />
        <div className="page-body">
          <section className="section">
            <div className="container">
              <div className="solutions-nav">
                <Link to="/post-market/insurance" className="solution-nav-link">保险方案</Link>
                <Link to="/post-market/guarantee" className="solution-nav-link">保证设计</Link>
              </div>
              <div className="solutions-content">
                <div className="solution-item">
                  <h3>上市后监测</h3>
                  <p>持续监测上市后药物的安全性</p>
                </div>
                <div className="solution-item">
                  <h3>风险管理</h3>
                  <p>系统化的风险管理措施和保障方案</p>
                </div>
                <div className="solution-item">
                  <h3>合规保障</h3>
                  <p>确保符合上市后监管要求</p>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div>
    </PageContainer>
  )
}

export default SolutionsProductInsurance
