);
}
diff --git a/src/locales/en.json b/src/locales/en.json
index 54fc5a1b..2885d527 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -171,7 +171,7 @@
"publishFailedDescription": "Your account is ready, but the organization profile couldn't be published. You can finish it later from settings.",
"statement": {
"title": "Publish your verifier statement",
- "subtitle": "Explain how your organization checks out campaigns before vouching for them. This is public and helps donors trust your badge."
+ "subtitle": "Explain how your organization checks out campaigns before vouching for them — the checks you run, the evidence you require, how you confirm an organizer's identity. This is published publicly and shown on your profile so donors can trust your badge."
},
"howto": {
"title": "How to verify a campaign",
@@ -1590,8 +1590,13 @@
},
"getStarted": {
"eyebrow": "Get started",
- "title": "Publish your statement",
- "lede": "Sign in with your organization's profile to publish, update, or withdraw your verification statement."
+ "title": "Become a verifier",
+ "lede": "Set up your organization and publish your verification statement in a few quick steps."
+ },
+ "getStartedCard": {
+ "title": "Set up your organization",
+ "body": "We'll walk you through creating your organization's profile, publishing your verification statement, and verifying your first campaign.",
+ "cta": "Start verifying"
},
"loginGateTitle": "Sign in with your organization's profile",
"loginGateBody": "Log in with your organization's Nostr profile, or create one, to get started. Once you're signed in, you can publish your verification statement here.",
diff --git a/src/pages/OrganizationsPage.tsx b/src/pages/OrganizationsPage.tsx
index c79c949a..c47a26b4 100644
--- a/src/pages/OrganizationsPage.tsx
+++ b/src/pages/OrganizationsPage.tsx
@@ -1,5 +1,4 @@
import { useSeoMeta } from '@unhead/react';
-import { useState } from 'react';
import { useTranslation } from 'react-i18next';
import {
ArrowRight,
@@ -9,12 +8,12 @@ import {
ShieldCheck,
} from 'lucide-react';
-import { LoginArea } from '@/components/auth/LoginArea';
import { VerifyTutorial } from '@/components/organizations/VerifyTutorial';
-import { VerifierStatementEditor } from '@/components/organizations/VerifierStatementEditor';
+import { Button } from '@/components/ui/button';
import { Card, CardContent } from '@/components/ui/card';
import { useAppContext } from '@/hooks/useAppContext';
import { useCurrentUser } from '@/hooks/useCurrentUser';
+import { useOnboarding } from '@/contexts/onboardingContextDef';
import { useVerifierStatement } from '@/hooks/useVerifierStatement';
/**
@@ -183,16 +182,11 @@ export function OrganizationsPage() {
function VerifierEditor() {
const { t } = useTranslation();
const { user } = useCurrentUser();
-
const { isVerifier } = useVerifierStatement(user?.pubkey);
- // Track publish state locally so the tutorial appears/disappears
- // immediately on publish / withdraw, seeded from the queried state.
- const [isPublished, setIsPublished] = useState(isVerifier);
+ const { startSignup } = useOnboarding();
- // Logged out: instruct the visitor to log in with — or create — their
- // organization's Nostr profile before they can publish a statement.
- if (!user) {
- return (
+ return (
+
-
{/* Once the org's statement is live, teach them the actual
verify gesture: the three-dots menu on any campaign card. */}
- {(isPublished || isVerifier) && }
+ {isVerifier && }