Prompt:

Act as a Senior Frontend Engineer. Build a React application called "Vibesec". This is a concept app for an "Automated penetration testing platform for vibe-coded applications" (AI-generated code). It simulates scanning a GitHub repo/URL for security vulnerabilities and uses the Gemini API to generate fixes.

1. Tech Stack & Setup

• Framework: React (use Functional Components and Hooks).
• Styling: Tailwind CSS (via CDN or standard config).
• Icons: lucide-react.
• Charts: recharts.
• Markdown: react-markdown (for rendering AI responses).
• Fonts: Import 'Inter' (sans) and 'JetBrains Mono' (mono) from Google Fonts.

2. Design System & Aesthetics

• Theme: Deep dark mode (Background: #030712).
• Primary Color: "Vibe Green" (#10b981 / text-vibegreen-500).
• Secondary Color: Indigo/Purple for gradients.
• Visual Style: Cyberpunk/Hacker aesthetic. Use glassmorphism (backdrops), thin borders (border-gray-800), glowing effects (shadow-lg, shadow-vibegreen-500/20), and monospaced text for technical details.
• Animations: Use Tailwind animate-pulse, animate-spin, and custom CSS keyframes for a "scanning line" effect.

3. Core Features & Views

The app should have 3 main states managed by a view state: 'home' | 'scanning' | 'results'.

A. Home View (Landing Page)

• Hero Section: Large typography ("Secure your vibe coded apps"). Use a text gradient for "vibe coded".
• Input Form: A glass-effect input field to accept a URL (e.g., GitHub repo). Include a "Start Scan" button.