import streamlit as st
import css_styles  # Importing the custom CSS

def show_landing_page():
    st.markdown(css_styles.global_css, unsafe_allow_html=True)  # Apply custom styling

    # Hero Section
    st.markdown(
        """
        <div class="hero">
            <h1>EcoLytics</h1>
            <p class="subtitle">Intelligent Hydrogen Economics Platform powered by AI.</p>
            <a href="#" class="cta-button">Explore Features</a>
        </div>
        """, unsafe_allow_html=True
    )

    # Features Section
    st.markdown("## 🔥 Intelligent Analysis Features")
    col1, col2, col3 = st.columns(3)
    with col1:
        st.markdown("### 📊 Predictive Cost Modeling")
        st.markdown("ML algorithms forecast CAPEX/OPEX with 94% accuracy.")
    with col2:
        st.markdown("### ⚡ Configuration Optimizer")
        st.markdown("Suggests optimal electrolyzer setup with AI.")
    with col3:
        st.markdown("### 🌍 Policy Impact Simulator")
        st.markdown("Evaluates regulations & investment decisions.")

    # Call-To-Action
    st.markdown("""
        <div class="cta-section">
            <h2>Ready to Optimize Hydrogen Production?</h2>
            <p>Join the hydrogen revolution today.</p>
            <a href="#" class="cta-button">Get Started</a>
        </div>
    """, unsafe_allow_html=True)