Lovable Prompt Creator - AI Prompt Generator

Build a complete online course platform called "Academia Creativa" — a design school 
selling courses in graphic design, branding, illustration, and motion graphics. 
Courses range from 97€ to 497€.

DESIGN SYSTEM:
- Background: #0D0D0F (near-black)
- Card surfaces: #1A1A1F
- Primary accent: #E8357A (magenta/pink) — use for CTAs, active states, 
  highlights, progress bars
- Secondary accent: #7B5CF6 (violet) — use for tags, banners, secondary elements
- Text primary: #FFFFFF
- Text secondary: #8B8A96
- Border/divider: #2A2A35
- Success: #22C55E
- Font: Inter for all text. Bold display headings.
- Border radius: 8px cards, 6px buttons
- No light backgrounds anywhere. Everything is dark-mode only.
- CTA buttons: filled #E8357A with white text, rounded, with arrow icon →

BUILD THESE 4 SCREENS:

---

SCREEN 1: Landing page (public, not logged in)
URL: /

Sticky navbar: logo "AcademiaCreativa" (Academia white, Creativa in #E8357A), 
nav links: Cursos / Sobre nosotros / Recursos / Certificados / Blog, 
ghost button "Crear cuenta", filled button "Entrar" in #E8357A.

Hero section (full viewport height, dark background):
- Left column: breadcrumb "DISEÑO · BRANDING · ILUSTRACIÓN · MOTION", 
  H1 "Aprende diseño" + second line "de [verdad]" where "verdad" is in a rounded 
  pill background #E8357A italic, body text "Cursos creados por profesionales que 
  trabajan en la industria. Con estructura, proyectos y certificado incluido.", 
  primary CTA button "Empieza hoy. Sin excusas. →", ghost link "▶ Ver cómo funciona"
- Right column: 3D abstract render or colorful gradient shape (purple/pink/orange 
  sphere or geometric form). Use a gradient placeholder if no image.

Trust bar (below hero, subtle separator): 4 items with icons:
"Certificado al finalizar" / "Progreso guardado" / "Acceso Inmediato" / "+2.400 alumnos"

Course catalog section:
Title "Todos los cursos" + badge "10 cursos". 
Category filter pills: Todos / Branding / Ilustración / Motion / Diseño / Tipografía.
Active pill: #E8357A background. Inactive: #1A1A1F border.
Course grid: 4 columns, responsive. 

Each course card:
- Thumbnail with vivid gradient overlay (each card a different color: 
  pink, green, orange, blue, purple, teal — dark gradient thumbnails with 
  3D object or abstract shape placeholder)
- Category tag pill overlaid on thumbnail (top-left): color matches accent
- Card body: course title (bold white), instructor "Laura Martínez", 
  star rating (★ 4.8) + review count
- Card footer: price in bold white + "Ver curso →" link

Show 12 course cards with varied titles:
"Identidad de marca desde cero", "Ilustración digital profesional", 
"Motion graphics con After Effects", "Diseño editorial y tipografía",
"Color y psicología de marca", "Animación 3D para diseñadores",
"Ilustración para redes sociales", "Sistemas de diseño en Figma",
"Estrategia de marca para freelancers", "Tipografía aplicada y display",
"Retoque y composición digital", "Diseño de packaging profesional"
Prices: alternate between 97€, 127€, 197€, 247€, 287€, 407€

Testimonials section:
Title "Lo que dicen nuestros alumnos" + subtitle "Más de 2.400 alumnos transformaron su carrera"
3 testimonials in cards. Large quote mark in accent color. 
Short testimonial text. Avatar circle + name + role.

Bottom CTA banner: violet/magenta gradient background (#7B5CF6 to #E8357A), 
centered text "Empieza hoy. Sin excusas.", 3 trust pills: 
"Pago único" / "Acceso inmediato" / "Certificado incluido", 
white button "Empieza ahora →"

---

SCREEN 2: Course detail page (public)
URL: /cursos/[slug]

Breadcrumb: ← Volver a cursos
Two-column layout:
Left (60%): Course title (large, bold), instructor info, star rating + reviews, 
short description paragraph, "Lo que vas a aprender" section with 6 bullet points 
with checkmark icons, "Contenido del curso" accordion with 4 modules 
(each expandable, showing lesson count and duration).

Right (40%): Sticky card — course thumbnail, price (large bold), 
primary CTA "Comprar ahora →", 3 trust items: "Acceso inmediato", 
"Certificado incluido", "Pago único sin suscripción".

---

SCREEN 3: Student dashboard (logged in)
URL: /dashboard

Navbar: same as landing but replace auth buttons with avatar circle + "Hola, María"

Left sidebar (240px): nav items with icons:
- Mis cursos (active)
- Explorar cursos
- Certificados
- Mi perfil
Active item: #E8357A left border + light background.

Main content:
Header: "Mis cursos" title
In-progress section: 2 course cards with progress bar in #E8357A showing % complete.
Completed section: 2 course cards with green checkmark badge overlay 
and "Ver certificado" link.

Each enrolled card: thumbnail, title, progress bar, last accessed date, 
"Continuar →" or "Ver certificado →" CTA.

---

SCREEN 4: Admin dashboard
URL: /admin

Full-width layout, no sidebar (or collapsible sidebar).

Top stats row: 4 stat cards:
"Alumnos totales" 2,847 (+12% este mes) / 
"Facturación del mes" 18,420€ (+8%) / 
"Cursos activos" 12 / 
"Completados este mes" 156

Tabs: Alumnos / Cursos / Pagos / Certificados

Default tab "Alumnos" shows a data table:
Columns: Avatar+Nombre / Email / Cursos comprados / Fecha de registro / Estado / Acciones
Show 8 rows of realistic data. Estado pill: "Activo" (green) or "Inactivo" (gray).
Action buttons: "Ver" and "Gestionar" per row.

---

IMPORTANT TECHNICAL NOTES:
- Use React with TypeScript
- Use Tailwind CSS for all styling
- No backend/database needed for this prototype — use hardcoded mock data
- All navigation links can be placeholder (#) except between these 4 screens
- Make it fully responsive (mobile-friendly)
- The overall feel should be: premium, dark, modern — like a serious creative school, 
  not a generic SaaS template