import altair as alt
import numpy as np
import pandas as pd
import streamlit as st

import streamlit as st
from streamlit_lottie import st_lottie
import requests

# Custom CSS for Enhanced Styling
st.markdown("""
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap');

    body {
        background: linear-gradient(135deg, #1e1e2f, #2a2a3b);
        font-family: 'Poppins', sans-serif;
        color: white;
    }

    h1, h2, h3 {
        text-align: center;
        color: #00FFFF;
        text-shadow: 0px 0px 12px rgba(0, 255, 255, 1), 
                     0px 0px 20px rgba(0, 128, 255, 0.8);
    }

    .custom-subheader {
        color: #00FFFF;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 28px;
        margin-bottom: 15px;
        text-align: center;
    }

    .section {
        background: rgba(255, 255, 255, 0.1);
        padding: 20px;
        border-radius: 15px;
        margin-bottom: 30px;
        box-shadow: 0px 4px 12px rgba(0, 255, 255, 0.2);
    }

    .glow-button {
        background: linear-gradient(90deg, #00FFFF, #00CCFF);
        border: none;
        padding: 12px 25px;
        color: black;
        font-weight: bold;
        border-radius: 25px;
        box-shadow: 0px 0px 10px rgba(0, 255, 255, 0.8);
        transition: 0.3s;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        margin: 10px 5px;
    }

    .glow-button:hover {
        transform: scale(1.1);
        box-shadow: 0px 0px 20px rgba(0, 255, 255, 1);
    }

    .button-container {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    </style>
""", unsafe_allow_html=True)

# Title
st.markdown("<h1 class='custom-subheader'>🤖 AI Mentor: Your Personal Tech Learning Companion 💡</h1>", unsafe_allow_html=True)

# Load Lottie Animation
@st.cache_data
def load_lottie_url(url: str):
    response = requests.get(url)
    if response.status_code != 200:
        return None
    return response.json()

lottie_animation = load_lottie_url("https://lottie.host/6e182649-61a6-4683-8680-5493855ac08a/G0pStmcS8T.json")

if lottie_animation:
    st_lottie(lottie_animation, height=200, key="ai_mentor")
else:
    st.error("⚠️ Failed to load animation. Please check your internet connection.")

# About the App
st.markdown('<div class="section">', unsafe_allow_html=True)
st.markdown("<h2 class='custom-subheader'>🎯 About AI Mentor</h2>", unsafe_allow_html=True)
st.write("AI Mentor is your 24/7 intelligent tutor. Whether you're learning to code, analyzing data, or building models — our six expert mentors guide you through every concept and doubt, anytime.")
st.markdown('</div>', unsafe_allow_html=True)

# Meet the Mentors
st.markdown('<div class="section">', unsafe_allow_html=True)
st.markdown("<h2 class='custom-subheader'>🧠 Meet Your 6 Mentors</h2>", unsafe_allow_html=True)
st.markdown("""
- 🐍 **Python Mentor** – Syntax, logic, and real-world programming help.
- 🤖 **Machine Learning Mentor** – Concepts, algorithms, and real-life applications.
- 🧠 **Deep Learning Mentor** – CNNs, RNNs, Transformers, and neural networks.
- 📊 **Data Analytics Mentor** – Cleaning, visualizing, and interpreting data.
- 📐 **Statistics Mentor** – Distributions, hypotheses, and probability theory.
- 🛢️ **SQL & Power BI Mentor** – Master data querying and powerful dashboards.
""")
st.markdown('</div>', unsafe_allow_html=True)

# About the Creator
st.markdown('<div class="section">', unsafe_allow_html=True)
st.markdown("<h2 class='custom-subheader'>👨‍💻 About the Creator</h2>", unsafe_allow_html=True)
st.write("Hi! I'm a developer passionate about merging AI with education. I created AI Mentor to help learners break down complex topics and become confident, skilled problem-solvers.")
st.markdown('</div>', unsafe_allow_html=True)

# Contact Section
st.markdown('<div class="section">', unsafe_allow_html=True)
st.markdown("<h2 class='custom-subheader'>📞 Contact Me</h2>", unsafe_allow_html=True)

# Buttons with Links
st.markdown('<div class="button-container">', unsafe_allow_html=True)
st.markdown("""
<a href="https://www.linkedin.com/in/dommeti-thoran-raj-692769191/" target="_blank"><button class="glow-button">LinkedIn</button></a>
<a href="https://github.com/raj2216" target="_blank"><button class="glow-button">GitHub</button></a>
<a href="mailto:rajbunny2216@gmail.com"><button class="glow-button">Email</button></a>
""", unsafe_allow_html=True)
st.markdown('</div>', unsafe_allow_html=True)