moved to components

src/projects/factor-e/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "factor-e",

src/projects/flackie/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "flackie",

src/projects/glimpse/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "glimpse",

src/projects/good-morning/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "good morning!",

src/projects/index.ts

@@ -1,6 +1,7 @@
 import type { ComponentType } from "react";
 import { FactorEProject, metadata as factorEMetadata } from "./factor-e";
 import { FlackieProject, metadata as flackieMetadata } from "./flackie";
+import { FontsProject, metadata as fontsMetadata } from "./fonts";
 import { GlimpseProject, metadata as glimpseMetadata } from "./glimpse";
 import {
 	GoodMorningProject,
@@ -39,6 +40,10 @@ export const projects = {
 		metadata: factorEMetadata,
 		Component: FactorEProject,
 	},
+	[fontsMetadata.slug]: {
+		metadata: fontsMetadata,
+		Component: FontsProject,
+	},
 	[flackieMetadata.slug]: {
 		metadata: flackieMetadata,
 		Component: FlackieProject,

src/projects/mizu/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "MIZU",

src/projects/prayerbud/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "PrayerBud",

src/projects/shleep/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "Shleep",

src/projects/sprint/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "Sprint",
@@ -84,17 +84,17 @@ export function SprintProject() {
 				<div className="grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-1 gap-4">
 					<Demo
 						image="/images/sprint/landing-1.png"
-						title="Landing — 1"
+						title="Landing - 1"
 						type="boxed"
 					/>
 					<Demo
 						image="/images/sprint/landing-light-1.png"
-						title="Landing (light) — 1"
+						title="Landing (light) - 1"
 						type="boxed"
 					/>
 					<Demo
 						image="/images/sprint/selected-issue.png"
-						title="Main interface — issues list and detail pane"
+						title="Main interface - issues list and detail pane"
 						type="boxed"
 					/>
 					<Demo

src/projects/watercooler/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "Watercooler",

src/projects/wiskatron/index.tsx

@@ -1,5 +1,5 @@
-import { Demo } from "@/projects/shared/Demo";
-import { ProjectPage } from "@/projects/shared/ProjectPage";
+import { Demo } from "@/components/Demo";
+import { ProjectPage } from "@/components/ProjectPage";
 
 export const metadata = {
 	title: "Wiskatron",