yusufipek/OpenFrame
1
0
Fork 0
mirror of https://github.com/yusufipk/OpenFrame.git synced 2026-09-11 09:36:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

update landing page pricing section with revised cloud plan copy and new studio/agency tier

Browse Source
This commit is contained in:
Yusuf İpek
2026-02-24 20:16:20 +03:00
parent a096a5ea02
commit 86a995aed4
1 changed files with 39 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/LandingPage.tsx
+39 -4
View File
@@ -808,10 +808,10 @@ export function LandingPage({ isLoggedIn }: LandingPageProps) {
<section id="pricing" className="scroll-mt-20 border-b border-border px-4 py-16 sm:px-6 sm:py-20 lg:py-24">
<div className="mx-auto w-full max-w-[1200px]">
<div data-reveal className="mb-10 space-y-4">
<h2 className="text-3xl font-semibold tracking-[-0.02em] md:text-5xl">Deploy self-hosted, or run fully managed.</h2>
<h2 className="text-3xl font-semibold tracking-[-0.02em] md:text-5xl">Deploy it yourself - or let us run it for you.</h2>
</div>
<div className="grid gap-4 md:grid-cols-2">
<div className="grid gap-4 md:grid-cols-3">
<article data-reveal className="flex h-full flex-col border border-border bg-card p-7">
<div className="mb-8 space-y-4">
<p className="font-mono text-[11px] uppercase tracking-[0.18em] text-muted-foreground">For the builders.</p>
@@ -857,6 +857,7 @@ export function LandingPage({ isLoggedIn }: LandingPageProps) {
</p>
<h3 className="text-2xl font-semibold">Hosted Cloud</h3>
<p className="font-mono text-3xl text-primary">$10 / month</p>
<p className="text-sm text-muted-foreground">For fast, collaborative video review.</p>
</div>
<ul className="relative mb-10 space-y-3 text-sm text-foreground">
@@ -874,7 +875,11 @@ export function LandingPage({ isLoggedIn }: LandingPageProps) {
</li>
<li className="flex items-start gap-2">
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
<span>100 GB of direct video upload storage (+$5 per next 100 GB)</span>
<span>200 GB video storage included</span>
</li>
<li className="flex items-start gap-2">
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
<span>+100 GB for $5</span>
</li>
<li className="flex items-start gap-2">
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
@@ -884,6 +889,18 @@ export function LandingPage({ isLoggedIn }: LandingPageProps) {
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
<span>Instant Webhook (Telegram/Email) Setup</span>
</li>
<li className="flex items-start gap-2">
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
<span>No per-seat pricing</span>
</li>
<li className="flex items-start gap-2">
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
<span>Unlimited reviewers</span>
</li>
<li className="flex items-start gap-2">
<CheckSquare className="mt-0.5 h-4 w-4 text-primary" />
<span>Keep control of your files</span>
</li>
</ul>
<Link
@@ -893,11 +910,29 @@ export function LandingPage({ isLoggedIn }: LandingPageProps) {
>
<span className="pointer-events-none absolute inset-0 -translate-x-[101%] bg-primary-foreground/10 transition-transform duration-300 group-hover:translate-x-0" />
<span className="relative z-10 inline-flex items-center gap-2">
{isLoggedIn ? 'Go to Dashboard' : 'Start Now'}
{isLoggedIn ? 'Launch workspace' : 'Start using OpenFrame'}
<MoveRight className="h-4 w-4" />
</span>
</Link>
</article>
<article data-reveal className="flex h-full flex-col border border-border bg-card p-7">
<div className="mb-8 space-y-4">
<p className="font-mono text-[11px] uppercase tracking-[0.18em] text-muted-foreground">Studio & Agency</p>
<h3 className="text-2xl font-semibold">Scaling beyond standard limits?</h3>
<p className="text-sm text-muted-foreground">
We provide custom capacity, performance tuning, and priority support for high-volume production teams.
</p>
</div>
<a href="mailto:[email protected]" data-magnetic className={secondaryButtonClass}>
<span className="pointer-events-none absolute inset-0 -translate-x-[101%] bg-primary/10 transition-transform duration-300 group-hover:translate-x-0" />
<span className="relative z-10 inline-flex items-center gap-2">
Contact us
<MoveRight className="h-4 w-4" />
</span>
</a>
</article>
</div>
</div>
</section>