bender/310d2575-e313-4d83-938f-d0bd20b4c81c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/terms/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 04:11:23 +00:00
parent 08a764effa
commit 3fa210e692
1 changed files with 41 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/app/terms/page.tsx
View File

@@ -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">
<h1 className="text-5xl font-extrabold mb-8" style={{ color: "var(--foreground)" }}>
<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)", 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>
);
}
}