src/terms_of_use.py

import streamlit as st

def main():
    # Updated CSS for Terms of Use page
    st.markdown("""
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

        * {
            font-family: 'Poppins', sans-serif !important;
            box-sizing: border-box;
        }

        .stApp {
            background: #ffffff;
            min-height: 100vh;
            color: #1f2a44;
            margin: 0 !important;
            padding: 0 !important;
        }

        #MainMenu {visibility: hidden;}
        footer {visibility: hidden;}
        .stDeployButton {display: none;}
        header {visibility: hidden;}
        .stApp > header {visibility: hidden;}

        /* Main Container */
        .main-container {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
            padding: 1rem 2rem;
        }

        /* Header Section */
        .header-section {
            text-align: center;
            margin-bottom: 2.5rem;
            padding: 1.5rem 0;
        }

        .header-title {
            font-size: 2.25rem;
            font-weight: 700;
            color: #1f2a44;
            margin: 0;
        }

        .header-subtitle {
            font-size: 1rem;
            color: #6b7280;
            font-weight: 400;
            max-width: 600px;
            margin: 0.5rem auto 0;
        }

        /* Section Styling */
        .section {
            margin-bottom: 2.5rem;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding: 0 1rem;
        }

        .section-title {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1f2a44;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .section-text {
            font-size: 0.95rem;
            color: #6b7280;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
        }

        /* Footer */
        .footer {
            border-top: 1px solid #e5e7eb;
            padding: 1.5rem 0;
            text-align: center;
            max-width: 1200px;
            margin: 2rem auto 0;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .main-container {
                padding: 1rem;
            }
            .section {
                padding: 0 0.5rem;
            }
        }

        @media (max-width: 768px) {
            .header-title {
                font-size: 1.75rem;
            }
            .header-subtitle {
                font-size: 0.9rem;
            }
            .section-title {
                font-size: 1.25rem;
            }
            .section-text {
                font-size: 0.9rem;
            }
        }

        @media (max-width: 480px) {
            .header-title {
                font-size: 1.5rem;
            }
            .header-subtitle {
                font-size: 0.85rem;
            }
            .section-title {
                font-size: 1.1rem;
            }
            .section-text {
                font-size: 0.85rem;
            }
        }
    </style>
    """, unsafe_allow_html=True)

    # Main Container
    st.markdown('<div class="main-container">', unsafe_allow_html=True)

    # Header Section
    st.markdown("""
    <div class="header-section">
        <h1 class="header-title">📋 TruthCheck - Advanced Fake News Detector</h1>
        <p class="header-subtitle">Terms governing the use of our services</p>
    </div>
    """, unsafe_allow_html=True)

    # Terms of Use Content
    st.markdown("""
    <div class="section">
        <h2 class="section-title">📜 Terms of Use</h2>
        <p class="section-text">
            Welcome to TruthCheck. These Terms of Use govern your access to and use of our platform and services. By using TruthCheck, you agree to comply with these terms. If you do not agree, please refrain from using our services.
        </p>
    </div>
    <div class="section">
        <h3 class="section-title">🚀 Use of Services</h3>
        <p class="section-text">
            TruthCheck provides tools for analyzing news articles for authenticity. You may use our services for lawful purposes only. You agree not to misuse the platform, including submitting malicious content or attempting to disrupt our services.
        </p>
    </div>
    <div class="section">
        <h3 class="section-title">🛡️ User Responsibilities</h3>
        <p class="section-text">
            You are responsible for the accuracy of the information you submit, such as news articles or contact details. You must not upload content that violates intellectual property rights, is defamatory, or is otherwise unlawful.
        </p>
    </div>
    <div class="section">
        <h3 class="section-title">🔐 Intellectual Property</h3>
        <p class="section-text">
            All content, features, and functionality on TruthCheck, including our algorithms and design, are owned by TruthCheck or its licensors. You may not copy, modify, or distribute our content without prior written consent.
        </p>
    </div>
    <div class="section">
        <h3 class="section-title">⚖️ Limitation of Liability</h3>
        <p class="section-text">
            TruthCheck provides services on an "as-is" basis. We do not guarantee the accuracy of our analysis and are not liable for any damages resulting from your use of our platform. Use our services at your own risk.
        </p>
    </div>
    <div class="section">
        <h3 class="section-title">🔄 Changes to Terms</h3>
        <p class="section-text">
            We may update these Terms of Use from time to time. Changes will be posted on this page, and continued use of our services after updates constitutes acceptance of the new terms.
        </p>
    </div>
    <div class="section">
        <h3 class="section-title">📩 Contact Us</h3>
        <p class="section-text">
            If you have questions about these Terms of Use, please contact us at <a href="mailto:[email protected]">[email protected]</a> or <a href="mailto:[email protected]">[email protected]</a>.
        </p>
    </div>
    """, unsafe_allow_html=True)

    # Footer
    st.markdown("---")
    st.markdown(
        '<p style="text-align: center; font-weight: 600; font-size: 16px;">💻 Developed with ❤️ using Streamlit | © 2025</p>',
        unsafe_allow_html=True
    )

    st.markdown('</div>', unsafe_allow_html=True)  # Close main-container

if __name__ == "__main__":
    main()