From md to html

app.py

@@ -110,24 +110,27 @@ def ui_main():
                 margin-bottom: 10px;
                 margin-left: 5px;
                 margin-right: 5px;
+                text-align: center;
             }
         """,
         theme="ParityError/Interstellar",
     ) as demo:
-        gr.Markdown(
+        gr.HTML(
             """
-            ![Header Image](assets/logo_header.png)
-            <h1>SynthGenAI Dataset Generator</h1>
+            <div style="text-align: center;">
+                <img src="assets/logo_header.png" alt="Header Image" />
+                <h1>SynthGenAI Dataset Generator</h1>
 
-            ## Overview 🧐
-            SynthGenAI is designed to be modular and can be easily extended to include different API providers for LLMs and new features.
+                <h2>Overview 🧐</h2>
+                <p>SynthGenAI is designed to be modular and can be easily extended to include different API providers for LLMs and new features.</p>
 
-            ## Why SynthGenAI? 🤔
-            Interest in synthetic data generation has surged recently, driven by the growing recognition of data as a critical asset in AI development. Synthetic data generation addresses challenges by allowing us to create diverse and useful datasets using current pre-trained Large Language Models (LLMs).
+                <h2>Why SynthGenAI? 🤔</h2>
+                <p>Interest in synthetic data generation has surged recently, driven by the growing recognition of data as a critical asset in AI development. Synthetic data generation addresses challenges by allowing us to create diverse and useful datasets using current pre-trained Large Language Models (LLMs).</p>
 
-            [GitHub Repository](https://github.com/Shekswess/synthgenai/tree/main) | [Documentation](https://shekswess.github.io/synthgenai/)
+                <a href="https://github.com/Shekswess/synthgenai/tree/main">GitHub Repository</a> | <a href="https://shekswess.github.io/synthgenai/">Documentation</a>
 
-            For more information on which LLMs are allowed and how they can be used, please refer to the [documentation](https://shekswess.github.io/synthgenai/llm_providers/).
+                <p>For more information on which LLMs are allowed and how they can be used, please refer to the <a href="https://shekswess.github.io/synthgenai/llm_providers/">documentation</a>.</p>
+            </div>
             """
         )