From 08a764effae49d10a0ff2527f9ed551411d34903 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 04:11:23 +0000
Subject: [PATCH] Update src/app/privacy/page.tsx

---
 src/app/privacy/page.tsx | 55 +++++++++++++++++++++++++++-------------
 1 file changed, 38 insertions(+), 17 deletions(-)

diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index 8a0a8ea..0e5ece0 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -11,28 +11,28 @@ export default function PrivacyPage() {
     { name: "Features", id: "#features" },
     { name: "Privacy", id: "/privacy" },
     { name: "Terms", id: "/terms" },
-    { name: "Download", id: "https://apps.apple.com" },
+    { name: "Download", id: "https://apps.apple.com" }
   ];
 
   const footerColumns = [
     {
       title: "Product",      items: [
         { label: "Features", href: "#features" },
-        { label: "Download", href: "https://apps.apple.com" },
-      ],
+        { label: "Download", href: "https://apps.apple.com" }
+      ]
     },
     {
       title: "Company",      items: [
         { label: "About", href: "/" },
-        { label: "Contact", href: "mailto:hello@tryCivil.app" },
-      ],
+        { label: "Contact", href: "mailto:hello@tryCivil.app" }
+      ]
     },
     {
       title: "Legal",      items: [
         { label: "Privacy", href: "/privacy" },
-        { label: "Terms", href: "/terms" },
-      ],
-    },
+        { label: "Terms", href: "/terms" }
+      ]
+    }
   ];
 
   return (
@@ -57,20 +57,20 @@ export default function PrivacyPage() {
         />
       </div>
 
-      <div id="privacy-content" data-section="privacy-content" className="mx-auto px-4 md:px-6 py-20 max-w-3xl">
-        <h1 className="text-5xl font-extrabold mb-8" style={{ color: "var(--foreground)" }}>
+      <div id="privacy-content" data-section="privacy-content" className="mx-auto px-4 md:px-6 py-20 max-w-3xl" style={{ animation: "fadeIn 0.6s ease-out" }}>
+        <h1 className="text-5xl font-extrabold mb-8" style={{ color: "var(--foreground)", animation: "slideUp 0.8s ease-out" }}>
           Privacy Policy
         </h1>
         
         <div className="space-y-8" style={{ color: "var(--foreground)" }}>
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.1s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">1. Introduction</h2>
             <p className="text-lg leading-relaxed">
               Civil ("we", "us", "our", or "Company") operates the Civil mobile application (the "Service"). This page informs you of our policies regarding the collection, use, and disclosure of personal data when you use our Service and the choices you have associated with that data.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.2s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">2. Information Collection and Use</h2>
             <p className="text-lg leading-relaxed mb-4">
               Civil collects several different types of information for various purposes to provide and improve our Service to you.
@@ -85,7 +85,7 @@ export default function PrivacyPage() {
             </ul>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.3s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">3. Use of Data</h2>
             <p className="text-lg leading-relaxed mb-4">
               Civil uses the collected data for various purposes:
@@ -101,21 +101,21 @@ export default function PrivacyPage() {
             </ul>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.4s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">4. Security of Data</h2>
             <p className="text-lg leading-relaxed">
               The security of your data is important to us, but remember that no method of transmission over the Internet or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your personal data, we cannot guarantee its absolute security.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.5s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">5. Changes to This Privacy Policy</h2>
             <p className="text-lg leading-relaxed">
               We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "effective date" at the top of this Privacy Policy.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.6s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">6. Contact Us</h2>
             <p className="text-lg leading-relaxed">
               If you have any questions about this Privacy Policy, please contact us at hello@tryCivil.app or visit our website at tryCivil.app.
@@ -133,6 +133,27 @@ export default function PrivacyPage() {
           copyrightText="© 2025 Civil. Event discovery, reimagined."
         />
       </div>
+
+      <style jsx>{`
+        @keyframes fadeIn {
+          from {
+            opacity: 0;
+          }
+          to {
+            opacity: 1;
+          }
+        }
+        @keyframes slideUp {
+          from {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+      `}</style>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}