caojiezi2003/neurapress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改首页

Browse Source
This commit is contained in:
tianyaxiang 2025-02-01 15:52:13 +08:00
parent fb3a30815f
commit c1c41300f2
2 changed files with 16 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/page.tsx
View File

@ -2,6 +2,7 @@
import { MainNav } from '@/components/nav/MainNav'
import Link from 'next/link'
import { Logo } from '@/components/icons/Logo'
export default function Home() {
return (
@ -10,16 +11,19 @@ export default function Home() {
<main className="py-10">
<div className="container mx-auto">
<div className="mx-auto max-w-5xl">
<div className="mb-8">
<h1 className="text-3xl font-bold tracking-tight text-gray-900">
内容转换工具
</h1>
<p className="mt-2 text-sm text-gray-600">
选择需要使用的功能
</p>
<div className="mb-8 flex items-center gap-4">
<Logo className="w-12 h-12" />
<div>
<h1 className="text-3xl font-bold tracking-tight text-gray-900">
内容转换工具
</h1>
<p className="mt-2 text-sm text-gray-600">
选择需要使用的功能
</p>
</div>
</div>
<div className="grid gap-6 md:grid-cols-2">
<div className="grid gap-6 md:grid-cols-1">
<Link
href="/wechat"
className="group relative rounded-lg border border-gray-200 bg-white p-6 hover:shadow-md transition-all"
@ -32,19 +36,6 @@ export default function Home() {
将内容转换为微信公众号格式，支持多种样式模板
</p>
</Link>
<Link
href="/xiaohongshu"
className="group relative rounded-lg border border-gray-200 bg-white p-6 hover:shadow-md transition-all"
>
<h3 className="text-lg font-semibold text-gray-900">
小红书
<span className="absolute inset-0"></span>
</h3>
<p className="mt-2 text-sm text-gray-600">
将内容转换为小红书笔记格式，轻松发布内容
</p>
</Link>
</div>
</div>
</div>

7
src/components/nav/MainNav.tsx
View File

@ -4,10 +4,10 @@ import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { cn } from '@/lib/utils'
import { ThemeToggle } from '@/components/theme-toggle'
import { Logo } from '@/components/icons/Logo'
const navigation = [
{ name: '微信公众号', href: '/wechat' },
{ name: '小红书', href: '/xiaohongshu' },
]
export function MainNav() {
@ -19,8 +19,9 @@ export function MainNav() {
<div className="flex h-16 items-center justify-between">
<div className="flex items-center">
<div className="flex-shrink-0">
<Link href="/" className="text-xl font-bold text-primary">
NeuraPress
<Link href="/" className="flex items-center gap-2 text-xl font-bold text-primary">
<Logo className="w-8 h-8" />
<span>NeuraPress</span>
</Link>
</div>
<div className="hidden md:block">