# app.py

import gradio as gr

# Import style + tabs
from tab.style import custom_css
from tab.tab1to3_unified import get_tab1to3_unified
from tab.tab5_randomness_visualizer import get_tab5_randomness
from tab.tab6_noise_simulation import get_tab6_noise_simulation

# Build UI
with gr.Blocks(css=custom_css) as demo:

    # 🔐 Welcome Header & Note
    gr.Markdown(
        """
        <div style="background-color:#2a2a2a; padding: 15px; border-radius: 10px; border: 1px solid #444; text-align: center; font-size: 14px; color: #ddd;">
        ⚠️ <strong>Disclaimer:</strong> For demonstration & research use only. Not intended for production deployments.
        </div>
        """,
        elem_classes="centered-text"
    )
    gr.Markdown(
        """
        <div style="text-align: center">
            <h1 style="font-size: 20px; font-weight: bold; color:#a3c14a;">🛡️ QuantumCrypt: Quantum-Powered Cybersecurity Suite</h1>
        </div>
        """
    )
    gr.Markdown("""
        <div style="display: flex; justify-content: center;">
            <div style="text-align: center; display: inline-block;">
                <h3 style="font-size: 20px; line-height: 1.8; margin-top: 10px; color: #f0f0f0;">
                    Secure your communication with the next generation of cryptography.<br>
                    Generate quantum-safe keys, protect your messages with advanced encryption,<br>
                    and decode them seamlessly — all in one intuitive space.<br><br>
                    <em style="font-size: 18px; color: #ffa500;">Where quantum principles meet real-world security.</em>
                </h3>
            </div>
        </div>
        """)
    # 🧩 Tabs
    get_tab1to3_unified()
    get_tab5_randomness()

    # Footer
    gr.Markdown("Made by Ravi⚡️", elem_classes="centered-text")


# 🚀 Launch the app
if __name__ == "__main__":
    demo.launch(share=True)