diff options
Diffstat (limited to 'apps/web/src/app/terms')
| -rw-r--r-- | apps/web/src/app/terms/page.tsx | 580 |
1 files changed, 279 insertions, 301 deletions
diff --git a/apps/web/src/app/terms/page.tsx b/apps/web/src/app/terms/page.tsx index ee202d8b..d5d43ba7 100644 --- a/apps/web/src/app/terms/page.tsx +++ b/apps/web/src/app/terms/page.tsx @@ -1,317 +1,295 @@ -import { Metadata } from "next"; -import { Card, CardContent } from "@/components/ui/card"; -import { Badge } from "@/components/ui/badge"; -import { GithubIcon } from "@/components/icons"; -import Link from "next/link"; -import { Footer } from "@/components/footer"; -import { Header } from "@/components/header"; +import type { Metadata } from "next"; +import { BasePage } from "@/app/base-page"; +import { + Accordion, + AccordionContent, + AccordionItem, + AccordionTrigger, +} from "@/components/ui/accordion"; +import { Separator } from "@/components/ui/separator"; +import { SOCIAL_LINKS } from "@/constants/site-constants"; export const metadata: Metadata = { - title: "Terms of Service - OpenCut", - description: - "OpenCut's Terms of Service. Fair, transparent terms for our free and open-source video editor.", - openGraph: { - title: "Terms of Service - OpenCut", - description: - "OpenCut's Terms of Service. Fair, transparent terms for our free and open-source video editor.", - type: "website", - }, + title: "Terms of Service - OpenCut", + description: + "OpenCut's Terms of Service. Fair, transparent terms for our free and open-source video editor.", + openGraph: { + title: "Terms of Service - OpenCut", + description: + "OpenCut's Terms of Service. Fair, transparent terms for our free and open-source video editor.", + type: "website", + }, }; export default function TermsPage() { - return ( - <div className="min-h-screen bg-background"> - <Header /> - <main className="relative"> - <div className="absolute inset-0 overflow-hidden pointer-events-none"> - <div className="absolute -top-40 -right-40 w-96 h-96 bg-linear-to-br from-muted/20 to-transparent rounded-full blur-3xl" /> - <div className="absolute top-1/2 -left-40 w-80 h-80 bg-linear-to-tr from-muted/10 to-transparent rounded-full blur-3xl" /> - </div> - <div className="relative container mx-auto px-4 py-16"> - <div className="max-w-4xl mx-auto"> - <div className="text-center mb-10"> - <Link - href="https://github.com/OpenCut-app/OpenCut" - target="_blank" - > - <Badge variant="secondary" className="gap-2 mb-6"> - <GithubIcon className="h-3 w-3" /> - Open Source - </Badge> - </Link> - <h1 className="text-5xl md:text-6xl font-bold tracking-tight mb-6"> - Terms of Service - </h1> - <p className="text-xl text-muted-foreground mb-8 max-w-2xl mx-auto leading-relaxed"> - Fair and transparent terms for our free, open-source video - editor. - </p> - </div> - <Card className="bg-background/80 backdrop-blur-xs border-2 border-muted/30"> - <CardContent className="p-8 text-base leading-relaxed space-y-8"> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Welcome to OpenCut - </h2> - <p className="mb-4"> - OpenCut is a free, open-source video editor that runs in - your browser. By using our service, you agree to these - terms. We've designed these terms to be fair and protect - both you and our project. - </p> - <p> - <strong>Key principle:</strong> Your content stays on your - device. We never claim ownership of your videos or projects. - </p> - </section> + return ( + <BasePage + title="Terms of service" + description="Fair and transparent terms for our free, open-source video editor. Contact us if you have any questions." + > + <Accordion type="single" collapsible className="w-full"> + <AccordionItem + value="quick-summary" + className="rounded-2xl border px-5" + > + <AccordionTrigger className="no-underline!"> + Quick summary + </AccordionTrigger> + <AccordionContent> + <h3 className="mb-3 text-lg font-medium"> + You own your content, we own nothing. + </h3> + <ol className="list-decimal space-y-2 pl-6"> + <li> + Your content stays private - basic editing is local, AI features + use encrypted uploads + </li> + <li> + We never claim ownership of your content, even when processing + AI features + </li> + <li> + Free for personal and commercial use with no watermarks or + restrictions + </li> + <li>Don't use OpenCut for illegal activities or harassment</li> + <li> + Service provided "as is" - we can't guarantee perfect uptime + </li> + <li> + Open source means you can review our code and self-host if + needed + </li> + <li> + You can delete your account anytime and keep using your exported + videos + </li> + </ol> + <p className="mt-4"> + Questions? Email us at{" "} + <a + href="mailto:oss@opencut.app" + className="text-primary hover:underline" + > + oss@opencut.app + </a> + </p> + </AccordionContent> + </AccordionItem> + </Accordion> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Your Content, Your Rights - </h2> - <p className="mb-4"> - <strong>You own everything you create.</strong> OpenCut - processes your videos locally on your device, so we never - have access to your content. We make no claims to ownership, - licensing, or rights over your videos, projects, or any - content you create using OpenCut. - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li> - Your videos remain completely private and under your - control - </li> - <li> - You retain all intellectual property rights to your - content - </li> - <li> - You can export and use your content however you choose - </li> - <li> - No watermarks, no licensing restrictions from OpenCut - </li> - </ul> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Your Content, Your Rights</h2> + <p> + <strong>You own everything you create.</strong> OpenCut processes + basic editing locally on your device. For AI features, content is + encrypted before upload and we cannot access your original files. We + make no claims to ownership, licensing, or rights over your videos, + projects, or any content you create using OpenCut. + </p> + <ul className="list-disc space-y-2 pl-6"> + <li> + Your content remains private and under your control at all times + </li> + <li>You retain all intellectual property rights to your content</li> + <li> + Even when using AI features, we cannot access your unencrypted + content + </li> + <li>You can export and use your content however you choose</li> + <li>No watermarks, no licensing restrictions from OpenCut</li> + </ul> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - How You Can Use OpenCut - </h2> - <p className="mb-4"> - OpenCut is free for personal and commercial use. You can: - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li> - Create videos for personal, educational, or commercial - purposes - </li> - <li>Use OpenCut for client work and paid projects</li> - <li>Share and distribute videos created with OpenCut</li> - <li> - Modify and distribute the OpenCut software (under MIT - license) - </li> - </ul> - <p> - <strong>What we ask:</strong> Don't use OpenCut for illegal - activities, harassment, or creating harmful content. Be - respectful of others and follow applicable laws. - </p> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">How You Can Use OpenCut</h2> + <p>OpenCut is free for personal and commercial use. You can:</p> + <ul className="list-disc space-y-2 pl-6"> + <li> + Create videos for personal, educational, or commercial purposes + </li> + <li>Use OpenCut for client work and paid projects</li> + <li>Share and distribute videos created with OpenCut</li> + <li> + Modify and distribute the OpenCut software (under MIT license) + </li> + </ul> + <p> + <strong>What we ask:</strong> Don't use OpenCut for illegal + activities, harassment, or creating harmful content. Be respectful of + others and follow applicable laws. + </p> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Account and Service - </h2> - <p className="mb-4"> - To use certain features, you may create an account: - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li>Provide accurate information when signing up</li> - <li> - Keep your account secure and don't share credentials - </li> - <li>You're responsible for activity under your account</li> - <li>You can delete your account at any time</li> - </ul> - <p> - OpenCut is provided "as is" without warranties. While we - strive for reliability, we can't guarantee uninterrupted - service. - </p> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold"> + AI Features and Data Processing + </h2> + <p> + OpenCut offers optional AI-powered features that require server + processing: + </p> + <ul className="list-disc space-y-2 pl-6"> + <li> + AI features (auto captions, content analysis, etc.) are completely + optional + </li> + <li>Your content is encrypted on your device before any upload</li> + <li> + We use zero-knowledge encryption - we cannot decrypt your content + </li> + <li>Encrypted content is deleted immediately after processing</li> + <li> + You maintain full ownership and control of your content throughout + </li> + </ul> + <p> + By using AI features, you consent to the temporary, encrypted + processing of your content as described in our Privacy Policy. You can + always choose to use only local editing features. + </p> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Open Source Benefits - </h2> - <p className="mb-4"> - Because OpenCut is open source, you have additional rights: - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li> - Review our code to see exactly how we handle your data - </li> - <li>Self-host OpenCut on your own servers</li> - <li>Modify the software to suit your needs</li> - <li>Contribute improvements back to the community</li> - </ul> - <p> - View our source code and license on{" "} - <a - href="https://github.com/OpenCut-app/OpenCut" - target="_blank" - rel="noopener" - className="text-primary hover:underline" - > - GitHub - </a> - . - </p> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Account and Service</h2> + <p>To use certain features, you may create an account:</p> + <ul className="list-disc space-y-2 pl-6"> + <li>Provide accurate information when signing up</li> + <li>Keep your account secure and don't share credentials</li> + <li>You're responsible for activity under your account</li> + <li>You can delete your account at any time</li> + </ul> + <p> + OpenCut is provided "as is" without warranties. While we strive for + reliability, we can't guarantee uninterrupted service. + </p> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Third-Party Content - </h2> - <p className="mb-4"> - When using OpenCut, make sure you have the right to use any - content you import: - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li> - Only upload content you own or have permission to use - </li> - <li> - Respect copyright, trademarks, and other intellectual - property - </li> - <li> - Don't use copyrighted music, images, or videos without - permission - </li> - <li> - You're responsible for any claims related to your content - </li> - </ul> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Open Source Benefits</h2> + <p>Because OpenCut is open source, you have additional rights:</p> + <ul className="list-disc space-y-2 pl-6"> + <li>Review our code to see exactly how we handle your data</li> + <li>Self-host OpenCut on your own servers</li> + <li>Modify the software to suit your needs</li> + <li>Contribute improvements back to the community</li> + </ul> + <p> + View our source code and license on{" "} + <a + href={SOCIAL_LINKS.github} + target="_blank" + rel="noopener" + className="text-primary hover:underline" + > + GitHub + </a> + . + </p> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Limitations and Liability - </h2> - <p className="mb-4"> - OpenCut is provided free of charge. To the extent permitted - by law: - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li>We're not liable for any loss of data or content</li> - <li> - Projects are stored in your browser and may be lost if you - clear browser data - </li> - <li>We're not responsible for how you use the service</li> - <li> - Our liability is limited to the maximum extent allowed by - law - </li> - </ul> - <p> - Since your content stays on your device, we have no way to - recover lost projects. Consider exporting important videos - when finished editing. - </p> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Third-Party Content</h2> + <p> + When using OpenCut, make sure you have the right to use any content + you import: + </p> + <ul className="list-disc space-y-2 pl-6"> + <li>Only upload content you own or have permission to use</li> + <li> + Respect copyright, trademarks, and other intellectual property + </li> + <li> + Don't use copyrighted music, images, or videos without permission + </li> + <li>You're responsible for any claims related to your content</li> + </ul> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Service Changes - </h2> - <p className="mb-4">We may update OpenCut and these terms:</p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li> - We'll notify you of significant changes to these terms - </li> - <li>Continued use means you accept any updates</li> - <li> - You can always self-host an older version if you prefer - </li> - <li> - Major changes will be discussed with the community on - GitHub - </li> - </ul> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Limitations and Liability</h2> + <p> + OpenCut is provided free of charge. To the extent permitted by law: + </p> + <ul className="list-disc space-y-2 pl-6"> + <li>We're not liable for any loss of data or content</li> + <li> + Projects are stored in your browser and may be lost if you clear + browser data + </li> + <li>We're not responsible for how you use the service</li> + <li>Our liability is limited to the maximum extent allowed by law</li> + </ul> + <p> + Since your content stays on your device, we have no way to recover + lost projects. Consider exporting important videos when finished + editing. + </p> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4">Termination</h2> - <p className="mb-4"> - You can stop using OpenCut at any time: - </p> - <ul className="list-disc pl-6 mb-4 space-y-2"> - <li>Delete your account through your profile settings</li> - <li>Clear your browser data to remove local projects</li> - <li> - Your content remains yours even if you stop using OpenCut - </li> - <li> - We may suspend accounts for violations of these terms - </li> - </ul> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Service Changes</h2> + <p>We may update OpenCut and these terms:</p> + <ul className="list-disc space-y-2 pl-6"> + <li>We'll notify you of significant changes to these terms</li> + <li>Continued use means you accept any updates</li> + <li>You can always self-host an older version if you prefer</li> + <li>Major changes will be discussed with the community on GitHub</li> + </ul> + </section> - <section> - <h2 className="text-2xl font-semibold mb-4"> - Contact and Disputes - </h2> - <p className="mb-4"> - Questions about these terms or need to report an issue? - </p> - <p className="mb-4"> - Contact us through our{" "} - <a - href="https://github.com/OpenCut-app/OpenCut/issues" - target="_blank" - rel="noopener" - className="text-primary hover:underline" - > - GitHub repository - </a> - , email us at{" "} - <a - href="mailto:oss@opencut.app" - className="text-primary hover:underline" - > - oss@opencut.app - </a> - , or reach out on{" "} - <a - href="https://x.com/opencutapp" - target="_blank" - rel="noopener" - className="text-primary hover:underline" - > - X (Twitter) - </a> - . - </p> - <p> - These terms are governed by applicable law in your - jurisdiction. We prefer to resolve disputes through friendly - discussion in our open-source community. - </p> - </section> + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Termination</h2> + <p>You can stop using OpenCut at any time:</p> + <ul className="list-disc space-y-2 pl-6"> + <li>Delete your account through your profile settings</li> + <li>Clear your browser data to remove local projects</li> + <li>Your content remains yours even if you stop using OpenCut</li> + <li>We may suspend accounts for violations of these terms</li> + </ul> + </section> - <p className="text-sm text-muted-foreground mt-8 pt-8 border-t border-muted/20"> - Last updated: July 14, 2025 - </p> - </CardContent> - </Card> - </div> - </div> - </main> - <Footer /> - </div> - ); + <section className="flex flex-col gap-3"> + <h2 className="text-2xl font-semibold">Contact Us</h2> + <p>Questions about these terms or need to report an issue?</p> + <p> + Contact us through our{" "} + <a + href={`${SOCIAL_LINKS.github}/issues`} + target="_blank" + rel="noopener" + className="text-primary hover:underline" + > + GitHub repository + </a> + , email us at{" "} + <a + href="mailto:oss@opencut.app" + className="text-primary hover:underline" + > + oss@opencut.app + </a> + , or reach out on{" "} + <a + href={SOCIAL_LINKS.x} + target="_blank" + rel="noopener" + className="text-primary hover:underline" + > + X (Twitter) + </a> + . + </p> + <p> + These terms are governed by applicable law in your jurisdiction. We + prefer to resolve disputes through friendly discussion in our + open-source community. + </p> + </section> + <Separator /> + <p className="text-muted-foreground text-sm"> + Last updated: July 14, 2025 + </p> + </BasePage> + ); } |