feat: 初始化 Toolso.AI 开源 AI 工具导航站项目

🎯 项目概述
- 一个开源的 AI 工具导航站，帮助用户发现和探索优秀的 AI 工具
- 基于 Next.js 16 + React 19 构建的现代化全栈应用

✨ 核心功能
- AI 工具目录：分类展示、搜索筛选、工具详情页
- 工具提交：用户可提交新工具，社区驱动
- 管理后台：工具审核、用户管理、角色权限控制
- 博客系统：MDX 驱动，AI 资讯和教程
- 国际化支持：中文/英文双语 (next-intl)
- 用户认证：Better Auth + Google OAuth
- 深色/浅色主题切换

🛠 技术栈
- 前端：Next.js 16 (App Router) + React 19 + TypeScript
- 样式：Tailwind CSS + Framer Motion 动画
- UI 组件：自定义组件库 + Radix UI
- 表单验证：React Hook Form + Zod
- 数据库：PostgreSQL + Drizzle ORM
- 认证：Better Auth (邮箱密码 + Google OAuth)
- 邮件：Resend (验证邮件 + Newsletter)
- 存储：Cloudflare R2 / AWS S3 兼容

📁 项目结构
- src/app/[locale]/(auth) - 认证页面
- src/app/[locale]/(marketing) - 营销页面 (首页、博客、工具目录)
- src/app/[locale]/(protected) - 受保护页面 (仪表板、个人资料)
- src/app/[locale]/(admin) - 管理后台
- src/features - 功能模块
- src/lib - 核心业务逻辑
- messages - 国际化翻译文件

🗄 数据库
- 包含 user, session, account, verification, passwordResetToken 等核心表
- 支持 Drizzle ORM 迁移管理

📝 文档
- 完整的 CLAUDE.md 项目指南
- 环境变量配置示例 (.env.example)
- MIT 开源许可证

src/components/footer.tsx

@@ -0,0 +1,101 @@
+"use client";
+import React from "react";
+import { Logo } from "./Logo";
+import { useTranslations } from 'next-intl';
+import { LocaleLink } from './locale-link';
+
+export const Footer = () => {
+  const t = useTranslations();
+
+  const links = [
+    {
+      name: t('navigation.main.blog'),
+      href: "/blog",
+    },
+    {
+      name: t('navigation.main.contact'),
+      href: "/contact",
+    },
+  ];
+  const legal = [
+    {
+      name: t('navigation.footer.legal.terms'),
+      href: "/terms",
+    },
+    {
+      name: t('navigation.footer.legal.privacy'),
+      href: "/privacy",
+    },
+    {
+      name: t('navigation.footer.legal.cookies'),
+      href: "/cookies",
+    },
+  ];
+  const socials = [
+    {
+      name: t('footer.social.twitter'),
+      href: "https://x.com/ToolsoAI",
+      external: true,
+    },
+    {
+      name: t('footer.social.github'),
+      href: "https://github.com/coolchange-ai/toolso-ai-open",
+      external: true,
+    },
+  ];
+  return (
+    <div className="relative">
+      <div className="border-t border-border px-8 pt-20 pb-32 relative bg-background">
+        <div className="max-w-7xl mx-auto">
+          {/* Footer Links Section */}
+          <div className="text-sm text-muted-foreground flex sm:flex-row flex-col justify-between items-start">
+            <div>
+              <div className="mr-4 md:flex mb-4">
+                <Logo />
+              </div>
+              <div>{t('common.brand.copyright')}</div>
+              <div className="mt-2">{t('common.brand.allRightsReserved')}</div>
+            </div>
+            <div className="grid grid-cols-3 gap-10 items-start mt-10 md:mt-0">
+              <div className="flex justify-center space-y-4 flex-col mt-4">
+                {links.map((link) => (
+                  <LocaleLink
+                    key={link.name}
+                    className="transition-colors hover:text-foreground text-muted-foreground text-xs sm:text-sm"
+                    href={link.href}
+                  >
+                    {link.name}
+                  </LocaleLink>
+                ))}
+              </div>
+              <div className="flex justify-center space-y-4 flex-col mt-4">
+                {legal.map((link) => (
+                  <LocaleLink
+                    key={link.name}
+                    className="transition-colors hover:text-foreground text-muted-foreground text-xs sm:text-sm"
+                    href={link.href}
+                  >
+                    {link.name}
+                  </LocaleLink>
+                ))}
+              </div>
+              <div className="flex justify-center space-y-4 flex-col mt-4">
+                {socials.map((link) => (
+                  <a
+                    key={link.name}
+                    className="transition-colors hover:text-foreground text-muted-foreground text-xs sm:text-sm"
+                    href={link.href}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    {link.name}
+                  </a>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};