# Convert Hero Section Screenshots to Tailwind

**Use case:** 

Transform a hero section design image into HTML with Tailwind so you launch a polished top of page section fast.

## Input

```json
{
  "imageUrls": [
    "https://upload.wikimedia.org/wikipedia/commons/3/3f/Website_hero_section.png"
  ],
  "framework": "html-tailwind"
}
```

## Output

```json
{
  "imageUrl": {
    "label": "Screenshot",
    "format": "link"
  },
  "framework": {
    "label": "Framework",
    "format": "text"
  },
  "code": {
    "label": "Code",
    "format": "text"
  },
  "notes": {
    "label": "Notes",
    "format": "text"
  },
  "observedAt": {
    "label": "Generated at",
    "format": "text"
  },
  "error": {
    "label": "Error",
    "format": "text"
  }
}
```

## About this Actor

This example demonstrates how to use [Tool: Screenshot to HTML/Code](https://apify.com/scrapers_lat/screenshot-to-code-tool) with a specific input configuration. Visit the [Actor detail page](https://apify.com/scrapers_lat/screenshot-to-code-tool) to learn more, explore other use cases, and run it yourself.