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

更新next.config.ts文件以支持静态导出功能，并添加了多个新的依赖项到package.json中，包括UI组件库和动画库。同时生成了构建相关的文件和配置。
2026-02-02 17:59:29 +08:00
parent f9df7b4d8f
commit 150024b6ac
443 changed files with 9531 additions and 120 deletions
@@ -0,0 +1,121 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { useInView } from 'framer-motion';
+import { useRef } from 'react';
+import { Badge } from '@/components/ui/badge';
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { ArrowRight, Check, TrendingUp } from 'lucide-react';
+import { PRODUCTS } from '@/lib/constants';
+
+export function ProductsSection() {
+  const ref = useRef(null);
+  const isInView = useInView(ref, { once: true, margin: '-100px' });
+
+  return (
+    <section id="products" className="py-24 bg-gray-50" ref={ref}>
+      <div className="container-custom">
+        <motion.div 
+          initial={{ opacity: 0, y: 20 }}
+          animate={isInView ? { opacity: 1, y: 0 } : {}}
+          transition={{ duration: 0.6 }}
+          className="text-center max-w-3xl mx-auto mb-16"
+        >
+          <Badge variant="outline" className="mb-4">
+            产品服务
+          </Badge>
+          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-black mb-6">
+            我们的产品
+          </h2>
+          <p className="text-lg text-gray-600">
+            自主研发的企业级产品，助力企业高效运营，实现数字化转型
+          </p>
+        </motion.div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {PRODUCTS.map((product, idx) => (
+            <motion.div
+              key={product.id}
+              initial={{ opacity: 0, y: 20 }}
+              animate={isInView ? { opacity: 1, y: 0 } : {}}
+              transition={{ duration: 0.5, delay: 0.1 + idx * 0.1 }}
+            >
+              <Card className="h-full flex flex-col group hover:shadow-lg transition-shadow">
+                <CardHeader>
+                  <Badge variant="secondary" className="w-fit mb-3">
+                    {product.category}
+                  </Badge>
+                  <CardTitle className="text-xl">{product.title}</CardTitle>
+                </CardHeader>
+                <CardContent className="flex-1 flex flex-col">
+                  <CardDescription className="text-base leading-relaxed mb-4 flex-1">
+                    {product.description}
+                  </CardDescription>
+                  
+                  {/* 核心功能 */}
+                  <div className="mb-4">
+                    <p className="text-sm font-medium text-black mb-2">核心功能</p>
+                    <div className="flex flex-wrap gap-1.5">
+                      {product.features.slice(0, 4).map((feature, idx) => (
+                        <span 
+                          key={idx} 
+                          className="inline-flex items-center text-xs px-2 py-1 bg-gray-100 text-gray-700 rounded"
+                        >
+                          <Check className="w-3 h-3 mr-1 text-green-600" />
+                          {feature}
+                        </span>
+                      ))}
+                    </div>
+                  </div>
+
+                  {/* 核心价值 */}
+                  <div className="mb-4">
+                    <p className="text-sm font-medium text-black mb-2 flex items-center">
+                      <TrendingUp className="w-4 h-4 mr-1 text-blue-600" />
+                      核心价值
+                    </p>
+                    <ul className="space-y-1">
+                      {product.benefits.map((benefit, idx) => (
+                        <li key={idx} className="text-xs text-gray-600 flex items-start">
+                          <span className="text-blue-600 mr-1.5">•</span>
+                          {benefit}
+                        </li>
+                      ))}
+                    </ul>
+                  </div>
+
+                  <Button variant="outline" className="w-full mt-auto group-hover:bg-black group-hover:text-white transition-colors">
+                    了解详情
+                    <ArrowRight className="ml-2 w-4 h-4" />
+                  </Button>
+                </CardContent>
+              </Card>
+            </motion.div>
+          ))}
+        </div>
+
+        {/* 底部CTA */}
+        <motion.div 
+          initial={{ opacity: 0, y: 20 }}
+          animate={isInView ? { opacity: 1, y: 0 } : {}}
+          transition={{ duration: 0.6, delay: 0.5 }}
+          className="mt-20 text-center"
+        >
+          <div className="bg-gradient-to-r from-gray-100 to-gray-200 rounded-2xl p-12">
+            <h3 className="text-2xl sm:text-3xl font-bold text-black mb-4">
+              需要定制化解决方案？
+            </h3>
+            <p className="text-gray-600 mb-8 max-w-2xl mx-auto">
+              我们的专业团队可以根据您的业务需求，提供量身定制的产品开发和系统集成服务
+            </p>
+            <Button size="lg" className="bg-black text-white hover:bg-gray-800">
+              联系我们
+              <ArrowRight className="ml-2 w-4 h-4" />
+            </Button>
+          </div>
+        </motion.div>
+      </div>
+    </section>
+  );
+}