diff --git a/app/projects/opengraph-image.tsx b/app/projects/opengraph-image.tsx
deleted file mode 100644
index 261c0d5d..00000000
--- a/app/projects/opengraph-image.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { renderOgImage, size, contentType } from '@/lib/seo/og-template';
-
-export { size, contentType };
-
-export const alt = 'Projects — Boundless Builders';
-
-export default function Image() {
- return renderOgImage({
- title: 'Projects',
- subtitle: 'Explore the products being built across the Boundless ecosystem.',
- });
-}
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
deleted file mode 100644
index 5fd224c6..00000000
--- a/app/projects/page.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { ProjectsView } from '@/components/discover/projects-view';
-import { SiteFooter } from '@/components/layout/site-footer';
-import { SiteHeader } from '@/components/layout/site-header';
-import { JsonLd } from '@/components/seo/json-ld';
-import { buildPageMetadata } from '@/lib/seo/metadata';
-import {
- breadcrumbSchema,
- collectionPageSchema,
- homeBreadcrumb,
-} from '@/lib/seo/schema';
-
-const PROJECTS_DESCRIPTION =
- 'Explore the products and projects being built on Stellar through Boundless. See what teams across the ecosystem are shipping right now.';
-
-export const metadata = buildPageMetadata({
- title: 'Projects',
- description: PROJECTS_DESCRIPTION,
- path: '/projects',
-});
-
-const projectsSchema = collectionPageSchema({
- name: 'Projects',
- description: PROJECTS_DESCRIPTION,
- path: '/projects',
-});
-const projectsBreadcrumbs = breadcrumbSchema([
- homeBreadcrumb,
- { name: 'Projects', path: '/projects' },
-]);
-
-export default function ProjectsPage() {
- return (
- <>
-
- {categories.map(category => {
- const isActive = category === active;
- return (
- onSelect(category)}
- className='shrink-0'
- >
- {category}
-
- );
- })}
-
- );
-}
diff --git a/components/discover/discover-header.tsx b/components/discover/discover-header.tsx
deleted file mode 100644
index de3661aa..00000000
--- a/components/discover/discover-header.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-/** Page header for a discovery view: title with result count and subtext. */
-export function DiscoverHeader({
- heading,
- subtext,
- count,
-}: {
- heading: string;
- subtext: string;
- count?: number;
-}) {
- return (
-
-
- {heading}
- {typeof count === 'number' ? (
- ({count})
- ) : null}
-
-
{subtext}
-
;
@@ -198,9 +198,8 @@ function sectionRows(
/**
* Discovery filter controls, shared by the desktop sidebar and the mobile
* sheet. Controlled: the parent owns `value` so it can show a Reset affordance
- * and run the query. Sections are configured by the parent, so the projects
- * (category/tags/status/origin) and builders (skills/country/status) pages
- * render the same controls from one source. `idPrefix` keeps the two instances
+ * and run the query. Sections are configured by the parent (the builders
+ * directory passes skills/country/status). `idPrefix` keeps the two instances
* from sharing input ids.
*/
export function FilterRail({
diff --git a/components/discover/projects-grid.tsx b/components/discover/projects-grid.tsx
deleted file mode 100644
index ac6a2553..00000000
--- a/components/discover/projects-grid.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-'use client';
-
-import { OpportunityCard } from '@/components/cards/opportunity-card';
-import { OpportunityCardSkeleton } from '@/components/cards/opportunity-card-skeleton';
-import { Pagination } from '@/components/ui/pagination';
-
-import { toProjectCard } from './to-project-card';
-import type { ProjectListResponse } from './use-projects';
-
-const GRID_CLASS = 'grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3';
-
-export function ProjectsGrid({
- data,
- isPending,
- isError,
- isNarrowed,
- page,
- pageSize,
- onPageChange,
-}: {
- data?: ProjectListResponse;
- isPending: boolean;
- isError: boolean;
- /** A search or filter is applied, so an empty result is a miss, not an empty directory. */
- isNarrowed: boolean;
- page: number;
- pageSize: number;
- onPageChange: (page: number) => void;
-}) {
- if (isPending) {
- return (
-
- {Array.from({ length: pageSize }, (_, index) => (
-
- );
- }
-
- if (isError || !data) {
- return (
-
- Projects could not be loaded right now.
-
- );
- }
-
- if (data.data.length === 0) {
- return (
-
- {isNarrowed
- ? 'No projects match these filters.'
- : 'No projects to show yet.'}
-
- );
- }
-
- return (
-
-
- {data.data.map((project, index) => (
-
-
- {data.pagination.total > 0 && (
-
- )}
-
(EMPTY_FILTERS);
- const [page, setPage] = useState(1);
- const [railOpen, setRailOpen] = useState(true);
- const [sheetOpen, setSheetOpen] = useState(false);
-
- // Keep typing off the network until the visitor pauses. Narrowing the results
- // invalidates the page number, so the debounce resets it too.
- useEffect(() => {
- const timer = setTimeout(() => {
- setSearch(searchInput);
- setPage(1);
- }, SEARCH_DEBOUNCE_MS);
- return () => clearTimeout(timer);
- }, [searchInput]);
-
- const applyFilters = (next: FilterValue) => {
- setFilters(next);
- setPage(1);
- };
-
- const params = useMemo(
- () => ({
- page,
- limit: PAGE_SIZE,
- search: search || undefined,
- // `GET /projects` takes a single value for these three, so a multi-select
- // in the rail sends its first entry. Only `tags` is repeatable.
- category: filters.category?.[0],
- publicStatus: filters.publicStatus?.[0],
- originType: filters.originType?.[0],
- tags: filters.tags?.length ? filters.tags : undefined,
- }),
- [page, search, filters]
- );
-
- const { data, isError, isPending } = useProjects(params);
- const {
- data: facets,
- isPending: facetsPending,
- isError: facetsError,
- } = useProjectFilters();
-
- const categories = useMemo(
- () => [
- ALL_CATEGORIES,
- ...(facets?.categories.map(item => item.value) ?? []),
- ],
- [facets]
- );
-
- const filterSections = useMemo(() => {
- if (!facets) return [];
- return [
- {
- group: 'publicStatus',
- selection: 'single',
- title: 'Status',
- icon: Activity01Icon,
- kind: 'enum',
- items: facets.publicStatuses,
- },
- {
- group: 'originType',
- selection: 'single',
- title: 'Origin',
- icon: CompassIcon,
- kind: 'enum',
- items: facets.originTypes,
- },
- {
- group: 'category',
- selection: 'single',
- title: 'Category',
- icon: HashtagIcon,
- kind: 'facet',
- items: facets.categories,
- },
- {
- group: 'tags',
- selection: 'multi',
- title: 'Tags',
- icon: Tag02Icon,
- kind: 'facet',
- defaultOpen: false,
- items: facets.tags,
- },
- ];
- }, [facets]);
-
- const reset = () => applyFilters(EMPTY_FILTERS);
-
- const selectCategory = (category: string) =>
- applyFilters({
- ...filters,
- category: category === ALL_CATEGORIES ? [] : [category],
- });
-
- return (
-
- setRailOpen(open => !open)}
- onOpenMobileFilters={() => setSheetOpen(true)}
- filtersActive={hasActiveFilters(filters)}
- onReset={reset}
- query={searchInput}
- onQueryChange={setSearchInput}
- placeholder='Search projects, categories, or tags'
- />
-
-
- {railOpen ? (
-
- ) : null}
-
-
-
0}
- page={page}
- pageSize={PAGE_SIZE}
- onPageChange={setPage}
- />
-
-
-
-
- );
-}
diff --git a/components/discover/use-projects.ts b/components/discover/use-projects.ts
deleted file mode 100644
index 30c398e6..00000000
--- a/components/discover/use-projects.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-
-import { apiFetch } from '@/lib/api/client';
-import type { Schemas } from '@/lib/api/types';
-
-/** One page of `/projects`. */
-export type ProjectListResponse = Schemas['PublicProjectListDto'];
-
-/** Facets for the `/projects` filter rail. */
-export type ProjectFilters = Schemas['ProjectFiltersDto'];
-
-/** Query params `GET /projects` accepts from the directory page. */
-export interface ProjectsQueryParams {
- page?: number;
- limit?: number;
- search?: string;
- category?: string;
- /** Repeatable filter, sent as a comma-separated `tags` value. */
- tags?: string[];
- publicStatus?: string;
- originType?: string;
-}
-
-export const projectsKeys = {
- all: ['projects'] as const,
- list: (params: ProjectsQueryParams) =>
- ['projects', 'list', params] as const,
- filters: ['projects', 'filters'] as const,
-};
-
-function toQueryString(params: ProjectsQueryParams): string {
- const search = new URLSearchParams();
-
- if (params.page) search.set('page', String(params.page));
- if (params.limit) search.set('limit', String(params.limit));
- if (params.search) search.set('search', params.search);
- if (params.category) search.set('category', params.category);
- if (params.tags?.length) search.set('tags', params.tags.join(','));
- if (params.publicStatus) search.set('publicStatus', params.publicStatus);
- if (params.originType) search.set('originType', params.originType);
-
- const query = search.toString();
- return query ? `?${query}` : '';
-}
-
-/** Paginated `/projects` directory list, filtered by the params above. */
-export function useProjects(params: ProjectsQueryParams = {}) {
- return useQuery({
- queryKey: projectsKeys.list(params),
- queryFn: () =>
- apiFetch(`/projects${toQueryString(params)}`),
- });
-}
-
-/** Filter facets (categories, tags, statuses, origin types) for `/projects`. */
-export function useProjectFilters() {
- return useQuery({
- queryKey: projectsKeys.filters,
- queryFn: () => apiFetch('/projects/filters'),
- });
-}
diff --git a/components/landing/featured-projects.tsx b/components/landing/featured-projects.tsx
index 51cbc141..a2faa73b 100644
--- a/components/landing/featured-projects.tsx
+++ b/components/landing/featured-projects.tsx
@@ -10,8 +10,9 @@ import { Section, SectionHeading } from '@/components/marketing/section';
import { Button } from '@/components/ui/button';
import { apiFetch } from '@/lib/api/client';
import type { Schemas } from '@/lib/api/types';
+import { mainAppUrl } from '@/lib/main-app';
-import { toProjectCard } from '@/components/discover/to-project-card';
+import { toProjectCard } from './to-project-card';
const FEATURED_PROJECTS_SKELETON_COUNT = 3;
@@ -84,7 +85,7 @@ export function FeaturedProjects() {
size='large'
asChild
>
-