[V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { /* Updated theme for PiHub with dark professional look inspired by AI/tech platforms */ --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --background: 0 0% 100%; --foreground: 222 47% 11%; --card: 0 0% 100%; --card-foreground: 222 47% 11%; --popover: 0 0% 100%; --popover-foreground: 222 47% 11%; --primary: 262 83% 58%; --primary-foreground: 0 0% 100%; --secondary: 210 40% 96%; --secondary-foreground: 222 47% 11%; --muted: 210 40% 96%; --muted-foreground: 215 16% 47%; --accent: 262 83% 58%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 214 32% 91%; --input: 214 32% 91%; --ring: 262 83% 58%; --chart-1: 262 83% 58%; --chart-2: 217 91% 60%; --chart-3: 142 76% 36%; --chart-4: 47 96% 53%; --chart-5: 27 96% 61%; --radius: 0.75rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { /* Dark mode optimized for news reading and AI features */ --background: 222 47% 11%; --foreground: 210 40% 98%; --card: 217 33% 17%; --card-foreground: 210 40% 98%; --popover: 217 33% 17%; --popover-foreground: 210 40% 98%; --primary: 263 70% 50%; --primary-foreground: 210 40% 98%; --secondary: 217 33% 17%; --secondary-foreground: 210 40% 98%; --muted: 223 47% 11%; --muted-foreground: 215 20% 65%; --accent: 217 33% 17%; --accent-foreground: 210 40% 98%; --destructive: 0 62% 30%; --destructive-foreground: 210 40% 98%; --border: 217 33% 17%; --input: 217 33% 17%; --ring: 263 70% 50%; --chart-1: 263 70% 50%; --chart-2: 217 91% 60%; --chart-3: 142 71% 45%; --chart-4: 47 96% 53%; --chart-5: 27 96% 61%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" import "./globals.css" export const metadata: Metadata = { title: "PiHub - AI-Powered Pi Network News", description: "Real-time verified information about the Pi ecosystem with AI-generated insights", generator: "v0.app", icons: { icon: "/icon.svg", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ScrollArea } from "@/components/ui/scroll-area" import { Bell, Search, Sparkles, Newspaper, Handshake, TrendingUp, Layers, Megaphone, Clock, ArrowUp, ArrowDown, Target, Zap, ChevronRight, } from "lucide-react" export default function PiHubApp() { const [activeTab, setActiveTab] = useState("news") const [notificationEnabled, setNotificationEnabled] = useState(false) const newsArticles = [ { id: 1, title: "Pi Network Mainnet Launch Phase 2 Announced", summary: "The core team has officially announced Phase 2 of the mainnet launch, introducing enhanced security protocols and expanded KYC verification capabilities for millions of pioneers.", aiInsight: "AI Analysis: This development signals major progress toward full decentralization. Historical data suggests increased network activity within 48 hours of such announcements.", category: "News", time: "15 minutes ago", trending: true, verified: true, image: "/placeholder.svg?height=200&width=400", }, { id: 2, title: "Major Partnership: Pi Network & Global Payment Provider", summary: "Pi Network announces strategic partnership with a leading international payment processor, enabling Pi transactions at 50,000+ merchant locations worldwide.", aiInsight: "AI Analysis: This partnership could accelerate mainstream adoption by 300%. Similar crypto partnerships historically led to 150% value increases within 30 days.", category: "Partnerships", time: "1 hour ago", trending: true, verified: true, image: "/placeholder.svg?height=200&width=400", }, { id: 3, title: "Pi Trading Volume Surges 245% in 24 Hours", summary: "Trading activity reaches all-time high as Pi Network ecosystem expands. Multiple exchanges report record-breaking volumes with stable price action.", aiInsight: "AI Analysis: Volume spike correlates with partnership news. Technical indicators suggest sustained momentum with strong support levels.", category: "Trading", time: "2 hours ago", trending: true, verified: true, image: "/placeholder.svg?height=200&width=400", }, { id: 4, title: "New DApp Ecosystem Projects Launch on Pi Network", summary: "15 new decentralized applications go live on Pi Network, spanning DeFi, gaming, NFTs, and social platforms. Developer activity hits new milestone.", aiInsight: "AI Analysis: Ecosystem growth rate exceeds projections. DApp launches typically drive 40% increase in network engagement within first week.", category: "Ecosystem", time: "4 hours ago", trending: false, verified: true, image: "/placeholder.svg?height=200&width=400", }, { id: 5, title: "Official: Pi Core Team Q1 Roadmap Released", summary: "Core team unveils detailed roadmap for Q1 including wallet enhancements, cross-chain bridges, and community governance implementation timeline.", aiInsight: "AI Analysis: Roadmap transparency indicates strong project health. Key milestones align with community expectations and industry best practices.", category: "Announcements", time: "6 hours ago", trending: false, verified: true, image: "/placeholder.svg?height=200&width=400", }, ] const tradingData = [ { pair: "PI/USDT", price: "$0.0468", change: "+18.7%", volume: "$8.4M", trend: "up", chart: "bullish", }, { pair: "PI/BTC", price: "0.00000112", change: "+12.3%", volume: "$3.2M", trend: "up", chart: "bullish", }, { pair: "PI/ETH", price: "0.000024", change: "+9.8%", volume: "$2.1M", trend: "up", chart: "bullish", }, ] const trendingTopics = [ { topic: "Mainnet Phase 2", count: "12.4K posts" }, { topic: "KYC Verification", count: "8.2K posts" }, { topic: "Merchant Adoption", count: "6.7K posts" }, { topic: "DApp Launch", count: "5.1K posts" }, ] return (

{/* Header */}

PiHub

AI-Powered Pi News

{/* Main Content */}

News Partners Trading Ecosystem Alerts {/* Notification Banner */} {notificationEnabled && (

Push Notifications Enabled

You'll receive alerts for major Pi Network updates

Active )} {/* AI Insights Banner */}

AI-Generated Daily Summary

Today's ecosystem shows strong momentum with partnership announcements and increased trading activity. Network growth continues at 12% weekly rate. Mainnet Phase 2 development on track for Q1 targets.

{/* Trending Topics */} Trending Now

{trendingTopics.map((item, index) => ( ))}

{/* News Feed */}

Latest Updates

{newsArticles.map((article) => (

{article.trending && ( Trending )}

{article.category}

{article.verified && ( Verified )} {article.time}

{article.title}

{article.summary}

{article.aiInsight}

))}

Strategic Partnerships

Tracking verified partnerships and collaborations in the Pi Network ecosystem

{newsArticles .filter((article) => article.category === "Partnerships") .map((article) => (

{article.category}

{article.title}

{article.summary}

{article.aiInsight}

))}

24h Trading Volume

$13.7M

+24.5% from yesterday

Market Cap

$1.24B

AI Trading Insights

Technical Analysis: Strong bullish momentum across all pairs. RSI indicates healthy growth without overbought conditions.

Volume Analysis: Institutional-level volume patterns suggest sustained interest. Support levels strengthening.

Recommendation: Positive outlook for next 48 hours based on partnership news and network growth metrics.

{tradingData.map((item, index) => (

{item.pair}

Volume: {item.volume}

{item.price}

{item.trend === "up" ? ( ) : ( )} {item.change}

))}

Ecosystem Growth

Monitor new DApps, projects, and ecosystem developments

Ecosystem Metrics

Active DApps

247

+15 this week

Developers

12.4K

+8% growth

Active Users

2.8M

+12% monthly

Transactions

45.2M

+18% daily

{newsArticles .filter((article) => article.category === "Ecosystem") .map((article) => (

{article.category}

{article.title}

{article.summary}

{article.aiInsight}

))}

Official Announcements

Official updates and important notices from the Pi Core Team

{newsArticles .filter((article) => article.category === "Announcements") .map((article) => (

Official

{article.category}

{article.title}

{article.summary}

{article.aiInsight}

))}

{/* Community Stats Footer */}

Pioneers

35M+

Countries

230+

Network Status

Live

) } [V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/api/summarize/route.ts" import { generateText } from "ai" export async function POST(req: Request) { const { content, title } = await req.json() const { text } = await generateText({ model: "openai/gpt-5-mini", prompt: `You are an AI analyst specializing in cryptocurrency and blockchain news, specifically Pi Network. Analyze the following Pi Network news article and provide: 1. A concise summary (2-3 sentences) 2. Key insights about potential impact on the Pi ecosystem 3. Relevant trend analysis Title: ${title} Content: ${content} Provide your analysis in a clear, professional tone focused on factual information and data-driven insights.`, maxTokens: 300, temperature: 0.7, }) return Response.json({ summary: text }) } [V0_FILE]typescriptreact:file="app/api/trends/route.ts" import { generateObject } from "ai" import { z } from "zod" const trendsSchema = z.object({ topics: z.array( z.object({ topic: z.string(), sentiment: z.enum(["positive", "neutral", "negative"]), relevance: z.number().min(0).max(100), summary: z.string(), }), ), overallSentiment: z.string(), keyInsights: z.array(z.string()), }) export async function POST(req: Request) { const { articles } = await req.json() const { object } = await generateObject({ model: "openai/gpt-5-mini", schema: trendsSchema, prompt: `Analyze the following Pi Network news articles and identify trending topics, sentiment, and key insights: ${articles.map((a: any, i: number) => `${i + 1}. ${a.title}: ${a.summary}`).join("\n")} Provide a comprehensive trend analysis focused on: - Emerging patterns in the Pi ecosystem - Community sentiment - Trading and market implications - Partnership and development trends`, }) return Response.json(object) } [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.4", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.6", "zod": "^3.24.1", "ai": "4.3.19" }, "devDependencies": { "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "5.9.3" } }