SEO

Author: JakeCallcut

public/Jake Callcut.pdf

@@ -14,31 +14,42 @@
     "website": "https://jakecallcut.dev"
   },
   "about": {
-    "bio": "I’m a software engineer with a passion for blending design and technology. With experience spanning mobile apps, embedded systems, and full-stack development, I enjoy solving complex problems and delivering polished, human-centered solutions. Outside of work, I’m always learning new tools and exploring how technology can make everyday life a little easier.",
-    "skills": ["Swift", "Flutter", "Java", "Python", "Ada/SPARK"],
+    "bio": "I'm a software engineer with a passion for blending design and technology. With experience spanning mobile apps, embedded systems, and full-stack development, I enjoy solving complex problems and delivering polished, human-centered solutions. Outside of work, I’m always learning new tools and exploring how technology can make everyday life a little easier.",
+    "skills": ["Swift", "Flutter", "Java", "Python", "TypeScript"],
     "toolbox": ["VS Code", "Xcode", "Figma", "Git", "Docker"]
   },
   "experience": [
     {
       "company": "Squircle",
       "role": "Developer",
-      "period": "2025 — Present",
+      "period": "Jul 2025 — Present",
       "location": "Glasgow, Scotland",
       "image": "/experience-one.png",
       "bullets": [
-        "Developed an iOS app that uses NFC tiles and encrypted payloads to trigger custom shortcuts and actions.",
-        "Introduced modern DevOps workflows that reduced release friction and improved reliability."
+        "Independently designed and engineered an iOS app that uses RFID Hardware and encrypted payloads to trigger custom shortcuts and actions.",
+        "Aided in establishing B2B and B2C Logistics and coordinating trials with clients."
       ]
     },
     {
       "company": "GI Healthcare Industries Limited",
       "role": "Software Engineer",
-      "period": "2024 — Present",
+      "period": "Aug 2024 — Present",
       "location": "Edinburgh, Scotland",
       "image": "/experience-two.png",
       "bullets": [
-        "Developed software to support healthcare technology used in clinical environments.",
-        "Worked closely with engineers and medical staff to ensure safety-critical compliance."
+        "Solely developed and launched the company's website, gihealthcare.co.uk, using Flutter and Azure, bringing the company online and enabling engagement with clients and partners.",
+        "Collaborated with a team of developers to build a multi-machine control system using Flutter, Bloc state management, and adhering to SOLID principles and the MVC architecture to ensure scalable, maintainable, and efficient code."
+      ]
+    },
+        {
+      "company": "GI Healthcare Industries Limited",
+      "role": "UI/UX Intern",
+      "period": "Jun 2024 — Aug 2024",
+      "location": "Edinburgh, Scotland",
+      "image": "/experience-two.png",
+      "bullets": [
+        "Designed the front-end interface for a multi-machine control system, from low-fidelity wireframes to developer-ready handoff using Figma. Helping take the company's new product from TRL 3 to TRL 5.",
+        "Liased with engineers and military personnel to ensure the interface met user needs and operational requirements."
       ]
     }
   ],

src/data/content.json

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-const SITE_TITLE = 'Jake Callcut – Designer & Developer';
+const SITE_TITLE = 'Jake Callcut - Designer & Developer';
 const SITE_URL = 'https://jakecallcut.dev';
 const DEFAULT_IMAGE = '/og-image.png';
 

src/lib/seo.tsx

@@ -1,5 +1,6 @@
 import { motion } from 'framer-motion';
 import content from '../data/content.json';
+import SEO from '../lib/seo';
 // SocialLinks removed from contact page; icons are in the footer
 
 export default function Contact() {
@@ -17,6 +18,7 @@ export default function Contact() {
 
   return (
     <motion.section initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}>
+      <SEO title="Contact" description="Get in touch with me for opportunities, collaborations, or projects" />
       <h1 className="text-3xl font-bold mb-8">Contact</h1>
       <form className="max-w-lg mx-auto flex flex-col gap-4" onSubmit={handleMailto}>
         <input
@@ -40,11 +42,23 @@ export default function Contact() {
           className="w-full px-4 py-3 border border-border rounded-2xl bg-card text-card-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary"
           rows={5}
         />
-        <button type="submit" className="btn btn-primary">Send</button>
+        <button type="submit" className="inline-flex items-center justify-center font-medium rounded-2xl transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary bg-primary text-primary-foreground hover:bg-primary/90 px-5 py-3 text-base">Send</button>
       </form>
       <div className="mt-8 text-center">
         <div className="mb-2">Or email directly: <a href={`mailto:${contact.email}`} className="text-primary underline">{contact.email}</a></div>
-        <div className="mb-2">{contact.note}</div>
+        <div className="mb-6">{contact.note}</div>
+        <a 
+          href="/Jake Callcut.pdf" 
+          download="Jake_Callcut_CV.pdf"
+          className="mt-8 inline-flex items-center justify-center gap-2 bg-secondary text-secondary-foreground px-5 py-3 text-base rounded-2xl shadow-md hover:shadow-lg focus-visible:ring-2 focus-visible:ring-primary transition-transform transform-gpu hover:-translate-y-0.5"
+        >
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" className="opacity-90">
+            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+            <polyline points="7,10 12,15 17,10" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+            <line x1="12" y1="15" x2="12" y2="3" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+          </svg>
+          <span>Download CV</span>
+        </a>
       </div>
     </motion.section>
   );

src/routes/Contact.tsx

@@ -1,11 +1,13 @@
 import { motion } from 'framer-motion';
 import content from '../data/content.json';
 import TimelineItem from '../components/TimelineItem';
+import SEO from '../lib/seo';
 
 export default function Experience() {
   const { experience } = content;
   return (
     <motion.section initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}>
+      <SEO title="Experience" description="My professional experience and work history" />
       <h1 className="text-4xl font-extrabold mb-12 text-center tracking-tight">Experience</h1>
       <div className="flex flex-col gap-10 border-l-2 border-primary pl-6">
         {experience.map((item, idx) => (