[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { MessageCircle, UserPlus, Settings, Image } from "lucide-react" export default function ProfilePage() { return (

{/* Header */}

Profile

{/* Profile Info */}

John Doe

@johndoe

Full-stack developer passionate about creating user-friendly web applications.

{/* Stats */}

254

Posts

14.2k

Followers

1.5k

Following

{/* Tabs */} Posts About

{[...Array(9)].map((_, i) => (

))}

Location

San Francisco, CA

Joined

September 2021

Work

Senior Developer at TechCorp

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" import "@/app/globals.css" import { Inter } from "next/font/google" import type React from "react" const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "Mobile Profile Page", description: "A mobile-style profile page built with Next.js", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) }