import React from 'react';
import { motion } from 'framer-motion';
import { Trophy, TrendingUp, Handshake, Mail, Phone, Building, GraduationCap, DollarSign } from 'lucide-react';

const Conclusion = () => {
  const advantages = [
    {
      title: 'AI原生架构',
      description: '从底层设计融入大模型能力，实现真正的智能化'
    },
    {
      title: '全流程覆盖',
      description: '覆盖专病数据、辅助诊疗与决策、康复与健康管理全环节的智能解决方案'
    },
    {
      title: '专业场景深度',
      description: '深耕血管介入等专科领域，提供精准服务'
    }
  ];

  const marketProspects = [
    {
      icon: TrendingUp,
      title: '市场规模巨大',
      description: '全球AI医疗市场预计2025年达到492亿美元，中国市场增长迅速',
      color: 'bg-blue-50 text-blue-800'
    },
    {
      icon: Building,
      title: '政策支持强劲',
      description: '国家大力支持AI医疗发展，为行业提供良好政策环境',
      color: 'bg-green-50 text-green-800'
    },
    {
      icon: Trophy,
      title: '需求持续增长',
      description: '人口老龄化和医疗资源不均衡推动AI医疗需求快速增长',
      color: 'bg-purple-50 text-purple-800'
    }
  ];

  const cooperationTypes = [
    {
      icon: Building,
      title: '医疗机构',
      description: '临床应用合作'
    },
    {
      icon: GraduationCap,
      title: '科研院所',
      description: '技术研发合作'
    },
    {
      icon: DollarSign,
      title: '投资机构',
      description: '资本合作'
    }
  ];

  return (
    <section id="contact" className="section-padding medical-gradient">
      <div className="container-custom">
        <motion.div
          className="text-center mb-16"
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          viewport={{ once: true }}
          transition={{ duration: 0.6 }}
        >
          <h2 className="text-4xl md:text-5xl font-bold text-white mb-4">
            <Trophy className="inline-block w-12 h-12 mr-4" />
            总结与展望
          </h2>
        </motion.div>

        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 mb-12">
          {/* 左侧：技术优势 */}
          <motion.div
            className="medical-card p-8"
            initial={{ opacity: 0, x: -50 }}
            whileInView={{ opacity: 1, x: 0 }}
            viewport={{ once: true }}
            transition={{ duration: 0.6 }}
          >
            <h3 className="text-2xl font-bold text-gray-800 mb-6 flex items-center">
              <Trophy className="w-6 h-6 text-yellow-500 mr-3" />
              技术优势总结
            </h3>

            <div className="space-y-4">
              {advantages.map((advantage, index) => (
                <motion.div
                  key={index}
                  className="bg-gray-50 border-l-4 border-blue-500 p-4 rounded-lg"
                  initial={{ opacity: 0, y: 20 }}
                  whileInView={{ opacity: 1, y: 0 }}
                  viewport={{ once: true }}
                  transition={{ delay: index * 0.1 }}
                  whileHover={{ x: 5, transition: { duration: 0.2 } }}
                >
                  <h4 className="font-semibold text-gray-800 mb-2">{advantage.title}</h4>
                  <p className="text-gray-600 text-sm">{advantage.description}</p>
                </motion.div>
              ))}
            </div>
          </motion.div>

          {/* 右侧：市场前景 */}
          <motion.div
            className="medical-card p-8"
            initial={{ opacity: 0, x: 50 }}
            whileInView={{ opacity: 1, x: 0 }}
            viewport={{ once: true }}
            transition={{ duration: 0.6 }}
          >
            <h3 className="text-2xl font-bold text-gray-800 mb-6 flex items-center">
              <TrendingUp className="w-6 h-6 text-green-500 mr-3" />
              市场前景展望
            </h3>

            <div className="space-y-6">
              {marketProspects.map((prospect, index) => (
                <motion.div
                  key={index}
                  className={`${prospect.color} p-4 rounded-xl`}
                  initial={{ opacity: 0, y: 20 }}
                  whileInView={{ opacity: 1, y: 0 }}
                  viewport={{ once: true }}
                  transition={{ delay: index * 0.15 }}
                  whileHover={{ scale: 1.02, transition: { duration: 0.2 } }}
                >
                  <h5 className="font-semibold mb-2 flex items-center">
                    <prospect.icon className="w-5 h-5 mr-2" />
                    {prospect.title}
                  </h5>
                  <p className="text-sm">{prospect.description}</p>
                </motion.div>
              ))}
            </div>
          </motion.div>
        </div>

        {/* 合作邀请 */}
        <motion.div
          className="medical-card p-8"
          initial={{ opacity: 0, y: 50 }}
          whileInView={{ opacity: 1, y: 0 }}
          viewport={{ once: true }}
          transition={{ duration: 0.6 }}
        >
          <div className="medical-gradient text-white p-8 rounded-xl text-center">
            <h3 className="text-3xl font-bold mb-4 flex items-center justify-center">
              <Handshake className="w-8 h-8 mr-3" />
              携手共创AI医疗未来
            </h3>

            <p className="text-xl mb-8 opacity-90">
              诚邀各界合作伙伴加入我们，共同推动AI医疗技术发展，为人类健康事业贡献力量
            </p>

            <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
              {cooperationTypes.map((type, index) => (
                <motion.div
                  key={index}
                  className="bg-white/20 backdrop-blur-sm p-6 rounded-xl"
                  initial={{ opacity: 0, scale: 0.8 }}
                  whileInView={{ opacity: 1, scale: 1 }}
                  viewport={{ once: true }}
                  transition={{ delay: index * 0.1 }}
                  whileHover={{ scale: 1.05, transition: { duration: 0.2 } }}
                >
                  <type.icon className="w-12 h-12 mx-auto mb-4" />
                  <h4 className="font-semibold mb-2 text-lg">{type.title}</h4>
                  <p className="text-sm opacity-80">{type.description}</p>
                </motion.div>
              ))}
            </div>

            <motion.div
              className="space-y-4"
              initial={{ opacity: 0, y: 20 }}
              whileInView={{ opacity: 1, y: 0 }}
              viewport={{ once: true }}
              transition={{ delay: 0.5 }}
            >
              <div className="flex items-center justify-center space-x-6 text-lg">
                <motion.a
                  href="mailto:shuyaokeji2025@126.com"
                  className="flex items-center space-x-2 hover:text-blue-200 transition-colors"
                  whileHover={{ scale: 1.05 }}
                >
                  <Mail className="w-5 h-5" />
                  <span>shuyaokeji2025@126.com</span>
                </motion.a>
              </div>
              <div className="flex items-center justify-center space-x-6 text-lg">
                <motion.a
                  href="tel:+86 189-1064-6380"
                  className="flex items-center space-x-2 hover:text-blue-200 transition-colors"
                  whileHover={{ scale: 1.05 }}
                >
                  <Phone className="w-5 h-5" />
                  <span>+86 189-1064-6380</span>
                </motion.a>
              </div>
            </motion.div>
          </div>
        </motion.div>
      </div>
    </section>
  );
};

export default Conclusion;

