From 57522fcaac3668592aaec8dfc08f09f556416015 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 20:05:03 +0000
Subject: [PATCH] Add src/app/terms/page.tsx

---
 src/app/terms/page.tsx | 127 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 127 insertions(+)
 create mode 100644 src/app/terms/page.tsx

diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
new file mode 100644
index 0000000..e3e6e45
--- /dev/null
+++ b/src/app/terms/page.tsx
@@ -0,0 +1,127 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
+export default function TermsPage() {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  if (!isClient) {
+    return null;
+  }
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="large"
+      background="none"
+      cardStyle="glass-depth"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Map", id: "/map" },
+            { name: "History", id: "/history" },
+            { name: "Profile", id: "/profile" },
+          ]}
+          brandName="ParkSpot"
+          bottomLeftText="Terms of Service"
+          bottomRightText="support@parkspot.app"
+        />
+      </div>
+
+      <main className="min-h-screen bg-background text-foreground flex flex-col items-center justify-start p-4 pt-24">
+        <div className="w-full max-w-2xl">
+          <h1 className="text-4xl font-bold mb-2">Terms of Service</h1>
+          <p className="text-sm text-foreground/60 mb-8">Last updated: January 2025</p>
+          
+          <div className="space-y-8">
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">1. Acceptance of Terms</h2>
+              <p className="text-foreground/80 leading-relaxed">By accessing and using the ParkSpot mobile application ("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>
+              <h2 className="text-2xl font-semibold mb-3">2. Use License</h2>
+              <p className="text-foreground/80 leading-relaxed mb-3">Permission is granted to temporarily download one copy of the materials (information or software) on ParkSpot's Service 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:</p>
+              <ul className="space-y-2 text-foreground/80">
+                <li>Modifying or copying the materials</li>
+                <li>Using the materials for any commercial purpose or for any public display</li>
+                <li>Attempting to decompile or reverse engineer any software contained on the Service</li>
+                <li>Removing any copyright or other proprietary notations from the materials</li>
+                <li>Transferring the materials to another person or "mirroring" the materials on any other server</li>
+              </ul>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">3. User Accounts</h2>
+              <p className="text-foreground/80 leading-relaxed mb-3">When you create an account on our Service, you must provide information that is accurate, complete, and current at all times. You are responsible for safeguarding the password and for all activities that occur under your account.</p>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">4. Limitation of Liability</h2>
+              <p className="text-foreground/80 leading-relaxed">In no event shall ParkSpot 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 ParkSpot's Service.</p>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">5. Accuracy of Materials</h2>
+              <p className="text-foreground/80 leading-relaxed">The materials appearing on ParkSpot's Service could include technical, typographical, or photographic errors. ParkSpot does not warrant that any of the materials on the Service are accurate, complete, or current.</p>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">6. Modifications</h2>
+              <p className="text-foreground/80 leading-relaxed">ParkSpot may revise these terms of service for the Service at any time without notice. By using this Service, you are agreeing to be bound by the then current version of these terms of service.</p>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">7. Data Persistence and Storage</h2>
+              <p className="text-foreground/80 leading-relaxed mb-3">ParkSpot uses browser-based data persistence to store your parking locations, photos, notes, and arrival times. You understand and agree that:</p>
+              <ul className="space-y-2 text-foreground/80">
+                <li>Your data is stored locally on your device and synced to secure cloud servers</li>
+                <li>You are responsible for maintaining backups of your data</li>
+                <li>We implement reasonable security measures to protect your data</li>
+                <li>Data retention and deletion policies are outlined in our Privacy Policy</li>
+              </ul>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">8. Location Services</h2>
+              <p className="text-foreground/80 leading-relaxed">ParkSpot collects and uses GPS location data to provide parking tracking services. You consent to the collection and use of location data as described in our Privacy Policy.</p>
+            </section>
+
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">9. Contact Information</h2>
+              <p className="text-foreground/80 leading-relaxed">If you have any questions about these Terms of Service, please contact us at support@parkspot.app</p>
+            </section>
+          </div>
+        </div>
+      </main>
+
+      <div id="contact" data-section="contact" className="mt-12">
+        <FooterLogoReveal
+          logoText="ParkSpot"
+          leftLink={{
+            text: "Privacy Policy",            href: "/privacy"
+          }}
+          rightLink={{
+            text: "Terms of Service",            href: "/terms"
+          }}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}