Add src/app/terms/page.tsx
This commit is contained in:
127
src/app/terms/page.tsx
Normal file
127
src/app/terms/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user