refactor: simplify about section on homepage

src/components/sections/about-section.tsx

@@ -3,40 +3,11 @@
 import { motion } from 'framer-motion';
 import { useInView } from 'framer-motion';
 import { useRef } from 'react';
+import Link from 'next/link';
 import { Card, CardContent } from '@/components/ui/card';
-import { Lightbulb, Users, Target, Award } from 'lucide-react';
+import { Button } from '@/components/ui/button';
 import { COMPANY_INFO, STATS } from '@/lib/constants';
-
-const values = [
-  {
-    icon: Lightbulb,
-    title: '智连未来',
-    description: '坚持对行业趋势的深度研究，不追逐昙花一现的概念，让技术真正服务于您的未来',
-  },
-  {
-    icon: Users,
-    title: '成长伙伴',
-    description: '不把项目交付当作终点，以客户业务增长和团队能力提升为最终目标',
-  },
-  {
-    icon: Target,
-    title: '务实担当',
-    description: '只提供真正需要的技术方案，不卖用不上的技术，不说不懂业务的术语',
-  },
-  {
-    icon: Award,
-    title: '长期陪伴',
-    description: '不是一锤子买卖，而是成为您数字化转型路上值得信赖的长期伙伴',
-  },
-];
-
-const milestones = [
-  {
-    date: '2026年1月15日',
-    title: '公司成立',
-    description: '四川睿新致远科技有限公司在成都龙泉驿区正式成立，开始提供软件开发服务',
-  },
-];
+import { ArrowRight } from 'lucide-react';
 
 export function AboutSection() {
   const ref = useRef(null);
@@ -52,87 +23,20 @@ export function AboutSection() {
           transition={{ duration: 0.6 }}
           className="max-w-4xl mx-auto"
         >
-          <div className="text-center mb-16">
+          <div className="text-center mb-12">
             <h2 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-6">
               关于 <span className="tracking-tight font-calligraphy text-[#C41E3A]" style={{ fontWeight: 'normal', WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', textRendering: 'optimizeLegibility' }}>{COMPANY_INFO.shortName}</span>
             </h2>
-            <p className="text-lg text-[#5C5C5C]">
+            <p className="text-lg text-[#5C5C5C] mb-8">
               {COMPANY_INFO.slogan}
             </p>
           </div>
 
-          <div className="mb-16">
-            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-4">痛点引入</h3>
-            <p className="text-[#5C5C5C] mb-4 leading-relaxed">
-              在数字化转型的路上，企业往往陷入两难——
+          <div className="bg-white rounded-2xl p-8 mb-12 border border-[#E5E5E5]">
+            <p className="text-lg text-[#5C5C5C] leading-relaxed text-center mb-6">
+              "企业需要的，不是一个高高在上的'专家'，也不是一个做完就跑的'卖家'，而是一个能坐下来、一起想办法的同行者。"
             </p>
-            <p className="text-[#5C5C5C] mb-4 leading-relaxed">
-              找咨询公司？他们做完报告就走了，留下一堆看不懂的PPT。
-            </p>
-            <p className="text-[#5C5C5C] mb-4 leading-relaxed">
-              找技术供应商？他们卖完系统就消失了，出了问题只能自己扛。
-            </p>
-            <p className="text-[#5C5C5C] mb-6 leading-relaxed">
-              企业需要的，不是一个高高在上的"专家"，也不是一个做完就跑的"卖家"，而是一个能坐下来、一起想办法的同行者。
-            </p>
-          </div>
-
-          <div className="mb-16">
-            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-4">睿新的选择</h3>
-            <p className="text-[#5C5C5C] mb-6 leading-relaxed">
-              所以我们选择了一条不同的路。
-            </p>
-            
-            <div className="mb-6">
-              <h4 className="text-xl font-semibold text-[#1C1C1C] mb-3">智连未来</h4>
-              <p className="text-[#5C5C5C] mb-3 leading-relaxed">
-                我们坚持对行业趋势的深度研究，不追逐昙花一现的概念。
-              </p>
-              <p className="text-[#5C5C5C] mb-3 leading-relaxed">
-                每一次方案，都源于对您业务场景的洞察；
-              </p>
-              <p className="text-[#5C5C5C] leading-relaxed">
-                每一次连接，都为了让技术真正服务于您的未来。
-              </p>
-            </div>
-            
-            <div>
-              <h4 className="text-xl font-semibold text-[#1C1C1C] mb-3">成长伙伴</h4>
-              <p className="text-[#5C5C5C] mb-3 leading-relaxed">
-                我们不把"项目交付"当作终点。
-              </p>
-              <p className="text-[#5C5C5C] mb-3 leading-relaxed">
-                您的业务增长了吗？您的团队能力提升了吗？
-              </p>
-              <p className="text-[#5C5C5C] leading-relaxed">
-                您下一次遇到难题时，还会第一个想到我们吗？
-              </p>
-              <p className="text-[#5C5C5C] mt-3 leading-relaxed">
-                这些问题，比"项目是否按时交付"更让我们在意。
-              </p>
-            </div>
-          </div>
-
-          <div className="mb-16">
-            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-4">品牌承诺</h3>
-            <p className="text-[#5C5C5C] mb-6 leading-relaxed">
-              我们承诺：
-            </p>
-            <ul className="space-y-3 mb-6">
-              <li className="flex items-start gap-3">
-                <span className="text-green-600 font-bold">✅</span>
-                <span className="text-[#5C5C5C]">不卖您用不上的技术</span>
-              </li>
-              <li className="flex items-start gap-3">
-                <span className="text-green-600 font-bold">✅</span>
-                <span className="text-[#5C5C5C]">不说不懂业务的术语</span>
-              </li>
-              <li className="flex items-start gap-3">
-                <span className="text-green-600 font-bold">✅</span>
-                <span className="text-[#5C5C5C]">不做路过就忘的"一锤子买卖"</span>
-              </li>
-            </ul>
-            <p className="text-[#5C5C5C] leading-relaxed font-medium">
+            <p className="text-[#1C1C1C] font-medium text-center">
               我们只做一件事：成为您数字化转型路上，信得过的成长伙伴。
             </p>
           </div>
@@ -141,7 +45,7 @@ export function AboutSection() {
             initial={{ opacity: 0, y: 20 }}
             animate={isInView ? { opacity: 1, y: 0 } : {}}
             transition={{ duration: 0.6, delay: 0.2 }}
-            className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16"
+            className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-12"
           >
             {STATS.map((stat, idx) => (
               <Card key={idx} className="text-center border-[#E5E5E5]">
@@ -157,55 +61,14 @@ export function AboutSection() {
             initial={{ opacity: 0, y: 20 }}
             animate={isInView ? { opacity: 1, y: 0 } : {}}
             transition={{ duration: 0.6, delay: 0.3 }}
-            className="mb-16"
+            className="text-center"
           >
-            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-8 text-center">企业价值观</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-              {values.map((value, idx) => (
-                <motion.div
-                  key={value.title}
-                  initial={{ opacity: 0, y: 20 }}
-                  animate={isInView ? { opacity: 1, y: 0 } : {}}
-                  transition={{ duration: 0.5, delay: 0.4 + idx * 0.1 }}
-                  className="flex items-start gap-4 p-6 bg-[#FFFBF5] rounded-xl border border-[#E5E5E5] hover:border-[#1C1C1C] transition-all duration-300"
-                >
-                  <div className="w-12 h-12 rounded-lg bg-[#C41E3A] flex items-center justify-center flex-shrink-0">
-                    <value.icon className="w-6 h-6 text-white" />
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-[#1C1C1C] mb-2">{value.title}</h4>
-                    <p className="text-[#5C5C5C] text-sm">{value.description}</p>
-                  </div>
-                </motion.div>
-              ))}
-            </div>
-          </motion.div>
-
-          <motion.div
-            initial={{ opacity: 0, y: 20 }}
-            animate={isInView ? { opacity: 1, y: 0 } : {}}
-            transition={{ duration: 0.6, delay: 0.5 }}
-          >
-            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-8 text-center">发展历程</h3>
-            <div className="space-y-6">
-              {milestones.map((milestone, idx) => (
-                <motion.div
-                  key={milestone.title}
-                  initial={{ opacity: 0, x: -20 }}
-                  animate={isInView ? { opacity: 1, x: 0 } : {}}
-                  transition={{ duration: 0.5, delay: 0.6 + idx * 0.1 }}
-                  className="flex flex-col md:flex-row md:items-start gap-4 p-6 bg-[#FFFBF5] rounded-xl border border-[#E5E5E5]"
-                >
-                  <div className="md:w-32 flex-shrink-0">
-                    <span className="text-sm font-medium text-[#C41E3A]">{milestone.date}</span>
-                  </div>
-                  <div className="flex-1">
-                    <h4 className="font-semibold text-[#1A1A2E] mb-1">{milestone.title}</h4>
-                    <p className="text-[#718096] text-sm">{milestone.description}</p>
-                  </div>
-                </motion.div>
-              ))}
-            </div>
+            <Button size="lg" variant="outline" className="group" asChild>
+              <Link href="/about">
+                了解更多关于我们
+                <ArrowRight className="ml-2 w-4 h-4 transition-transform group-hover:translate-x-1" />
+              </Link>
+            </Button>
           </motion.div>
         </motion.div>
       </div>