diff --git a/src/app/hire/page.tsx b/src/app/hire/page.tsx new file mode 100644 index 0000000..0c48272 --- /dev/null +++ b/src/app/hire/page.tsx @@ -0,0 +1,159 @@ +import Link from 'next/link'; + +export const metadata = { + title: 'Hire me — Altan Esmer', + description: + 'Open to full-time, contract, and freelance software engineering work.', +}; + +const openTo = [ + 'Full-time roles', + 'Contract engagements', + 'Freelance projects', + 'Technical consulting', +]; + +export default function HirePage() { + return ( +
+
+
+ 06 // + ./hire-me + +
+ +

+ Let's work +
+ together. +

+ +

+ I'm a full-stack engineer focused on developer tooling and + performant web experiences. If you're building something + interesting, I'd love to hear about it. +

+ +
+
+ open to +
+
    + {openTo.map((item) => ( +
  • + ▸ + {item} +
    • + ))} +
+ +
+ + $ ./email-altan + + + or use the contact form + +
+
+ + + ← back home + +
+
+ ); +} diff --git a/src/components/AboutSection.tsx b/src/components/AboutSection.tsx index 696433b..3b4e20a 100644 --- a/src/components/AboutSection.tsx +++ b/src/components/AboutSection.tsx @@ -24,7 +24,7 @@ const timelineItems = [ { year: '2018 — 2022', title: 'B.Sc. Computer Science', - meta: 'SDU · Cyprus', + meta: 'SDU · Denmark', body: 'Side-quest: organized student hackathons. Thesis on incremental computation.', }, ] @@ -124,7 +124,7 @@ export default function AboutSection() { {' '} based {': '} - {'\'Cyprus / EU\''} + {'\'Denmark / EU\''} {','}
diff --git a/src/components/ContactSection.tsx b/src/components/ContactSection.tsx index c5f9ba0..b301704 100644 --- a/src/components/ContactSection.tsx +++ b/src/components/ContactSection.tsx @@ -1,6 +1,6 @@ 'use client'; -import { useState, useEffect, FormEvent } from 'react'; +import { useState, useEffect, useRef, FormEvent } from 'react'; interface FormState { name: string; @@ -12,6 +12,8 @@ interface FormState { } export default function ContactSection() { + const sectionRef = useRef(null); + const [form, setForm] = useState({ name: '', email: '', @@ -21,6 +23,21 @@ export default function ContactSection() { errors: {}, }); + useEffect(() => { + const el = sectionRef.current; + if (!el) return; + const observer = new IntersectionObserver( + (entries) => { + entries.forEach((entry) => { + if (entry.isIntersecting) entry.target.classList.add('in'); + }); + }, + { threshold: 0.12 } + ); + el.querySelectorAll('.reveal').forEach((t) => observer.observe(t)); + return () => observer.disconnect(); + }, []); + useEffect(() => { if (!form.submitted) return; const timer = setTimeout(() => { @@ -53,7 +70,7 @@ export default function ContactSection() { .join('\n'); const mailto = - `mailto:altan.esmer@gmail.com` + + `mailto:esmeraltan@gmail.com` + `?subject=${encodeURIComponent('Hi Altan')}` + `&body=${encodeURIComponent(body)}`; @@ -68,7 +85,12 @@ export default function ContactSection() { } return ( -
+