
      <h2>Understanding Office Dress Codes</h2>
      <p>Navigating workplace dress codes can be challenging. This comprehensive guide breaks down different dress code categories and helps you dress appropriately for any professional setting.</p>

      <h2>Types of Office Dress Codes</h2>
      <div class="my-8 p-6 bg-gray-50 rounded-lg shadow-sm">
        <ul class="space-y-2">
          <li>Business Formal - Traditional corporate attire</li>
          <li>Business Professional - Polished and conservative</li>
          <li>Business Casual - Professional yet relaxed</li>
          <li>Smart Casual - Blend of casual and business elements</li>
          <li>Casual Friday - Appropriate relaxed attire</li>
        </ul>
      </div>

      <h2>Essential Pieces for Each Dress Code</h2>
      <p>Key wardrobe items for different office environments:</p>
      <ul class="my-4 space-y-2">
        <li>Tailored suits in neutral colors</li>
        <li>Dress shirts and blouses</li>
        <li>Professional footwear</li>
        <li>Conservative accessories</li>
      </ul>

      <h2>Common Workplace Attire Mistakes</h2>
      <div class="my-8 p-6 bg-red-50 rounded-lg shadow-sm">
        <ul class="space-y-2 text-red-700">
          <li>Overly casual clothing</li>
          <li>Inappropriate hemlines or necklines</li>
          <li>Distracting accessories</li>
          <li>Unkempt or wrinkled clothing</li>
        </ul>
      </div>

      <div class="mt-12 bg-indigo-50 p-6 rounded-lg shadow-sm">
        <h3 class="text-xl font-semibold text-indigo-900 mb-4">Try Our AI Virtual Try-On</h3>
        <p class="text-indigo-700 mb-4">Want to ensure your office outfits are appropriate? Use our AI virtual try-on feature!</p>
        <a href="/#ai-fashion" class="inline-block bg-indigo-600 text-white px-6 py-3 rounded-lg hover:bg-indigo-700 transition-colors">Try Now →</a>
      </div>
    