banner.html

<div style="
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    background: linear-gradient(45deg, #1a1a1a 0%, #333333 100%);
      padding: 24px;
      gap: 24px;
      border-radius: 8px;
    ">
  <div style="display: flex; gap: 8px;">
    <h1 style="
  font-size: 48px;
  color: #fafafa;
  margin: 0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
    'Lucida Sans', Arial, sans-serif;
">
      FASHN Human Parser
    </h1>
  </div>

  <p style="
          margin: 0;
          line-height: 1.6rem;
          font-size: 16px;
          color: #fafafa;
          opacity: 0.8;
        ">
    A SegFormer-B4 model fine-tuned for human parsing with 18 semantic classes, optimized for fashion and virtual try-on applications.<br />
    Segment body parts, clothing items, and accessories in human images.
  </p>

  <div style="
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 4px;
        flex-wrap: wrap;
      ">
    <a href="https://fashn.ai" target="_blank" rel="noopener"><img src="https://custom-icon-badges.demolab.com/badge/FASHN_AI-333333?style=for-the-badge&logo=fashn" alt="FASHN AI" /></a>
    <a href="https://github.com/fashn-AI/fashn-human-parser" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white" alt="Github" /></a>
    <a href="https://pypi.org/project/fashn-human-parser/" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/PyPI-3775A9?style=for-the-badge&logo=pypi&logoColor=white" alt="PyPI" /></a>
    <a href="https://www.linkedin.com/company/fashn" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn" /></a>
    <a href="https://x.com/fashn_ai" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/X-%23000000.svg?style=for-the-badge&logo=X&logoColor=white" alt="X" /></a>
    <a href="https://www.youtube.com/@fashn_ai" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/YouTube-%23FF0000.svg?style=for-the-badge&logo=YouTube&logoColor=white" alt="YouTube" /></a>
    <a href="https://www.tiktok.com/@fashnai" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/TikTok-%23000000.svg?style=for-the-badge&logo=TikTok&logoColor=white" alt="TikTok" /></a>
    <a href="https://www.instagram.com/fashn.ai/" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white" alt="Instagram" /></a>
    <a href="https://discord.gg/MCs39Gf4yn" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/Discord-%235865F2.svg?style=for-the-badge&logo=discord&logoColor=white" alt="Discord" /></a>
  </div>
</div>