91:I[903690,["/chat-static/_next/static/immutable/chunks/3bg7pqxhdviez.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/0yd-wg2ebd1vn.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/2nboxcmsh_5q6.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/1tstx59bqt4rl.js","/chat-static/_next/static/immutable/chunks/3-0pwzytsci-j.js","/chat-static/_next/static/immutable/chunks/0y_5ahutztffw.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3mlb4bu1798-_.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/0spguaj-i7-94.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3b_j1h-h6olwe.js","/chat-static/_next/static/immutable/chunks/01o066pa1p8vb.js","/chat-static/_next/static/immutable/chunks/16sz-k7bz1wso.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/0ea-o8jcr8uny.js","/chat-static/_next/static/immutable/chunks/0hn1j4g66cm6h.js","/chat-static/_next/static/immutable/chunks/39xww5dkqchkn.js","/chat-static/_next/static/immutable/chunks/1uiy6jfl9x3lw.js"],"ExplicitChatIdProvider"] 92:I[838238,["/chat-static/_next/static/immutable/chunks/3bg7pqxhdviez.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/0yd-wg2ebd1vn.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/2nboxcmsh_5q6.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/1tstx59bqt4rl.js","/chat-static/_next/static/immutable/chunks/3-0pwzytsci-j.js","/chat-static/_next/static/immutable/chunks/0y_5ahutztffw.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3mlb4bu1798-_.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/0spguaj-i7-94.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3b_j1h-h6olwe.js","/chat-static/_next/static/immutable/chunks/01o066pa1p8vb.js","/chat-static/_next/static/immutable/chunks/16sz-k7bz1wso.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/0ea-o8jcr8uny.js","/chat-static/_next/static/immutable/chunks/0hn1j4g66cm6h.js","/chat-static/_next/static/immutable/chunks/39xww5dkqchkn.js","/chat-static/_next/static/immutable/chunks/1uiy6jfl9x3lw.js"],"SWRDataProvider"] 93:T6036,[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { DashboardHeader } from "@/components/dashboard-header" import { DateTaskSection } from "@/components/date-task-section" import { HelpSection } from "@/components/help-section" import { FinancialCards } from "@/components/financial-cards" import { ChartsSection } from "@/components/charts-section" import { ActivityManager } from "@/components/activity-manager" import { BusinessPlans } from "@/components/business-plans" import { WalletVerification } from "@/components/wallet-verification" import { MainStocks } from "@/components/main-stocks" import { SurveySection } from "@/components/survey-section" export default function Dashboard() { return (

{/* Main Content Area - 3 columns */}

{/* Top Row: Date/Task and Help sections */}

{/* Financial Cards Grid */} {/* Bottom Row: Charts and Activity */}

{/* Right Sidebar - 1 column */}

) } [V0_FILE]typescriptreact:file="components/dashboard-header.tsx" isMerged="true" import { Menu, Plus, Search } from "lucide-react" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Input } from "@/components/ui/input" export function DashboardHeader() { return (

Financial

Dashboard

Abhilash

CEO

) } [V0_FILE]typescriptreact:file="components/date-task-section.tsx" isMerged="true" import { Calendar, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" export function DateTaskSection() { return (

Tue,

December

) } [V0_FILE]typescriptreact:file="components/help-section.tsx" isMerged="true" import { Mic } from "lucide-react" export function HelpSection() { return (

Hey, Need help?👋

Just ask me anything!

) } [V0_FILE]typescriptreact:file="components/financial-cards.tsx" isEdit="true" isMerged="true" import { Plus, TrendingUp, MoreHorizontal, Share2, ChevronDown, Clock, BarChart3 } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" export function FinancialCards() { return (

{/* Top Row */} {/* VISA Card */}

VISA

Linked to main account

**** 2719

{/* Direct Debits */}

Direct Debits

Total income

$23,194.80

{/* Weekly Stats */}

Weekly

System Lock

13 Days

109 hours, 23 minutes

{Array.from({ length: 12 }).map((_, i) => (

))}

{/* 2023 Stats */}

2023

2022

{/* Bottom Row */} {/* Monthly Fee */}

Monthly regular fee

$25.00

{/* Total Paid */}

Edit

Total paid

$8,145.20

cards limitation

{/* Weekly Growth */}

Weekly

View

36%

Growth rate

on chart mode

{/* Performance Chart */}

$16,073.49

Main Stocks +9.3%

Extended & Limited

) } [V0_FILE]typescriptreact:file="components/charts-section.tsx" isEdit="true" isMerged="true" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { ChevronDown } from "lucide-react" export function ChartsSection() { return (

{/* Annual Profits Chart */} Annual profits

2025

{/* Outermost circle - $14K */}

{/* Second circle - $9.3K */}

{/* Third circle - $6.8K */}

{/* Inner circle - $4K */}

$4K

$14K

$9.3K

$6.8K

{/* Activity Chart */}

$43.20 USD

{[60, 40, 80, 30, 90, 45, 70, 35, 85, 50, 75, 40].map((height, i) => (

))}

{Array.from({ length: 5 }).map((_, i) => (

))}

) } [V0_FILE]typescriptreact:file="components/activity-manager.tsx" isEdit="true" isMerged="true" import { Search, Filter, MoreHorizontal, Settings } from "lucide-react" import { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export function ActivityManager() { return ( Activity manager

Filters

Team • Insights × Today ×

) } [V0_FILE]typescriptreact:file="components/business-plans.tsx" isEdit="true" isMerged="true" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { MoreHorizontal, ChevronDown } from "lucide-react" export function BusinessPlans() { const plans = [ { name: "Bank loans", status: "active", hasDropdown: true }, { name: "Accounting", status: "active", hasDropdown: false }, { name: "HR management", status: "inactive", hasDropdown: false }, ] return ( Business plans

{plans.map((plan, index) => (

{plan.name}

{plan.hasDropdown && }

))}

) } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import type * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, }, ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return

} export { Badge, badgeVariants } [V0_FILE]png:file="public/professional-man.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-man-Fj9TWS5nFRLskTWQQg8bt63z4Faz9Z.png" isMerged="true" [V0_FILE]typescriptreact:file="components/wallet-verification.tsx" isEdit="true" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" export function WalletVerification() { return (

{/* Radiating lines */} {Array.from({ length: 8 }).map((_, i) => (

))}

Wallet Verification

Enable 2-step verification
to secure your wallet.

) } [V0_FILE]typescriptreact:file="components/main-stocks.tsx" isEdit="true" import { Card, CardContent } from "@/components/ui/card" import { TrendingUp } from "lucide-react" export function MainStocks() { return (

+9.3%

$16,073.49

Main Stocks

Extended & Limited

) } [V0_FILE]typescriptreact:file="components/survey-section.tsx" isEdit="true" import { Card, CardContent } from "@/components/ui/card" import { X, Minimize2 } from "lucide-react" export function SurveySection() { return (

Priority rating

How is your business
management going?

{Array.from({ length: 5 }).map((_, i) => (

{i === 2 &&

}

))}

) }89:["$","$L91",null,{"chatId":"rC9vDkTeWCu","children":["$","$L92",null,{"data":{"@\"active-block\",\"rC9vDkTeWCu\",":{"id":"b_A4Aj4JJ0rzL","messageId":"IkCn946tmRVDu1tp40qZzJRy8H1YObQQ","source":"$93","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"financial-dashboard","type":"code-project","project":"financial-dashboard","taskNameActive":"Finalizing sidebar components","taskNameComplete":"Finalized sidebar components"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"rC9vDkTeWCu\",":false},"children":"$L94"}]}]

About

Tags

Share

About

Tags

Share

More from abhilashsahoo

More Templates Like This