import streamlit as st

def main():
    st.markdown("""
    <div class="hero-section">
        <div style="display: flex; align-items: center; gap: 2rem;">
            <div style="flex: 1;">
                <h1 style="font-size: 2.5rem; color: #333333;">Terms of Use</h1>
                <p style="font-size: 1.2rem; color: #666666;">
                    Guidelines for using the TrueCheck platform responsibly.
                </p>
            </div>
            <div style="flex: 1;">
                <img src="https://img.freepik.com/free-vector/terms-conditions-concept-illustration_114360-1353.jpg" style="width: 100%; border-radius: 12px;" alt="Terms of Use">
            </div>
        </div>
    </div>
    """, unsafe_allow_html=True)

    st.markdown("### Terms of Use")
    st.markdown("""
    <div style="background-color: #F4F7FA; padding: 1rem; border-radius: 8px;">
        <h3 style="color: #333333;">1. Acceptance of Terms</h3>
        <p style="color: #666666;">
            By accessing TrueCheck, you agree to be bound by these Terms of Use. If you do not agree, please do not use the platform.
        </p>
        
        <h3 style="color: #333333;">2. Use of Service</h3>
        <p style="color: #666666;">
            TrueCheck is provided for personal, non-commercial use to analyze news articles. You may not use the service for illegal purposes.
        </p>
        
        <h3 style="color: #333333;">3. Limitation of Liability</h3>
        <p style="color: #666666;">
            TrueCheck is provided "as is" without warranties. We are not liable for any damages arising from the use of this service.
        </p>
        
        <h3 style="color: #333333;">4. Changes to Terms</h3>
        <p style="color: #666666;">
            We may update these terms periodically. Continued use of the platform constitutes acceptance of the updated terms.
        </p>
    </div>
    """, unsafe_allow_html=True)

if __name__ == "__main__":
    main()