diff --git a/components/core/CoreContactCta.vue b/components/core/CoreContactCta.vue
new file mode 100644
index 0000000..993f2eb
--- /dev/null
+++ b/components/core/CoreContactCta.vue
@@ -0,0 +1,9 @@
+
+
+ contact cta
+
+
+
+
diff --git a/config/projects.ts b/config/projects.ts
new file mode 100644
index 0000000..b584cfb
--- /dev/null
+++ b/config/projects.ts
@@ -0,0 +1,10 @@
+export const Hydra: Project = {
+ title: 'Hydra',
+ slogan: 'The only Discord bot you\'ll ever need.',
+ description: 'tbd',
+ cover: '/img/projects/hydra.png',
+ status: ProjectStatus.ACTIVE,
+ featured: true,
+ url: 'https://hydra.bot',
+ color: '#4999b3'
+}
diff --git a/pages/about.vue b/pages/about.vue
index ef58b8c..efce0f3 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -4,6 +4,13 @@
+
+ who am i
+
+
+ what do i like doing
+
+
diff --git a/pages/work.vue b/pages/work.vue
index 68689c8..6dec453 100644
--- a/pages/work.vue
+++ b/pages/work.vue
@@ -1,6 +1,16 @@
work
+
+ row of incomplete projects i'm working on
+
+
+ matrix of technologies i'm using
+
+
+ list of complete projects i've worked on
+
+
diff --git a/types/projects.ts b/types/projects.ts
new file mode 100644
index 0000000..0d638ca
--- /dev/null
+++ b/types/projects.ts
@@ -0,0 +1,16 @@
+interface Project {
+ title: string
+ slogan: string
+ description: string
+ cover: string
+ status: ProjectStatus
+ featured: boolean
+ url: string
+ color: string
+}
+
+enum ProjectStatus {
+ TBA,
+ ACTIVE,
+ FINISHED
+}
diff --git a/types/technologies.ts b/types/technologies.ts
new file mode 100644
index 0000000..be0b9f8
--- /dev/null
+++ b/types/technologies.ts
@@ -0,0 +1,5 @@
+interface Technology {
+ name: string
+ description: string
+ icon: string
+}