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,95 @@
+'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 { ArrowRight, Calendar } from 'lucide-react';
+import { NEWS } from '@/lib/constants';
+
+export function NewsSection() {
+  const ref = useRef(null);
+  const isInView = useInView(ref, { once: true, margin: '-100px' });
+
+  return (
+    <section id="news" className="py-24 bg-white" 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 gap-8 max-w-5xl mx-auto">
+          {NEWS.slice(0, 4).map((news, idx) => (
+            <motion.div
+              key={news.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>
+                  <div className="flex items-center gap-2 mb-3">
+                    <Badge variant="secondary">{news.category}</Badge>
+                    <span className="text-sm text-gray-500 flex items-center gap-1">
+                      <Calendar className="w-3 h-3" />
+                      {news.date}
+                    </span>
+                  </div>
+                  <CardTitle className="text-xl leading-tight">{news.title}</CardTitle>
+                </CardHeader>
+                <CardContent className="flex-1 flex flex-col">
+                  <CardDescription className="text-base leading-relaxed mb-6 flex-1">
+                    {news.excerpt}
+                  </CardDescription>
+                  <a
+                    href={`/news/${news.id}`}
+                    className="inline-flex items-center text-sm font-medium text-black hover:underline"
+                  >
+                    阅读更多
+                    <ArrowRight className="ml-1 w-4 h-4" />
+                  </a>
+                </CardContent>
+              </Card>
+            </motion.div>
+          ))}
+        </div>
+
+        {/* 查看更多 - 改为展开更多新闻 */}
+        <motion.div 
+          initial={{ opacity: 0, y: 20 }}
+          animate={isInView ? { opacity: 1, y: 0 } : {}}
+          transition={{ duration: 0.6, delay: 0.5 }}
+          className="mt-12 text-center"
+        >
+          <button 
+            onClick={() => {
+              const newsSection = document.getElementById('news');
+              if (newsSection) {
+                // 展开更多新闻的逻辑可以在这里添加
+                alert('更多新闻功能开发中...');
+              }
+            }}
+            className="inline-flex items-center text-sm font-medium text-black hover:underline cursor-pointer bg-transparent border-none"
+          >
+            查看全部新闻
+            <ArrowRight className="ml-1 w-4 h-4" />
+          </button>
+        </motion.div>
+      </div>
+    </section>
+  );
+}