Generate a modern web app landing + dashboard UI for an app called "PySQL Labs" β a Python + SQL interactive learning platform with hands-on labs and interview-style drills. Create a polished, developer-focused, slightly playful but professional design.β
Top-level layout:
- Hero section (full-width): App name "PySQL Labs", short tagline "Hands-on Python & SQL labs with auto-grading and interview drills", primary CTA "Start Free Lab" and secondary CTA "Try Interview Mode".
- Prominent visual: split-screen mock (left: code editor with output; right: SQL results grid) or an animated device frame showing both editors.
Key UI modules on the landing page:
1. Feature grid with 4 cards:
- Interactive Python Lab (editor, run + tests)
- SQL Sandbox (seeded DB viewer, run query)
- Auto-grader & Feedback (instant scoring)
- Interview Simulator (timed mock interviews)
Each card: icon, short description, small CTA "Try sample".
2. How it works (3-step horizontal flow):
- Select a lab or problem
- Write and run code / query
- Get instant feedback & progress tracking
3. Example problems carousel (compact cards):
- Python: "Even or Odd" β filter list; "First Prime" β find first prime
- SQL: "Find employee" β select by nβ¦