Skip to content

Update page.tsx #1551

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
magic-peach merged 1 commit into from
Jun 9, 2026
+138 −21
Merged

Update page.tsx #1551

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
159 changes: 138 additions & 21 deletions src/app/privacy/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,34 @@
import type { Metadata } from "next";
import Link from "next/link";

export const metadata: Metadata = {
title: "Privacy Policy — Reframe",
description: "Privacy policy for Reframe — your videos never leave your device.",
description:
"Privacy policy for Reframe — your videos never leave your device.",
};

export default function PrivacyPage() {
return (
<>
<main className="min-h-screen bg-[var(--bg)] text-[var(--text)] pt-24 pb-20">

{/* Back link - top left below header */}
<div className="px-6 mb-6">
<Link
href="/"
className="inline-flex items-center gap-2 text-xs font-medium uppercase tracking-widest text-[var(--muted)] transition-colors hover:text-[var(--text)]"
>
<svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
<path strokeLinecap="round" strokeLinejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
<svg
className="h-3.5 w-3.5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={2}
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M10 19l-7-7m0 0l7-7m-7 7h18"
/>
</svg>
Back to Reframe
</Link>
Expand All @@ -34,48 +46,153 @@ export default function PrivacyPage() {
xmlns="http://www.w3.org/2000/svg"
className="text-[var(--accent)]"
>
<path d="M12 4.5C7 4.5 3 12 3 12C3 12 7 19.5 12 19.5C17 19.5 21 12 21 12C21 12 17 4.5 12 4.5Z"
stroke="currentColor" strokeWidth="1.8" strokeLinejoin="round"/>
<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
stroke="currentColor" strokeWidth="1.8"/>
<circle cx="12" cy="12" r="2.5" fill="currentColor"/>
<path
d="M12 4.5C7 4.5 3 12 3 12C3 12 7 19.5 12 19.5C17 19.5 21 12 21 12C21 12 17 4.5 12 4.5Z"
stroke="currentColor"
strokeWidth="1.8"
strokeLinejoin="round"
/>
<path
d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
stroke="currentColor"
strokeWidth="1.8"
/>
<circle cx="12" cy="12" r="2.5" fill="currentColor" />
</svg>
</div>

<h1 className="text-5xl font-bold tracking-tight mb-4">Privacy Policy</h1>
<h1 className="text-5xl font-bold tracking-tight mb-4">
Privacy Policy
</h1>
</div>

{/* Bordered Content Box */}
<div className="bg-[var(--surface)] border border-[var(--border)] rounded-2xl p-10 md:p-14">
<div className="prose prose-invert prose-lg max-w-none">
<p className="text-[var(--muted)] leading-relaxed">
At Reframe, we respect your privacy and are committed to protecting your personal data.
At Reframe, we respect your privacy and are committed to
protecting your personal data. Reframe is designed as a fully
local-first application, meaning all processing happens directly
on your device and no media is ever transmitted to external
servers.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
1. Data Collection
</h2>
<p className="text-[var(--muted)]">
Reframe does not collect, transmit, or process any personal data
on external servers. All video processing is performed entirely
on-device using FFmpeg.wasm. No raw video, audio, metadata, or
derived content ever leaves your browser.
</p>
<p className="text-[var(--muted)] mt-4">
Reframe does not embed analytics SDKs, advertising scripts, or
background data collection mechanisms of any kind.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
2. File Handling
</h2>
<p className="text-[var(--muted)]">
All files remain in your browser’s runtime memory or local
processing context only. Reframe does not upload, store, or
persist files on any server.
</p>
<p className="text-[var(--muted)] mt-4">
Files are only temporarily accessible while you are actively
using the application. Any persistence (such as downloads or
exports) is explicitly initiated by you. Temporary browser
caching may occur as part of standard browser behavior and is
not controlled by Reframe.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">1. Data Collection</h2>
<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
3. Telemetry & Diagnostics
</h2>
<p className="text-[var(--muted)]">
Reframe processes videos entirely on-device using FFmpeg.wasm.
Reframe does not collect analytics, telemetry, crash reports, or
usage tracking of any kind. No diagnostic data is transmitted to
developers or third parties.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
4. Third-Party Dependencies
</h2>
<p className="text-[var(--muted)]">
Reframe uses FFmpeg.wasm to perform local media processing
within the browser. This library runs entirely on your device
and does not send data externally.
</p>
<p className="text-[var(--muted)] mt-4">
Any additional dependencies (such as CDNs for initial asset
delivery) are used solely for application loading and do not
receive user media or personal data.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
5. Security Model
</h2>
<p className="text-[var(--muted)]">
Reframe operates entirely within the browser sandbox. All
processing is isolated to the client environment and requires no
server communication for core functionality.
</p>
<p className="text-[var(--muted)] mt-4">
This design ensures that your media never leaves your device,
and security is enforced by the browser’s built-in execution
boundaries.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
6. Browser Storage Usage
</h2>
<p className="text-[var(--muted)]">
Reframe does not use persistent storage mechanisms such as
localStorage or IndexedDB for storing user media.
</p>
<p className="text-[var(--muted)] mt-4">
If your browser temporarily caches assets or processing data,
this is handled entirely by the browser and can be cleared
through standard browser settings.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">2. File Handling</h2>
<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
7. User Rights & Control
</h2>
<p className="text-[var(--muted)]">
Your files are never uploaded, stored, or shared with any server.
Because Reframe does not store or transmit user data, there are
no server-side records to access, modify, or delete. Users
retain full control of their data at all times, as all
processing occurs locally.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">3. Analytics & Tracking</h2>
<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
8. Open Source Verification
</h2>
<p className="text-[var(--muted)]">
No analytics, tracking, or account system is used.
Reframe is open source and publicly verifiable. The entire
codebase, including processing logic and dependency usage, can
be audited on GitHub to confirm its local-first architecture and
absence of telemetry or data collection.
</p>

<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">4. Open Source</h2>
<h2 className="text-2xl font-semibold mt-12 mb-6 text-[var(--text)]">
9. Policy Updates
</h2>
<p className="text-[var(--muted)]">
Reframe is open source and publicly verifiable on GitHub.
This Privacy Policy may be updated as Reframe evolves. Changes
will be reflected in the public repository, and the latest
version will always be available on this page.
</p>

<div className="mt-16 pt-8 border-t border-[var(--border)] text-center">
<p className="text-[var(--muted)]">
If you have any questions about this Privacy Policy, please{" "}
<Link href="/contact" className="text-[var(--accent)] hover:underline">
<Link
href="/contact"
className="text-[var(--accent)] hover:underline"
>
contact us
</Link>
.
Expand All @@ -87,4 +204,4 @@ export default function PrivacyPage() {
</main>
</>
);
}
}
Loading