
      <h2>Understanding Body Types</h2>
      <p>Learn how to identify your body type and choose clothing that enhances your natural features.</p>

      <h2>Different Body Types</h2>
      <div class="my-8 p-6 bg-gray-50 rounded-lg shadow-sm">
        <ul class="space-y-2">
          <li>Hourglass - Balanced proportions</li>
          <li>Pear - Fuller bottom half</li>
          <li>Apple - Fuller middle section</li>
          <li>Rectangle - Straight up and down</li>
          <li>Inverted Triangle - Broader shoulders</li>
        </ul>
      </div>

      <h2>Styling Tips for Each Body Type</h2>
      <p>Key principles for flattering different body shapes:</p>
      <ul>
        <li>Creating balance and proportion</li>
        <li>Emphasizing your best features</li>
        <li>Choosing the right cuts and silhouettes</li>
        <li>Strategic use of patterns and colors</li>
      </ul>

      <h2>Common Styling Mistakes</h2>
      <div class="my-8 p-6 bg-red-50 rounded-lg shadow-sm">
        <ul class="space-y-2 text-red-700">
          <li>Ignoring your body type when shopping</li>
          <li>Following trends that don't suit you</li>
          <li>Wearing ill-fitting clothes</li>
          <li>Not considering proportions</li>
        </ul>
      </div>

      <div class="mt-12 bg-indigo-50 p-6 rounded-lg">
        <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">See how different styles look on your body type with our AI technology!</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>
    