Changes for image and explanation

app.py

@@ -148,12 +148,24 @@ def ui_main():
         gr.Markdown(
             """
             <div style="text-align: center;">
-                <img src="https://raw.githubusercontent.com/Shekswess/synthgenai/refs/heads/main/docs/assets/logo_header.png" alt="Header Image" style="display: block; margin-left: auto; margin-right: auto; width: 50%;"/>
+                <img src="./assets/logo_header.png" alt="Header Image" style="display: block; margin-left: auto; margin-right: auto; width: 50%;"/>
                 <h1>SynthGenAI Dataset Generator</h1>
             </div>
             """
         )
 
+        gr.Markdown(
+            """
+            ## Overview 🧐
+            SynthGenAI is designed to be modular and can be easily extended to include different API providers for LLMs and new features.
+
+            ## 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).
+
+            [GitHub Repository](https://github.com/Shekswess/synthgenai/tree/main) | [Documentation](https://shekswess.github.io/synthgenai/)
+            """
+        )
+
         with gr.Row():
             llm_model = gr.Textbox(
                 label="LLM Model", placeholder="model_provider/model_name"