pages/introduction_page.py

import streamlit as st
from streamlit_lottie import st_lottie
import requests

# Function to load Lottie animations
def load_lottie_url(url: str):
    r = requests.get(url)
    if r.status_code == 200:
        return r.json()
    else:
        return None

# Function to display the content of each page
def show_content(topic):
    if topic == "Introduction":
        st.title("Understanding Data Science and Artificial Intelligence 🌟")
        st.subheader("Overview of AI and Data Science")
        st.write("""
        Artificial Intelligence (AI) and Data Science have become buzzwords in today's tech-driven world.
        But what do they really mean, and why are they so significant? Let’s explore these fascinating concepts step by step!
        """)
        
        # Load the Lottie animation
        lottie_url = "https://assets4.lottiefiles.com/packages/lf20_tcbkqj.json"
        animation_data = load_lottie_url(lottie_url)
        if animation_data:
            st_lottie(animation_data, speed=1, width=600, height=400)
        else:
            st.write("Unable to load animation.")
        
    elif topic == "Understanding Intelligence":
        st.title("Understanding Intelligence")
        st.subheader("What is Natural Intelligence? 🐾")
        st.write("""
        **Definition**: NI refers to the intelligence naturally present in living beings.
        **Examples**:
        - A dog learning a trick. 🐕
        - Humans solving puzzles or making everyday decisions. 🧠
        """)
        st.subheader("What is Artificial Intelligence? 🤖")
        st.write("""
        **Definition**: Artificial intelligence (AI) is man-made intelligence where machines mimic human intelligence to perform tasks.
        **Real-Life Examples**:
        - Netflix recommending shows you’d love. 🎬
        - Google Maps finding the fastest route. 🗺️
        - Alexa answering your questions. 🎙️
        """)

    elif topic == "AI Tools: ML, DL, and Gen-AI":
        st.title("AI Tools: ML, DL, and Gen-AI")
        st.subheader("Machine Learning (ML) 🖥️")
        st.write("""
        - **What It Does**: ML enables machines to learn from patterns in data and make decisions.
        - **How It Works**: Similar to teaching a toddler to recognize fruits, ML algorithms process large datasets to "learn" and predict outcomes.
        - **Real-Life Applications**: Spam email detection 📧, Predicting stock prices 📈.
        """)
        st.subheader("Deep Learning (DL) 🤿")
        st.write("""
        - **What It Does**: DL uses neural networks to process and analyze complex data.
        - **How It Works**: DL processes data in layers, enabling machines to perform sophisticated tasks like facial recognition and medical imaging.
        - **Real-Life Applications**: Self-driving cars 🚗, Virtual assistants like Siri and Alexa. 🎙️
        """)
        st.subheader("Generative AI (Gen-AI) 🎨")
        st.write("""
        - **What It Does**: Gen-AI enables machines to generate new content like text, images, and music.
        - **How It Works**: By learning patterns from data, Gen-AI creates outputs that feel original and human-like.
        - **Real-Life Applications**: ChatGPT (text generation), DALL·E (image creation).
        """)

    elif topic == "Real-Life Analogies and Examples":
        st.title("Real-Life Analogies and Examples")
        st.subheader("Analogy: Tools Are Like Pens and Pencils")
        st.write("""
        - ML: Learns patterns (like sketching with a pencil).
        - DL: Adds depth and detail (like using a pen).
        - Gen-AI: Creates entirely new outputs (like turning sketches into colorful artwork).
        """)
        st.subheader("Learning vs. Generating: The Art Example 👩‍🎨")
        st.write("""
        Think of a child learning to draw:
        - First, they learn the basics of drawing.
        - Then they generate their own unique artwork.
        
        AI follows the same process:
        - Learning: ML and DL handle this part.
        - Generating: Gen-AI takes over to create new outputs.
        """)

    elif topic == "What is Data Science?":
        st.title("What is Data Science? 📊")
        st.write("""
        Data Science is the art of extracting meaningful insights from raw data. It combines AI with statistics, computer science, and domain expertise to solve real-world problems.
        **Key Components of Data Science**:
        - **Data Collection**: Gathering information from various sources.
        - **Data Analysis**: Using tools to find patterns and trends.
        - **Data Visualization**: Presenting findings through charts and graphs.
        """)

    elif topic == "The Role of a Data Scientist":
        st.title("The Role of a Data Scientist")
        st.write("""
        A Data Scientist plays a crucial role in:
        - Building predictive models.
        - Analyzing customer behavior.
        - Designing solutions for business challenges.
        
        **Tools Used**: Python, R, SQL, Tableau, etc.
        """)

    elif topic == "Why AI and Data Science Matter":
        st.title("Why AI and Data Science Matter")
        st.write("""
        AI and Data Science are transforming industries by:
        - Automating tasks.
        - Enhancing decision-making.
        - Unlocking creative possibilities.

        **Fun Fact**: By 2030, AI is expected to add $15.7 trillion to the global economy. 🚀
        """)

    elif topic == "Did You Know?":
        st.title("Did You Know?")
        st.write("""
        **AI is already being used to**:
        - Detect diseases in medical imaging.
        - Automate farming for higher crop yields.
        - Generate movie scripts and music albums.
        """)

# Set up sidebar navigation
topics = [
    "Introduction",
    "Understanding Intelligence",
    "AI Tools: ML, DL, and Gen-AI",
    "Real-Life Analogies and Examples",
    "What is Data Science?",
    "The Role of a Data Scientist",
    "Why AI and Data Science Matter",
    "Did You Know?"
]

st.sidebar.title("Topics")
selection = st.sidebar.radio("Go to", topics)

# Initialize session state with the first topic as the default
if "page" not in st.session_state:
    st.session_state.page = topics[0]

# Update session state automatically when sidebar selection changes
st.session_state.page = selection

# Display the selected content
show_content(st.session_state.page)