[V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import type React from "react" // Import React const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Growth Tracker", description: "Personal development and habit tracking app", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/navigation.tsx" "use client" import { Home, PackageSearch, Lightbulb, User } from "lucide-react" import Link from "next/link" import { usePathname } from "next/navigation" import { cn } from "@/lib/utils" export function Navigation() { const pathname = usePathname() const links = [ { href: "/", label: "首页", icon: Home }, { href: "/tasks", label: "任务", icon: PackageSearch }, { href: "/insights", label: "心得", icon: Lightbulb }, { href: "/profile", label: "我的", icon: User }, ] return ( ) } [V0_FILE]typescriptreact:file="components/header-tabs.tsx" "use client" import { cn } from "@/lib/utils" import Link from "next/link" import { usePathname } from "next/navigation" export function HeaderTabs() { const pathname = usePathname() const tabs = [ { href: "/tasks", label: "今日" }, { href: "/tasks/long-term", label: "长期" }, { href: "/tasks/habits", label: "习惯" }, ] return (

{tabs.map(({ href, label }) => ( {label} ))}

) } [V0_FILE]typescriptreact:file="components/stats-card.tsx" import { Card } from "@/components/ui/card" import Image from "next/image" interface Stat { label: string value: number } interface StatsCardProps { level: number stats: { main: Stat[] secondary: Stat[] } } export function StatsCard({ level, stats }: StatsCardProps) { return (

Lv.{level}

{stats.main.map((stat) => (

{stat.label} {stat.value}

))}

{stats.secondary.map((stat) => (

{stat.value}

{stat.label}

))}

) } [V0_FILE]typescriptreact:file="app/page.tsx" import { StatsCard } from "@/components/stats-card" import { Navigation } from "@/components/navigation" import { HeaderTabs } from "@/components/header-tabs" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { ChevronRight } from "lucide-react" export default function Home() { const stats = { main: [ { label: "时光沙漏", value: 79 }, { label: "金币", value: 0 }, ], secondary: [ { label: "秒能力", value: 5 }, { label: "健康", value: 5 }, { label: "自信", value: 5 }, { label: "魅力", value: 5 }, { label: "专业", value: 5 }, { label: "认知", value: 10 }, ], } const tasks = [ { type: "支线", title: "每日早上7点前起床", rewards: ["自信+1", "健康+1", "认知+1", "金币+2"], }, { type: "主线", title: "学习孩子心理", rewards: ["自信+1", "认知+1", "金币+2"], }, ] return (

{tasks.map((task) => (

{task.type} {task.title}

{task.rewards.join(" · ")}

))}

) } [V0_FILE]typescriptreact:file="app/tasks/page.tsx" import { Navigation } from "@/components/navigation" import { HeaderTabs } from "@/components/header-tabs" export default function TasksPage() { return (

女主，暂时还没有长期计划哦~

) } [V0_FILE]typescriptreact:file="app/insights/page.tsx" import { Navigation } from "@/components/navigation" import { Input } from "@/components/ui/input" import { Search } from "lucide-react" export default function InsightsPage() { return (

暂无记录

) } [V0_FILE]typescriptreact:file="app/profile/page.tsx" import { Navigation } from "@/components/navigation" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { ChevronRight } from "lucide-react" import Image from "next/image" export default function ProfilePage() { const menuItems = [ { title: "邀请好友得奖励" }, { title: "许愿新功能" }, { title: "大女主历程" }, { title: "系统消息设置" }, { title: "有问题找客服" }, { title: "隐私政策" }, { title: "用户协议" }, ] return (

大女主8ymtc

180******46

{menuItems.map((item) => ( ))}

) }