refactor: streamline DataFrame column selection in app.py, update logo image for branding consistency, and enhance "About" section with additional links for improved user engagement

app.py

@@ -24,11 +24,7 @@ df["Model"] = df.apply(
 )
 df = df[
     ["Model", "Median Inference Time", "Price per Image"]
-    + [
-        col
-        for col in df.columns.tolist()
-        if col not in ["URL", "Model", "Median Inference Time", "Price per Image"]
-    ]
+    + [col for col in df.columns.tolist() if col not in ["URL", "Model", "Median Inference Time", "Price per Image"]]
 ]
 df = df.sort_values(by="GenEval", ascending=False)
 
@@ -36,7 +32,7 @@ with gr.Blocks("ParityError/Interstellar", css=custom_css) as demo:
     gr.HTML(
         """
             <div style="text-align: center;">
-                <img src="https://huggingface.co/datasets/PrunaAI/documentation-images/resolve/main/inferbench/logo1.png" style="width: 200px; height: auto; max-width: 100%; margin: 0 auto;">
+                <img src="https://huggingface.co/datasets/PrunaAI/documentation-images/resolve/main/inferbench/logo2-cropped.png" style="width: 200px; height: auto; max-width: 100%; margin: 0 auto;">
                 <h1>🏋️ InferBench 🏋️</h1>
                 <h2>A cost/quality/speed Leaderboard for Inference Providers!</h2>
             </div>
@@ -45,12 +41,8 @@ with gr.Blocks("ParityError/Interstellar", css=custom_css) as demo:
 
     with gr.Tabs():
         with gr.TabItem("FLUX.1 [dev] Leaderboard"):
-            median_inference_time_min = math.floor(
-                float(df["Median Inference Time"].min())
-            )
-            median_inference_time_max = math.ceil(
-                float(df["Median Inference Time"].max())
-            )
+            median_inference_time_min = math.floor(float(df["Median Inference Time"].min()))
+            median_inference_time_max = math.ceil(float(df["Median Inference Time"].max()))
             price_per_image_min = math.floor(float(df["Price per Image"].min()))
             price_per_image_max = math.ceil(float(df["Price per Image"].max()))
             Leaderboard(
@@ -81,7 +73,7 @@ with gr.Blocks("ParityError/Interstellar", css=custom_css) as demo:
                     gr.Markdown(
                         """
                         # 💜 About Pruna AI
-                        We are Pruna AI, an open source AI optimisation engine and we simply make your models cheaper, faster, smaller, greener!
+                        We are [Pruna AI, an open source AI optimisation engine](https://github.com/PrunaAI/pruna) and we simply make your models cheaper, faster, smaller, greener!
 
                         # 📊 About InferBench
                         InferBench is a leaderboard for inference providers, focusing on cost, quality, and speed.
@@ -97,11 +89,16 @@ with gr.Blocks("ParityError/Interstellar", css=custom_css) as demo:
                         FLUX-juiced was obtained using a combination of compilation and caching algorithms and we are proud to say that it consistently outperforms alternatives, while delivering performance on par with the original model.
                         This combination is available in our Pruna Pro package and can be applied to almost every image generation model.
 
-                        A full blogpost on the method can be found [here](https://pruna.ai/blog/flux-juiced). # TODO: Add link
+                        - A full blogpost on the methodology can be found [here](https://pruna.ai/blog/flux-juiced).
+                        - A website that compares the outputs of the different models can be found [here](https://www.notion.so/FLUX-juiced-1d270a039e5f80c6a2a3c00fc0d75ef0?pvs=4).
                         """
                     )
                 with gr.Column(scale=1):
-                    gr.Markdown("")
+                    gr.HTML(
+                        """
+                        <iframe src="https://www.notion.so/FLUX-juiced-1d270a039e5f80c6a2a3c00fc0d75ef0?pvs=4" width="100%" height="100%" frameborder="0"></iframe>
+                        """
+                    )
 
         with gr.Accordion("🌍 Join the Pruna AI community!", open=False):
             gr.HTML(
@@ -111,7 +108,7 @@ with gr.Blocks("ParityError/Interstellar", css=custom_css) as demo:
                     <a rel="nofollow" href="https://www.linkedin.com/company/93832878/admin/feed/posts/?feedType=following"><img alt="LinkedIn" src="https://img.shields.io/badge/LinkedIn-Connect-blue"></a>
                     <a rel="nofollow" href="https://discord.com/invite/rskEr4BZJx"><img alt="Discord" src="https://img.shields.io/badge/Discord-Join%20Us-blue?style=social&amp;logo=discord"></a>
                     <a rel="nofollow" href="https://www.reddit.com/r/PrunaAI/"><img alt="Reddit" src="https://img.shields.io/reddit/subreddit-subscribers/PrunaAI?style=social"></a>
-    """
+                """
             )
         with gr.Accordion("Citation", open=True):
             gr.Markdown(