diff --git a/README.md b/README.md
index 5ce6766..559a3a6 100644
--- a/README.md
+++ b/README.md
@@ -1,38 +1 @@
-# create-svelte
-
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+🚧 under construction 👷🏻‍♂️
diff --git a/package-lock.json b/package-lock.json
index d2972b8..00e269a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,6 @@
         "@sveltejs/adapter-static": "^3.0.1",
         "@sveltejs/kit": "^2.0.0",
         "@sveltejs/vite-plugin-svelte": "^3.0.0",
-        "@tailwindcss/typography": "^0.5.12",
         "@types/eslint": "^8.56.0",
         "@typescript-eslint/eslint-plugin": "^7.0.0",
         "@typescript-eslint/parser": "^7.0.0",
@@ -985,34 +984,6 @@
         "vite": "^5.0.0"
       }
     },
-    "node_modules/@tailwindcss/typography": {
-      "version": "0.5.12",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.12.tgz",
-      "integrity": "sha512-CNwpBpconcP7ppxmuq3qvaCxiRWnbhANpY/ruH4L5qs2GCiVDJXde/pjj2HWPV1+Q4G9+V/etrwUYopdcjAlyg==",
-      "dev": true,
-      "dependencies": {
-        "lodash.castarray": "^4.4.0",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.merge": "^4.6.2",
-        "postcss-selector-parser": "6.0.10"
-      },
-      "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || insiders"
-      }
-    },
-    "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/@types/cookie": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
@@ -2666,18 +2637,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/lodash.castarray": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
-      "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
-      "dev": true
-    },
-    "node_modules/lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-      "dev": true
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
diff --git a/package.json b/package.json
index 2d1a0c9..392995e 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@tailwindcss/typography": "^0.5.12",
     "@types/eslint": "^8.56.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
diff --git a/src/app.html b/src/app.html
index 2762bfc..7ed3416 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="prose dark:prose-invert bg-slate-200 dark:bg-slate-800">
+<html lang="en" class="bg-slate-50 text-slate-900 dark:bg-slate-900 dark:text-slate-50">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4039a26..7a4e65b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import '../app.css';
 </script>
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5982b0a..f5279ac 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1,32 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<main class="container px-8 sm:mx-auto">
+  <h1 class="mt-40 text-4xl sm:mt-60 sm:text-6xl md:text-8xl">Raymond Wang</h1>
+  <h2 class="mt-4 text-2xl">
+    Software Engineer at
+    <a
+      class="hover:underline hover:underline-offset-4"
+      href="https://www.atlassian.com/"
+      target="_blank">Atlassian</a
+    >
+  </h2>
+  <ul class="mt-4 flex flex-row gap-x-4">
+    <li>
+      <a class="hover:underline hover:underline-offset-4" href="mailto:r@ymond.wang" target="_blank"
+        >Email</a
+      >
+    </li>
+    <li>
+      <a
+        class="hover:underline hover:underline-offset-4"
+        href="https://github.com/raymondwang"
+        target="_blank">GitHub</a
+      >
+    </li>
+    <li>
+      <a
+        class="hover:underline hover:underline-offset-4"
+        href="https://www.linkedin.com/in/raymondruiwang"
+        target="_blank">LinkedIn</a
+      >
+    </li>
+  </ul>
+</main>
diff --git a/svelte.config.js b/svelte.config.js
deleted file mode 100644
index b412fb4..0000000
--- a/svelte.config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import adapter from '@sveltejs/adapter-static';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-
-  kit: {
-    adapter: adapter(),
-  },
-};
-
-export default config;
diff --git a/svelte.config.ts b/svelte.config.ts
new file mode 100644
index 0000000..4f6ce96
--- /dev/null
+++ b/svelte.config.ts
@@ -0,0 +1,11 @@
+import adapter from '@sveltejs/adapter-static';
+import type { Config } from '@sveltejs/kit';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+const config: Config = {
+  kit: { adapter: adapter() },
+  // https://kit.svelte.dev/docs/integrations#preprocessors
+  preprocess: vitePreprocess(),
+};
+
+export default config;
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index ec244e6..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ['./src/**/*.{html,js,svelte,ts}'],
-  theme: {
-    extend: {},
-  },
-  plugins: [require('@tailwindcss/typography')],
-};
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..53ab4e8
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,11 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  plugins: [],
+  theme: {
+    extend: {},
+  },
+};
+
+export default config;