Update src/privacy_policy.py

src/privacy_policy.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;">Privacy Policy</h1>
-                <p style="font-size: 1.2rem; color: #666666;">
-                    Learn how we protect your data and privacy while using TrueCheck.
-                </p>
-            </div>
-            <div style="flex: 1;">
-                <img src="https://img.freepik.com/free-vector/privacy-policy-concept-illustration_114360-103.jpg" style="width: 100%; border-radius: 12px;" alt="Privacy Policy">
-            </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("### Privacy Policy")
+    # Privacy Policy Content
     st.markdown("""
-    <div style="background-color: #F4F7FA; padding: 1rem; border-radius: 8px;">
-        <h3 style="color: #333333;">1. Data Collection</h3>
-        <p style="color: #666666;">
-            We collect news articles you submit for analysis. No personal data is stored unless explicitly provided.
-        </p>
-        
-        <h3 style="color: #333333;">2. Data Usage</h3>
-        <p style="color: #666666;">
-            Submitted articles are used solely for fake news detection and are not shared with third parties.
-        </p>
-        
-        <h3 style="color: #333333;">3. Data Security</h3>
-        <p style="color: #666666;">
-            We implement reasonable security measures to protect your data, but no system is completely secure.
-        </p>
-        
-        <h3 style="color: #333333;">4. Cookies</h3>
-        <p style="color: #666666;">
-            TrueCheck does not use cookies or tracking technologies.
-        </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)