# landing-hero

> Creates premium hero section with gradient "ObsidianList" text and cyberpunk background.

- Author: Development Team
- Repository: samnababar/todo-phase-3
- Version: 20260206123506
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/samnababar/todo-phase-3
- Web: https://mule.run/skillshub/@@samnababar/todo-phase-3~landing-hero:20260206123506

---

---
name: landing-hero
description: Creates premium hero section with gradient "ObsidianList" text and cyberpunk background.
---

# Landing Hero Skill

## Purpose
Build captivating hero section that immediately conveys premium dark productivity vibe.

## Process
1. Full-width section with background image (cyberpunk dark city/nebula)
2. Overlay dark tint (#000000/70)
3. Centered content:
   - "ObsidianList" in large gradient violet text
   - Subtitle: "Your Second Brain in the Dark"
   - CTA button: "Start Free" (violet glow)
4. Subtle animation on load

## Examples
h1 class="text-6xl font-bold bg-gradient-to-r from-[#8B5CF6] to-[#A78BFA] bg-clip-text text-transparent"

## Guidelines
- Use obsidian-theme-skill
- Responsive text scaling
- Image credit if needed