+
{author.name} – Wraith Protocol Blog
@@ -71,6 +62,10 @@ function CaseStudyDetail({ study }: { study: CaseStudy }) {
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
/>
+
0;
+ const faqStructuredData = faqPage(
+ faqEntries.map((entry) => ({ question: entry.question, answer: entry.answer })),
+ );
+
return (
+
diff --git a/src/pages/Grants.tsx b/src/pages/Grants.tsx
index 6131c96..2b0d67e 100644
--- a/src/pages/Grants.tsx
+++ b/src/pages/Grants.tsx
@@ -1,5 +1,6 @@
import { useState } from 'react';
import waveData from '../data/wave.json';
+import { howTo, SITE_URL } from '../utils/jsonld';
type Wave = (typeof waveData)['currentWave'];
type PastWave = (typeof waveData)['pastWaves'][number];
@@ -9,6 +10,38 @@ const currentWave = waveData.currentWave as Wave;
const pastWaves = waveData.pastWaves as PastWave[];
const faqEntries = waveData.faq as FaqEntry[];
+const grantsHowTo = howTo({
+ name: `How to apply for ${currentWave?.name ?? 'a Wraith grant'}`,
+ description:
+ 'Follow these steps to submit a proposal and get funded through the Wraith grant program.',
+ url: `${SITE_URL}/grants`,
+ steps: [
+ {
+ name: 'Confirm eligibility',
+ text: `Review the eligibility criteria to ensure your project builds stealth address infrastructure, SDK integrations, or privacy-preserving payment tooling. Current criteria: ${(
+ currentWave?.eligibility ?? []
+ ).join(' ')}`,
+ },
+ {
+ name: 'Prepare your proposal',
+ text:
+ currentWave?.howToApply ??
+ 'Include a clear scope, timeline, and budget breakdown with defined milestones.',
+ },
+ {
+ name: 'Submit on Drips',
+ text: `Open the Drips grant page and submit your proposal before the wave closes. Apply here: ${currentWave?.applyUrl}`,
+ url: currentWave?.applyUrl,
+ },
+ {
+ name: 'Await review',
+ text: `The Wraith team reviews proposals against the published review criteria: ${(
+ currentWave?.reviewCriteria ?? []
+ ).join(' ')}`,
+ },
+ ],
+});
+
const labelStyles = 'font-mono text-[10px] font-semibold uppercase tracking-[1.8px] text-outline';
export default function Grants() {
@@ -16,6 +49,10 @@ export default function Grants() {
return (
diff --git a/src/pages/Grants.tsx b/src/pages/Grants.tsx
index 6131c96..2b0d67e 100644
--- a/src/pages/Grants.tsx
+++ b/src/pages/Grants.tsx
@@ -1,5 +1,6 @@
import { useState } from 'react';
import waveData from '../data/wave.json';
+import { howTo, SITE_URL } from '../utils/jsonld';
type Wave = (typeof waveData)['currentWave'];
type PastWave = (typeof waveData)['pastWaves'][number];
@@ -9,6 +10,38 @@ const currentWave = waveData.currentWave as Wave;
const pastWaves = waveData.pastWaves as PastWave[];
const faqEntries = waveData.faq as FaqEntry[];
+const grantsHowTo = howTo({
+ name: `How to apply for ${currentWave?.name ?? 'a Wraith grant'}`,
+ description:
+ 'Follow these steps to submit a proposal and get funded through the Wraith grant program.',
+ url: `${SITE_URL}/grants`,
+ steps: [
+ {
+ name: 'Confirm eligibility',
+ text: `Review the eligibility criteria to ensure your project builds stealth address infrastructure, SDK integrations, or privacy-preserving payment tooling. Current criteria: ${(
+ currentWave?.eligibility ?? []
+ ).join(' ')}`,
+ },
+ {
+ name: 'Prepare your proposal',
+ text:
+ currentWave?.howToApply ??
+ 'Include a clear scope, timeline, and budget breakdown with defined milestones.',
+ },
+ {
+ name: 'Submit on Drips',
+ text: `Open the Drips grant page and submit your proposal before the wave closes. Apply here: ${currentWave?.applyUrl}`,
+ url: currentWave?.applyUrl,
+ },
+ {
+ name: 'Await review',
+ text: `The Wraith team reviews proposals against the published review criteria: ${(
+ currentWave?.reviewCriteria ?? []
+ ).join(' ')}`,
+ },
+ ],
+});
+
const labelStyles = 'font-mono text-[10px] font-semibold uppercase tracking-[1.8px] text-outline';
export default function Grants() {
@@ -16,6 +49,10 @@ export default function Grants() {
return (
+
{/* Hero */}
Grants
diff --git a/src/utils/jsonld.ts b/src/utils/jsonld.ts
new file mode 100644
index 0000000..eb827f4
--- /dev/null
+++ b/src/utils/jsonld.ts
@@ -0,0 +1,132 @@
+export const SITE_URL = 'https://www.usewraith.xyz';
+
+export type JsonLdObject = Record & { '@context': string; '@type': string };
+
+export interface OrganizationInput {
+ name?: string;
+ url?: string;
+ logo?: string;
+ sameAs?: string[];
+}
+
+export function organization(input: OrganizationInput = {}): JsonLdObject {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'Organization',
+ '@id': `${SITE_URL}/#organization`,
+ name: input.name ?? 'Wraith Protocol',
+ url: input.url ?? SITE_URL,
+ logo: input.logo ?? `${SITE_URL}/logo.png`,
+ sameAs: input.sameAs ?? [
+ 'https://github.com/wraith-protocol',
+ 'https://twitter.com/wraith_protocol',
+ ],
+ };
+}
+
+export interface ArticleInput {
+ headline: string;
+ description: string;
+ datePublished: string;
+ authorName: string;
+ url: string;
+ publisherName?: string;
+}
+
+export function article(input: ArticleInput): JsonLdObject {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'Article',
+ headline: input.headline,
+ description: input.description,
+ datePublished: input.datePublished,
+ author: {
+ '@type': 'Organization',
+ name: input.authorName,
+ },
+ publisher: {
+ '@type': 'Organization',
+ name: input.publisherName ?? 'Wraith Protocol',
+ logo: {
+ '@type': 'ImageObject',
+ url: `${SITE_URL}/logo.png`,
+ },
+ },
+ mainEntityOfPage: {
+ '@type': 'WebPage',
+ '@id': input.url,
+ },
+ };
+}
+
+export interface FaqItem {
+ question: string;
+ answer: string;
+}
+
+export function faqPage(entries: FaqItem[]): JsonLdObject {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'FAQPage',
+ mainEntity: entries.map((entry) => ({
+ '@type': 'Question',
+ name: entry.question,
+ acceptedAnswer: {
+ '@type': 'Answer',
+ text: entry.answer,
+ },
+ })),
+ };
+}
+
+export interface HowToStep {
+ name: string;
+ text: string;
+ url?: string;
+}
+
+export interface HowToInput {
+ name: string;
+ description?: string;
+ steps: HowToStep[];
+ url?: string;
+ totalTime?: string;
+}
+
+export function howTo(input: HowToInput): JsonLdObject {
+ const step = input.steps.map((s, index) => ({
+ '@type': 'HowToStep',
+ position: index + 1,
+ name: s.name,
+ text: s.text,
+ ...(s.url ? { url: s.url } : {}),
+ }));
+
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'HowTo',
+ name: input.name,
+ ...(input.description ? { description: input.description } : {}),
+ ...(input.totalTime ? { totalTime: input.totalTime } : {}),
+ step,
+ ...(input.url ? { mainEntityOfPage: { '@type': 'WebPage', '@id': input.url } } : {}),
+ };
+}
+
+export interface BreadcrumbItem {
+ name: string;
+ url: string;
+}
+
+export function breadcrumbList(items: BreadcrumbItem[]): JsonLdObject {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'BreadcrumbList',
+ itemListElement: items.map((item, index) => ({
+ '@type': 'ListItem',
+ position: index + 1,
+ name: item.name,
+ item: item.url,
+ })),
+ };
+}