Poco Landing Page

Poco 官网落地页，使用 Next.js、Tailwind CSS、Framer Motion 与 next-intl 构建。

技术栈

• Next.js 16
• React 19
• Tailwind CSS 4
• Framer Motion
• next-intl
• TypeScript

功能概览

• Hero 3D Lanyard 动效
• 产品演示卡片
• 功能特性展示
• 中英双语切换
• 响应式布局

开发

pnpm install
pnpm run dev

访问 http://localhost:3000 查看效果。

目录结构

landing/
├── app/
│   ├── [locale]/
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── globals.css
│   └── layout.tsx
├── components/
│   ├── layout/
│   │   ├── Footer.tsx
│   │   └── Navigation.tsx
│   ├── sections/
│   │   ├── HeroSection.tsx
│   │   ├── ProjectSection.tsx
│   │   └── VideoShowcase.tsx
│   ├── ui/
│   └── visuals/
│       └── Lanyard.tsx
├── lib/
│   ├── messages/
│   │   ├── en.json
│   │   └── zh.json
│   └── types/
│       └── three.d.ts
├── public/
│   ├── card.glb
│   └── logo.jpg
├── i18n.ts
├── proxy.ts
└── package.json

校验

pnpm run lint
pnpm run format:check

许可证

MIT