[V0_FILE]typescriptreact:file="app/layout.tsx" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { cn } from "@/lib/utils" import { ThemeProvider } from "@/components/theme-provider" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "AI Product Discovery Platform", description: "Discover innovative product ideas with AI-driven insights", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" import { DashboardHeader } from "@/components/dashboard-header" import { DashboardShell } from "@/components/dashboard-shell" import { DashboardSidebar } from "@/components/dashboard-sidebar" import { TrendingComplaints } from "@/components/trending-complaints" import { Insights } from "@/components/insights" import { BusinessModelGenerator } from "@/components/business-model-generator" export default function DashboardPage() { return (

) } [V0_FILE]typescriptreact:file="components/dashboard-header.tsx" import { Bell, Search } from "lucide-react" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" export function DashboardHeader() { return (

AI Product Discovery

My Account Profile Settings Logout

) } [V0_FILE]typescriptreact:file="components/dashboard-sidebar.tsx" import Link from "next/link" import { Home, TrendingUp, Lightbulb, BookMarked, Users, Settings } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" const sidebarItems = [ { icon: Home, label: "Dashboard", href: "/" }, { icon: TrendingUp, label: "Trends", href: "/trends" }, { icon: Lightbulb, label: "Ideas", href: "/ideas" }, { icon: BookMarked, label: "Bookmarks", href: "/bookmarks" }, { icon: Users, label: "Collaborate", href: "/collaborate" }, { icon: Settings, label: "Settings", href: "/settings" }, ] export function DashboardSidebar() { return (

Logo

) } [V0_FILE]typescriptreact:file="components/dashboard-shell.tsx" import { cn } from "@/lib/utils" interface DashboardShellProps extends React.HTMLAttributes {} export function DashboardShell({ children, className, ...props }: DashboardShellProps) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/trending-complaints.tsx" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" export function TrendingComplaints() { const complaints = [ { id: 1, text: "Slow internet speeds", category: "Tech" }, { id: 2, text: "Lack of affordable housing", category: "Real Estate" }, { id: 3, text: "Limited public transportation", category: "Transport" }, { id: 4, text: "High energy bills", category: "Utilities" }, { id: 5, text: "Inefficient waste management", category: "Environment" }, ] return ( Trending Complaints

{complaint.text} {complaint.category}

) } [V0_FILE]typescriptreact:file="components/insights.tsx" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Bar, BarChart, ResponsiveContainer, XAxis, YAxis } from "recharts" const data = [ { name: "Jan", total: Math.floor(Math.random() * 5000) + 1000, }, { name: "Feb", total: Math.floor(Math.random() * 5000) + 1000, }, { name: "Mar", total: Math.floor(Math.random() * 5000) + 1000, }, { name: "Apr", total: Math.floor(Math.random() * 5000) + 1000, }, { name: "May", total: Math.floor(Math.random() * 5000) + 1000, }, { name: "Jun", total: Math.floor(Math.random() * 5000) + 1000, }, ] export function Insights() { return ( Insights `$${value}`} /> ) } [V0_FILE]typescriptreact:file="components/business-model-generator.tsx" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" export function BusinessModelGenerator() { const [idea, setIdea] = useState("") const [generatedModel, setGeneratedModel] = useState("") const handleGenerate = () => { // Simulate AI generation (replace with actual API call) setGeneratedModel(`Business Model for "${idea}": 1. Value Proposition: Innovative solution addressing user pain points 2. Customer Segments: Early adopters in the tech industry 3. Revenue Streams: Subscription-based model with tiered pricing 4. Key Resources: AI algorithms, user data, and cloud infrastructure 5. Key Activities: Product development, marketing, and customer support`) } return ( Business Model Generator

setIdea(e.target.value)} /> {generatedModel &&

}
        </div>
      </CardContent>
    </Card>
  )
}

[V0_FILE]css:file="app/globals.css"
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;

    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;

    --radius: 0.5rem;
  }

  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;

    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

/* Custom styles for enhanced UI */
.dashboard-card {
  @apply transition-all duration-300 ease-in-out hover:shadow-lg;
}

.dashboard-card:hover {
  transform: translateY(-5px);
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
</article></body></html>