import gradio as gr

with gr.Blocks() as demo:
    gr.Markdown(
        """
        <div style="text-align: center;">
            <img src="https://huggingface.co/spaces/ANTDPU/GenerativeAIPlayground/resolve/main/cover.jpg" style="width:100%; height:auto;"/>
            <h1>Welcome to the ANT DPU Generative AI Playground</h1>
        </div>

        Welcome to the Hugging Face Spaces of the ANT DPU Organization, the College of Creative Design and Entertainment Technology at Dhurakij Pundit University (DPU) in Bangkok, Thailand.

        This Space is a navigation hub for Generative AI enthusiasts. Explore our diverse menu of applications created by Asst. Prof. Banyapon Poolsawas, Associate Dean and Instructor of Web Engineering and Mobile Application, Interactive Design, and Game Development.

        **Our Generative AI Playground includes:**

        <h2>Our Generative AI Playground includes:</h2>

        <h2>1. <a href="https://huggingface.co/spaces/banyapon/roop" target="_blank" style="text-decoration: none; color: blue;"><b color="red">[Click] ROOP Deepfake:</b></a> Swap faces in videos using a single reference image, perfect for creating virtual influencers.</h2>
        <h2>2. <a href="https://huggingface.co/spaces/banyapon/Realistic-Image-Generator-Model" target="_blank" style="text-decoration: none; color: blue;"><b color="red">[Click] Text to Image:</b></a> Design prompts to generate images with the RealVis diffusion model.</h2>
        <h2>3. <a href="https://huggingface.co/spaces/banyapon/Pana360gen" target="_blank" style="text-decoration: none; color: blue;"><b color="red">[Click] Text to 360 Panorama Image:</b></a> Create immersive 360 VR experiences with Generative AI, as showcased at MHESI Fair 2024's "AI for VR 101" topic.</h2>
        <h2>4. <a href="https://huggingface.co/spaces/banyapon/InpaintCloth" target="_blank" style="text-decoration: none; color: blue;"><b color="red">[Click] Cloth Segmentation and Inpainting:</b></a> Extract clothing from images and design new outfits using text prompts.</h2>

        """
    )
demo.launch()