add note

app.py

@@ -211,6 +211,8 @@ with gr.Blocks(css=tryon_css) as Huhu_Turbo:
 
     generate_button.click(fn=run_turbo, inputs=[person_img, garm_img, category], outputs=[result_img, result_info], api_name=False, concurrency_limit=30)
 
+    gr.HTML(load_header("data/note.html"))
+    
     with gr.Column(elem_id = "col-examples"):
         gr.HTML("""
         <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px;">

data/header.html

@@ -12,7 +12,8 @@
     <br>
     <div style="text-align: center; font-size: 24px; max-width: 1000px; margin: 0 auto;">
         HuHu Try-on Turbo is a timestep- and guidance-distilled Rectified Flow Transformer <br>
-        that delivers high-fidelity try-on results at 1024×768 resolution in under 1 second<sup><a href="#note">*</a></sup>, without compromising visual quality.
+        that delivers high-fidelity try-on results at 1024×768 resolution in under 1 second<sup><a href="#note">*</a></sup>, <br>
+        without compromising visual quality.
     </div>
     <br>
     <div style="text-align: center; font-size: 16px; max-width: 800px; margin: 0 auto;">

data/note.html

@@ -0,0 +1,22 @@
+<div>
+  <div>
+    <br>
+    <div style="text-align: center; font-size: 30px; max-width: 800px; margin: 0 auto;">
+      Key highlights driving our model's exceptional speed and fidelity include: <br>
+      <ul>
+      <li>Parallel DiT architecture with 16-channel VAE, enabling maximum garment fidelity and fine detail retention </li>
+      <li>CFG-augmented consistency distillation, allowing generation in as few as 8 inference steps without needing CFG during inference</li>
+      <li>Enhanced dilated clothing-agnostic masking strategy, resulting in more accurate garment outlines</li>
+      <li>Trained on 1M+ proprietary garment-image pairs, spanning flatlays, model-to-model scenarios, and a wide diversity of garment types</li>
+      </ul>
+    </div>
+    <br>
+    <div style="text-align: center; font-size: 24px; max-width: 800px; margin: 0 auto;">
+      <p id="note">
+        Please note that “1 second” refers to the try-on generation’s actual processing time. In pactice, additional pre-processing is applied to the model image with computing intermediate representations, and it may add to the overall latency.<br>
+        However, these pre-processing overheads can be largely optimized with caching, and deliver a near real-time experience in applications.
+      </p>
+    </div>
+    <br>
+  </div>
+</div>