修改首页

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

View File

@ -2,6 +2,7 @@
import { MainNav } from '@/components/nav/MainNav' import { MainNav } from '@/components/nav/MainNav'
import Link from 'next/link' import Link from 'next/link'
import { Logo } from '@/components/icons/Logo'
export default function Home() { export default function Home() {
return ( return (
@ -10,7 +11,9 @@ export default function Home() {
<main className="py-10"> <main className="py-10">
<div className="container mx-auto"> <div className="container mx-auto">
<div className="mx-auto max-w-5xl"> <div className="mx-auto max-w-5xl">
<div className="mb-8"> <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 className="text-3xl font-bold tracking-tight text-gray-900">
</h1> </h1>
@ -18,8 +21,9 @@ export default function Home() {
使 使
</p> </p>
</div> </div>
</div>
<div className="grid gap-6 md:grid-cols-2"> <div className="grid gap-6 md:grid-cols-1">
<Link <Link
href="/wechat" href="/wechat"
className="group relative rounded-lg border border-gray-200 bg-white p-6 hover:shadow-md transition-all" 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> </p>
</Link> </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> </div>
</div> </div>

View File

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