feat: update copy

data/home.md

@@ -1,7 +1,7 @@
-I'm a software engineer building user interfaces for web, mobile, and streaming devices. I'm quite passionate about TypeScript, React ecosystem, developer experience, and monorepos.
+I'm a software engineer building user interfaces for web, mobile, smart TVs, and streaming devices. I'm quite passionate about TypeScript, React ecosystem, state machines, monorepos, and developer experience.
 
-I'm currently based in Bodrum and mostly working on [putio](https://put.io), a cloud storage service that helps you to download and stream files, also a couple of passion projects on the side.
+I'm currently based in Bodrum and mostly working on [putio](https://put.io), a cloud storage service that helps you to download files from various sources and stream from anywhere you want.
 
-Before moving to Bodrum, I spent three years in Berlin to work on [Klarna](https://klarna.com)'s consumer app and [Lisk](https://lisk.io)'s mobile cryptocurrency wallet.
+Before moving to Bodrum, I spent three years in Berlin to work on [Klarna](https://klarna.com)'s consumer app and [Lisk](https://lisk.io)'s open-source mobile cryptocurrency wallet.
 
 Prior to Berlin, I lived in Istanbul where I studied Mechanical Engineering at Istanbul Bilgi University, cut my teeth at several internships, and eventually joined [putio](https://put.io) in 2017.

src/app/(zebrastik)/zebrastik/page.tsx

@@ -1,5 +1,6 @@
+import type { Metadata } from 'next'
+
 import { zebrastikCopy } from 'config'
-import { Metadata } from 'next'
 import Image from 'next/image'
 
 export const metadata: Metadata = {
@@ -13,27 +14,30 @@ export const metadata: Metadata = {
 
 export default function Page() {
   return (
-    <section className="app-width px-4 py-8 sm:px-0">
+    <>
       <div className="relative h-28 w-28 overflow-hidden rounded border border-solid border-neutral-900">
         <Image alt="zebrastik logo" fill src="/images/zebra.jpg" />
       </div>
 
-      <div className="mt-8 flex flex-col gap-2">
+      <div className="mt-8 flex flex-col gap-4">
         <h1>{zebrastikCopy.title}</h1>
         <p className="text-neutral-400">{zebrastikCopy.description}</p>
       </div>
 
       <hr className="my-8" />
 
-      <a className="text-neutral-400 hover:text-neutral-300" href="mailto:[email protected]">
-        [email protected]
+      <a
+        className="text-neutral-400 hover:text-neutral-300"
+        href="mailto:[email protected]"
+      >
+        [email protected]
       </a>
 
       <div className="mt-4 text-neutral-400">
         <p>zebrastik, LLC</p>
         <p>30 N Gould St, STE 4000</p>
         <p>Sheridan, WY 82801</p>
       </div>
-    </section>
+    </>
   )
 }

src/config/copy.ts

@@ -14,6 +14,6 @@ export const booksCopy = {
 
 export const zebrastikCopy = {
   description:
-    'we provide software development services for digital product companies at any scale. our expertise covers many platforms such as web, mobile, and streaming devices.',
-  title: 'hi, we are zebrastik',
+    'We provide software development services for digital product companies at any scale. Our expertise covers many platforms such as web, mobile, smart TVs, and streaming devices.',
+  title: 'Hi, we are zebrastik',
 }