Update src/terms_of_use.py

src/terms_of_use.py

@@ -1,44 +1,126 @@
 import streamlit as st
 
 def main():
+    # Custom CSS for Privacy Policy page
     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>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
+
+        .stApp {
+            font-family: 'Poppins', sans-serif;
+            background: #f8fafc;
+            min-height: 100vh;
+            color: #1a202c;
+        }
+
+        #MainMenu {visibility: visible;}
+        footer {visibility: hidden;}
+        .stDeployButton {display: none;}
+        header {visibility: hidden;}
+        .stApp > header {visibility: hidden;}
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 1.5rem;
+        }
+
+        .header {
+            padding: 1.5rem 0;
+            text-align: center;
+        }
+
+        .header-title {
+            font-size: 2.5rem;
+            font-weight: 700;
+            color: #1a202c;
+            display: inline-flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+
+        .section {
+            margin-bottom: 2rem;
+        }
+
+        .section-title {
+            font-size: 2rem;
+            font-weight: 600;
+            color: #1a202c;
+            margin-bottom: 0.5rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+
+        .section-text {
+            font-size: 1.1rem;
+            color: #4a5568;
+            line-height: 1.5;
+            max-width: 800px;
+            margin: 0 auto;
+        }
+
+        .stSidebar {
+            background: #ffffff;
+            border-right: 1px solid #e5e7eb;
+        }
+
+        .stSidebar .sidebar-content {
+            padding: 1rem;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+
+
+    # Header
+    st.markdown("""
+    <div class="header">
+        <div class="container">
+            <h1 class="header-title">🛡️ TruthCheck</h1>
         </div>
     </div>
     """, unsafe_allow_html=True)
 
-    st.markdown("### Terms of Use")
+    # Privacy Policy Content
     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 class="container">
+        <div class="section">
+            <h2 class="section-title">🔒 Privacy Policy</h2>
+            <p class="section-text">
+                At TruthCheck, we are committed to protecting your privacy. This Privacy Policy outlines how we collect, use, and safeguard your data.
+            </p>
+        </div>
+        <div class="section">
+            <h3 class="section-title">📊 Data Collection</h3>
+            <p class="section-text">
+                We collect data you provide, such as news articles submitted for analysis and optional contact form submissions. We may also collect usage data to improve our services.
+            </p>
+        </div>
+        <div class="section">
+            <h3 class="section-title">🔐 Data Usage</h3>
+            <p class="section-text">
+                Your data is used solely to provide fake news detection services and respond to inquiries. We do not sell or share your personal information with third parties.
+            </p>
+        </div>
+        <div class="section">
+            <h3 class="section-title">🛡️ Data Security</h3>
+            <p class="section-text">
+                We implement industry-standard security measures to protect your data from unauthorized access or disclosure.
+            </p>
+        </div>
+        <div class="section">
+            <h3 class="section-title">🍪 Cookies</h3>
+            <p class="section-text">
+                TruthCheck may use cookies to enhance user experience. You can disable cookies in your browser settings, but this may affect functionality.
+            </p>
+        </div>
+        <div class="section">
+            <h3 class="section-title">📩 Contact Us</h3>
+            <p class="section-text">
+                If you have questions about our Privacy Policy, please contact us at [email protected].
+            </p>
+        </div>
     </div>
     """, unsafe_allow_html=True)