Merge version_2 into main

Merge version_2 into main

src/app/layout.tsx

@@ -11,25 +11,29 @@ const raleway = Raleway({
 export const metadata: Metadata = {
   title: "Civil - Discover Local Events Effortlessly",  description: "Civil brings curated, realtime local events to your fingertips. Download on iOS and never miss a moment. Explore, RSVP, and connect with your community.",  keywords: "event discovery, local events, iOS app, RSVP, community events, event finder",  metadataBase: new URL("https://tryCivil.app"),
   alternates: {
-    canonical: "https://tryCivil.app"},
+    canonical: "https://tryCivil.app"
+  },
   openGraph: {
     title: "Civil - Discover What's Happening Around You",    description: "Civil brings curated, realtime local events to your fingertips. Download on iOS now.",    url: "https://tryCivil.app",    siteName: "Civil",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APttOxJC5nQhjbDKeuAuqNkFHV/uploaded-1772506302794-2p37ieqf.png",        alt: "Civil iOS app interface"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APttOxJC5nQhjbDKeuAuqNkFHV/uploaded-1772506302794-2p37ieqf.png",        alt: "Civil iOS app interface"
+      }
     ],
-    type: "website"},
+    type: "website"
+  },
   twitter: {
     card: "summary_large_image",    title: "Civil - Discover Local Events",    description: "Download Civil on iOS. Curated, realtime event discovery for your community.",    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APttOxJC5nQhjbDKeuAuqNkFHV/uploaded-1772506302794-2p37ieqf.png"],
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APttOxJC5nQhjbDKeuAuqNkFHV/uploaded-1772506302794-2p37ieqf.png"
+    ]
   },
   robots: {
     index: true,
-    follow: true,
+    follow: true
-  },
+  }
 };
 
 export default function RootLayout({
-  children,
+  children
 }: Readonly<{
   children: React.ReactNode;
 }>) {
@@ -1410,4 +1414,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -14,62 +14,66 @@ export default function HomePage() {
     { 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 testimonials = [
     {
       name: "Alex M.",      handle: "Urban Explorer",      testimonial: "Finally a way to discover events without algorithm fatigue. Civil is exactly what I needed.",      rating: 5,
-      imageSrc: "/placeholders/placeholder1.webp?_wi=1",      imageAlt: "Alex M. avatar"},
+      imageSrc: "/placeholders/placeholder1.webp?_wi=1",      imageAlt: "Alex M. avatar"
+    },
     {
       name: "Jordan L.",      handle: "Social Butterfly",      testimonial: "No more missing out on local happenings. The realtime alerts are game-changing.",      rating: 5,
-      imageSrc: "/placeholders/placeholder1.webp?_wi=2",      imageAlt: "Jordan L. avatar"},
+      imageSrc: "/placeholders/placeholder1.webp?_wi=2",      imageAlt: "Jordan L. avatar"
+    },
     {
       name: "Casey R.",      handle: "Community First",      testimonial: "Civil connects me with my neighborhood like never before.",      rating: 5,
-      imageSrc: "/placeholders/placeholder1.webp?_wi=3",      imageAlt: "Casey R. avatar"},
+      imageSrc: "/placeholders/placeholder1.webp?_wi=3",      imageAlt: "Casey R. avatar"
+    },
     {
       name: "Morgan T.",      handle: "Night Owl",      testimonial: "Curated events that actually match my interests. Obsessed.",      rating: 5,
-      imageSrc: "/placeholders/placeholder1.webp?_wi=4",      imageAlt: "Morgan T. avatar"},
+      imageSrc: "/placeholders/placeholder1.webp?_wi=4",      imageAlt: "Morgan T. avatar"
+    }
   ];
 
   const features = [
     {
       title: "Explore Local Events",      description: "Browse curated events happening around you with a single tap.",      bentoComponent: "reveal-icon" as const,
-      icon: MapPin,
+      icon: MapPin
     },
     {
       title: "RSVP Instantly",      description: "Confirm attendance in seconds. No friction, no complicated forms.",      bentoComponent: "reveal-icon" as const,
-      icon: CheckCircle,
+      icon: CheckCircle
     },
     {
       title: "Curated For You",      description: "Smart recommendations based on your interests and location.",      bentoComponent: "reveal-icon" as const,
-      icon: Star,
+      icon: Star
     },
     {
       title: "Realtime Alerts",      description: "Never miss a moment. Get instant notifications for events you care about.",      bentoComponent: "reveal-icon" as const,
-      icon: Bell,
+      icon: Bell
-    },
+    }
   ];
 
   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 (
@@ -104,7 +108,7 @@ export default function HomePage() {
           tagAnimation="blur-reveal"
           buttons={[
             { text: "Download on App Store", href: "https://apps.apple.com" },
-            { text: "Learn More", href: "#features" },
+            { text: "Learn More", href: "#features" }
           ]}
           buttonAnimation="blur-reveal"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APttOxJC5nQhjbDKeuAuqNkFHV/uploaded-1772506302794-2p37ieqf.png?_wi=1"
@@ -125,7 +129,7 @@ export default function HomePage() {
           tagIcon={Star}
           tagAnimation="blur-reveal"
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={true}
           features={features}
         />
@@ -142,4 +146,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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">
+      <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)" }}>
+        <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>
   );
-}
+}

src/app/terms/page.tsx

@@ -11,28 +11,28 @@ export default function TermsPage() {
     { 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 TermsPage() {
         />
       </div>
 
-      <div id="terms-content" data-section="terms-content" className="mx-auto px-4 md:px-6 py-20 max-w-3xl">
+      <div id="terms-content" data-section="terms-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)" }}>
+        <h1 className="text-5xl font-extrabold mb-8" style={{ color: "var(--foreground)", animation: "slideUp 0.8s ease-out" }}>
           Terms of Service
         </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. Agreement to Terms</h2>
             <p className="text-lg leading-relaxed">
               By accessing and using the Civil mobile application and website (collectively, the "Service"), you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.2s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">2. Use License</h2>
             <p className="text-lg leading-relaxed mb-4">
               Permission is granted to temporarily download one copy of the materials (information or software) from Civil for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:
@@ -85,49 +85,49 @@ export default function TermsPage() {
             </ul>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.3s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">3. Disclaimer</h2>
             <p className="text-lg leading-relaxed">
               The materials on Civil are provided on an 'as is' basis. Civil makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.4s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">4. Limitations</h2>
             <p className="text-lg leading-relaxed">
               In no event shall Civil or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Civil, even if Civil or a Civil authorized representative has been notified orally or in writing of the possibility of such damage.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.5s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">5. Accuracy of Materials</h2>
             <p className="text-lg leading-relaxed">
               The materials appearing on Civil could include technical, typographical, or photographic errors. Civil does not warrant that any of the materials on its website are accurate, complete, or current. Civil may make changes to the materials contained on its website at any time without notice.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.6s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">6. Links</h2>
             <p className="text-lg leading-relaxed">
               Civil has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by Civil of the site. Use of any such linked website is at the user's own risk.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.7s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">7. Modifications</h2>
             <p className="text-lg leading-relaxed">
               Civil may revise these terms of service for its website at any time without notice. By using this website, you are agreeing to be bound by the then current version of these terms of service.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.8s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">8. Governing Law</h2>
             <p className="text-lg leading-relaxed">
               These terms and conditions are governed by and construed in accordance with the laws of the jurisdiction in which Civil operates, and you irrevocably submit to the exclusive jurisdiction of the courts in that location.
             </p>
           </section>
 
-          <section>
+          <section style={{ animation: "slideUp 0.9s ease-out 0.9s both" }}>
             <h2 className="text-2xl font-extrabold mb-4">9. Contact Us</h2>
             <p className="text-lg leading-relaxed">
               If you have any questions about these Terms of Service, please contact us at hello@tryCivil.app or visit our website at tryCivil.app.
@@ -145,6 +145,27 @@ export default function TermsPage() {
           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>
   );
-}
+}