Build a Next.js web app called '[].' Users input a video script. The app uses the Gemini API to generate: 5 viral hooks, and platform-specific titles/descriptions for LinkedIn, YouTube, Instagram, TikTok, and X. Include a 'Copy to Clipboard' button for each. Use shadcn/ui for a clean, dark-mode aesthetic.
Technical Requirements:
Stack: Next.js 14 (App Router), TypeScript, Tailwind CSS, Lucide Icons.
API: Implement a POST route /api/generateusing @google/generative-ai.
Prompt Engineering: Force Gemini to return a strict JSON schema: { "hooks": [], "platforms": [{ "name": "", "title": "" }] }.
UI Components: * Textarea for script input with a "Generate" button using Loader2 for loading states.
Card containers for the 5 Hooks.
Tabs component to toggle between LinkedIn, YouTube, Instagram, TikTok, and X.
UX: Add sonner or toast notifications for "Copied to Clipboard" actions.
Styling: [YOUR STYLE]