Prompt:

Build a modern SaaS landing page and functional web app demo for a product called Amplifind.

The Concept: Amplifind is an employee advocacy platform that turns an entire company into a coordinated LinkedIn content army. It ingests company updates from Slack/Notion, uses AI to generate personalized LinkedIn post drafts for each employee, and gamifies engagement with leaderboards and prize pools.

Tech Stack: React, Tailwind CSS, React Router DOM, Framer Motion (for animations), and Lucide React (for icons).

Design System:

• Use a clean, modern SaaS aesthetic.
• Primary color: Indigo (indigo-600). Neutrals: Slate (slate-50 to slate-900).
• Use rounded corners (rounded-2xl, rounded-xl), subtle borders (border-slate-200), and soft shadows.
• Include smooth entrance animations for page elements using Framer Motion.
• Populate the entire app with realistic dummy data so it looks fully functional without needing a backend or authentication.

Required Pages & Features:

1. Landing Page (/)

• Navigation: Logo, "Login", and "Enter Demo" button.
• Hero Section: A bold headline ("Turn your team into a LinkedIn army"), subheadline explaining the value prop, and CTA buttons. On the right side, include a simulated, floating UI card showing a realistic preview of the app (e.g., a post draft for a Product Manager with an "Approve & Post" button and floating engagement metrics).
• How it Works: A 3-column grid explaining the workflow: 1. Connect Sources (Slack/Notion), 2. AI Personalization, 3. Gamified Engagement.

2. App Shell (/app)

• Create a dashboard layout with a left sidebar and a main content area.
• Sidebar: Navigation links for Home, Campaigns, Leaderboard, and Settings. Include a user profile snippet at the bottom with an "Exit Demo" button.
• Header: Page title on the left, and a badge showing the user's current gamified rank (e.g., "Rank: #4") on the right.

3. Home / Employee Dashboard (/app)