go/stripe/contest: update How to enter with two entry options (#44861)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

Contest page update

## What is the current behavior?

N/A

## What is the new behavior?

Replaces the simple numbered list with Option 1 (Stripe Projects CLI)
and Option 2 (Stripe Sync Engine), including CLI commands code block and
link to the integrations dashboard.

## Additional context

N/A


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Refactor**
* Reworked contest entry flow into two qualifying paths: "Stripe
Projects" (includes terminal provisioning steps and account-link note)
and "Stripe Sync Engine" (direct integration link).
* Updated page layout with centered, max-width container and
introductory line; contest deadline and rules/disclaimer remain
unchanged.
* **Documentation**
  * Shortened SEO description to "Enter for a 1-in-10 chance…"
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Ana <ana1337x@users.noreply.github.com>
This commit is contained in:
Ana
2026-04-29 10:10:49 -04:00
committed by GitHub
parent c65935d0d3
commit b58ac86150
@@ -1,14 +1,12 @@
import type { GoPageInput } from 'marketing'
import Link from 'next/link'
import { Button } from 'ui'
const page: GoPageInput = {
template: 'lead-gen',
slug: 'stripe/contest',
metadata: {
title: 'Win an iPhone 17 Pro Max | Supabase at Stripe Sessions',
description:
'Create a Supabase account and load data for a 1-in-10 chance to win an iPhone 17 Pro Max. Stripe Sessions 2026.',
description: 'Enter for a 1-in-10 chance to win an iPhone 17 Pro Max at Stripe Sessions 2026.',
},
hero: {
title: 'Win an iPhone 17 Pro Max',
@@ -35,18 +33,45 @@ const page: GoPageInput = {
id: 'how-to-enter',
title: 'How to enter',
children: (
<div className="flex flex-col items-center gap-6">
<ol className="flex flex-col gap-4 text-foreground-light text-lg list-decimal list-inside">
<li>
Create a Supabase account with the same email address where you got our post-event
note
</li>
<li>Load data into a Supabase database</li>
<li>Complete these steps by Monday, May 11, 2026 at 12:00 PM PST</li>
</ol>
<Button asChild type="default" size="medium">
<Link href="https://supabase.com/dashboard">Create your account</Link>
</Button>
<div className="flex flex-col items-center gap-8 w-full max-w-2xl">
<p className="text-foreground-light text-lg">Choose either path. Both qualify.</p>
<div className="flex flex-col gap-3 w-full">
<h3 className="text-foreground font-semibold text-lg">Option 1: Via Stripe Projects</h3>
<p className="text-foreground-light">
Provision a full Supabase backend from your terminal without opening a dashboard.
</p>
<pre className="bg-surface-200 rounded-md p-4 text-sm text-foreground-light overflow-x-auto">
<code>{`stripe plugin install projects
stripe projects init my-app
stripe projects add supabase/supabase:free
stripe projects env --sync`}</code>
</pre>
<p className="text-foreground-lighter text-sm">
Already have a Supabase account? The flow will prompt you to link it.
</p>
</div>
<div className="flex flex-col gap-3 w-full">
<h3 className="text-foreground font-semibold text-lg">
Option 2: Via the Stripe Sync Engine
</h3>
<p className="text-foreground-light">
Connect your Stripe account to Supabase and sync your payments, customers, and
subscriptions into a live Postgres schema.
</p>
<Link
href="https://supabase.com/dashboard/project/_/integrations"
className="text-foreground underline"
>
Install the Stripe Sync Engine
</Link>
</div>
<p className="text-foreground-light text-sm">
Both options must be completed by Monday, May 11, 2026 at 12:00 PM PST.
</p>
<p className="text-xs text-foreground-lighter mt-4">
No purchase necessary. Void where prohibited.{' '}
<Link href="/go/contest-rules" className="underline">