文科生 / 商科生项目

// app/blog/page.tsx
import { articles } from '@/data/articles'

export default function BlogPage() {
  return (
    <div className="container mx-auto px-4 py-8">
      <h1 className="text-4xl font-bold mb-8">我的博客</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        {articles.map((article) => (
          <article key={article.id} className="border rounded-lg p-6 hover:shadow-lg transition">
            <h2 className="text-xl font-semibold mb-2">{article.title}</h2>
            <p className="text-muted-foreground mb-4">{article.excerpt}</p>
            <div className="flex items-center justify-between">
              <span className="text-sm text-muted-foreground">{article.date}</span>
              <span className="text-sm bg-primary/10 text-primary px-2 py-1 rounded">
                {article.category}
              </span>
            </div>
          </article>
        ))}
      </div>
    </div>
  )
}