+
Skip to content
@@ -57,6 +73,7 @@ function Home() {
+
@@ -109,6 +126,14 @@ export default function App() {
}
/>
+
+
+
+ }
+ />
}
/>
+
+ {/* Spanish locale-prefixed routes */}
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+ }
+ />
+
} />
diff --git a/src/components/FeaturedGrantShowcase.tsx b/src/components/FeaturedGrantShowcase.tsx
new file mode 100644
index 0000000..52399d5
--- /dev/null
+++ b/src/components/FeaturedGrantShowcase.tsx
@@ -0,0 +1,121 @@
+import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { entries } from '../data/grant-showcase.json';
+import { filterOptedOutContributors } from '../utils/contributors';
+
+type GrantShowcaseEntry = {
+ id: string;
+ name: string;
+ description: string;
+ wave: string;
+ contributors: string[];
+ status: string;
+ codeUrl: string;
+ demoUrl: string;
+ featured: boolean;
+};
+
+const showcaseEntries = entries as GrantShowcaseEntry[];
+
+const statusStyles: Record = {
+ live: 'border-tertiary text-tertiary',
+ 'in progress': 'border-blue text-blue',
+ shipped: 'border-primary text-primary',
+};
+
+export default function FeaturedGrantShowcase() {
+ const { t } = useTranslation();
+
+ const featured = showcaseEntries.filter((entry) => entry.featured).slice(0, 3);
+
+ if (featured.length === 0) return null;
+
+ return (
+
+
+
+
+
+ {t('featuredGrants.eyebrow')}
+
+
+ {t('featuredGrants.heading')}
+
+
+ {t('featuredGrants.description')}
+
+
+
+ {t('featuredGrants.viewAll')}
+
→
+
+
+
+
+ {featured.map((entry) => {
+ const visibleContributors = filterOptedOutContributors(entry.contributors);
+ const statusClass = statusStyles[entry.status] ?? 'border-outline-variant text-outline';
+
+ return (
+
+
+
+
+ {entry.name}
+
+
+ {entry.wave}
+
+
+
+ {entry.status}
+
+
+
+
+ {entry.description}
+
+
+ {visibleContributors.length > 0 && (
+
+ )}
+
+
+
+ {t('featuredGrants.readMore')}
+
+
+ →
+
+
+
+ );
+ })}
+
+
-
- Blog – Wraith Protocol
-
+
-
+
Blog
@@ -82,9 +80,10 @@ function BlogPostDetail({ slug }: { slug: string }) {
if (!post) {
return (
-
- Post Not Found – Wraith Protocol
-
+
Post Not Found
The requested blog post could not be found.
@@ -98,10 +97,10 @@ function BlogPostDetail({ slug }: { slug: string }) {
return (
-
- {post.title} – Wraith Protocol
- {post.excerpt && }
-
+
-
- Careers – Wraith Protocol
-
-
-
-
-
-
+
diff --git a/src/pages/CaseStudies.tsx b/src/pages/CaseStudies.tsx
index 177abba..56512ca 100644
--- a/src/pages/CaseStudies.tsx
+++ b/src/pages/CaseStudies.tsx
@@ -3,6 +3,7 @@ import { Link, useParams } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import { entries } from '../data/case-studies.json';
import Layout from '../components/Layout';
+import { Seo } from '../utils/seo';
type CaseStudy = {
id: string;
@@ -67,6 +68,11 @@ function CaseStudyDetail({ study }: { study: CaseStudy }) {
return (
+