build: 更新Next.js配置以支持静态导出并添加新依赖

更新next.config.ts文件以支持静态导出功能，并添加了多个新的依赖项到package.json中，包括UI组件库和动画库。同时生成了构建相关的文件和配置。

src/app/(marketing)/about/page.tsx

@@ -0,0 +1,183 @@
+import { COMPANY_INFO, STATS } from '@/lib/constants';
+import { Badge } from '@/components/ui/badge';
+import { Card, CardContent } from '@/components/ui/card';
+import { Lightbulb, Users, Target, Award, MapPin, Mail, Phone } from 'lucide-react';
+
+export const metadata = {
+  title: `关于我们 - ${COMPANY_INFO.name}`,
+  description: `了解${COMPANY_INFO.name}的发展历程、企业文化和核心价值观。成立于2026年，专注于企业数字化转型服务。`,
+};
+
+export default function AboutPage() {
+  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: '四川睿新致远科技有限公司在成都龙泉驿区正式成立，开始提供软件开发服务',
+    },
+    {
+      date: '2026年1月20日',
+      title: '推出转型方案',
+      description: '发布企业数字化转型解决方案，整合云计算、大数据、人工智能等前沿技术',
+    },
+    {
+      date: '2026年1月25日',
+      title: '战略合作',
+      description: '与本地知名制造企业签署战略合作协议，共同打造智能制造示范工厂',
+    },
+    {
+      date: '2026年2月1日',
+      title: '行业认可',
+      description: '正式加入四川省软件行业协会，成为协会成员单位',
+    },
+    {
+      date: '2026年2月2日',
+      title: '官网上线',
+      description: '公司官方网站正式上线，为客户提供更加便捷的信息获取渠道',
+    },
+  ];
+
+  return (
+    <div className="pt-32 pb-20">
+      <div className="container-custom">
+        {/* 头部介绍 */}
+        <div className="max-w-4xl mx-auto">
+          <div className="text-center mb-16">
+            <Badge variant="outline" className="mb-4">
+              关于我们
+            </Badge>
+            <h1 className="text-4xl sm:text-5xl font-bold text-black mb-6">
+              关于 {COMPANY_INFO.shortName}
+            </h1>
+            <p className="text-lg text-gray-600">
+              {COMPANY_INFO.slogan}
+            </p>
+          </div>
+
+          {/* 公司简介 */}
+          <div className="prose prose-lg max-w-none mb-16">
+            <h2 className="text-2xl font-bold text-black mb-4">公司简介</h2>
+            <p className="text-gray-600 mb-6 leading-relaxed">
+              {COMPANY_INFO.name}成立于{COMPANY_INFO.founded}年1月15日，总部位于{COMPANY_INFO.location}龙泉驿区幸福路12号。
+              公司专注于信息技术服务与解决方案，致力于为企业提供全方位的数字化转型支持。
+            </p>
+            <p className="text-gray-600 mb-6 leading-relaxed">
+              我们拥有一支经验丰富的技术团队，在软件开发、云计算、数据分析、信息安全等领域具有深厚的技术积累。
+              公司秉承"专注科技创新，驱动智慧未来"的理念，为客户提供高质量的产品和服务，助力企业在数字经济时代实现转型升级。
+            </p>
+          </div>
+
+          {/* 数据统计 */}
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16">
+            {STATS.map((stat, idx) => (
+              <Card key={idx} className="text-center">
+                <CardContent className="pt-6">
+                  <div className="text-3xl sm:text-4xl font-bold text-black mb-2">{stat.value}</div>
+                  <div className="text-sm text-gray-600">{stat.label}</div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+
+          {/* 核心价值观 */}
+          <div className="mb-16">
+            <h2 className="text-2xl font-bold text-black mb-6 text-center">核心价值观</h2>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              {values.map((value, idx) => (
+                <Card key={idx} className="group hover:shadow-md transition-shadow">
+                  <CardContent className="p-6">
+                    <div className="flex items-start gap-4">
+                      <div className="p-3 bg-gray-100 rounded-lg group-hover:bg-black group-hover:text-white transition-colors">
+                        <value.icon className="w-6 h-6" />
+                      </div>
+                      <div>
+                        <h3 className="font-semibold text-lg mb-2">{value.title}</h3>
+                        <p className="text-gray-600 text-sm leading-relaxed">{value.description}</p>
+                      </div>
+                    </div>
+                  </CardContent>
+                </Card>
+              ))}
+            </div>
+          </div>
+
+          {/* 发展历程 */}
+          <div className="mb-16">
+            <h2 className="text-2xl font-bold text-black mb-6 text-center">发展历程</h2>
+            <div className="space-y-6">
+              {milestones.map((milestone, idx) => (
+                <div key={idx} className="flex gap-4 md:gap-6">
+                  <div className="w-32 md:w-40 flex-shrink-0">
+                    <div className="font-semibold text-black text-sm md:text-base">{milestone.date}</div>
+                  </div>
+                  <div className="flex-1 pb-6 border-l-2 border-gray-200 pl-6 relative">
+                    <div className="absolute -left-[9px] top-1 w-4 h-4 bg-black rounded-full"></div>
+                    <h3 className="font-semibold text-black mb-1">{milestone.title}</h3>
+                    <p className="text-gray-600 text-sm leading-relaxed">{milestone.description}</p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {/* 联系我们 */}
+          <div className="bg-gray-50 rounded-2xl p-8">
+            <h2 className="text-2xl font-bold text-black mb-6 text-center">联系我们</h2>
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+              <div className="flex items-center gap-3">
+                <div className="p-2 bg-white rounded-lg">
+                  <MapPin className="w-5 h-5 text-gray-600" />
+                </div>
+                <div>
+                  <p className="text-sm text-gray-500">公司地址</p>
+                  <p className="text-sm font-medium">{COMPANY_INFO.address}</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-3">
+                <div className="p-2 bg-white rounded-lg">
+                  <Mail className="w-5 h-5 text-gray-600" />
+                </div>
+                <div>
+                  <p className="text-sm text-gray-500">电子邮箱</p>
+                  <p className="text-sm font-medium">{COMPANY_INFO.email}</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-3">
+                <div className="p-2 bg-white rounded-lg">
+                  <Phone className="w-5 h-5 text-gray-600" />
+                </div>
+                <div>
+                  <p className="text-sm text-gray-500">联系电话</p>
+                  <p className="text-sm font-medium">{COMPANY_INFO.phone}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}