import React from “react”;
import { motion } from “framer-motion”;
import { Github, Linkedin, Mail, Download, ExternalLink, ArrowRight, Code2, ServerCog, Database, Wrench } from “lucide-react”;
import { Card, CardContent } from “@/components/ui/card”;
import { Button } from “@/components/ui/button”;

// — Quick edit zone ——————————————————–
const INFO = {
name: “Michael Turner”,
role: “IT | Data | Automation”,
tagline:
“Tier 3 tech and builder of calm, reliable systems. I turn messy ops into clean automations.”,
location: “Boise, ID (remote-friendly)”,
email: “mturner14@my.keller.edu”,
phone: “(281) 231-8986‬”,
resumeUrl: “/resume.pdf”, // Upload to your site and update path
github: “https://github.com/mturner87”,
linkedin: “https://www.linkedin.com/in/michael-turner71/”,
plausibleDomain: “michaelturnerai.com”, // replace with your real domain
};

const SKILLS = [
{ icon: , label: “Python” },
{ icon: , label: “Linux / WSL2” },
{ icon: , label: “SQL / ETL” },
{ icon: , label: “VoIP (PBX/NetSapiens)” },
{ icon: , label: “n8n / Make / Zapier” },
{ icon: , label: “AWS basics” },
];

const PROJECTS = [
{
title: “Ticket Intelligence Agent”,
desc: “An n8n + GPT workflow that auto-summarizes alerts, drafts replies, and opens tasks with context. Cut time-to-first-response by ~40%.”,
tech: [“n8n”, “GPT”, “Gmail API”, “Google Sheets”],
link: “#”,
},
{
title: “VoIP Quality Watch”,
desc: “A troubleshooting schema + scripts for SIP call issues using Wireshark, jitter/packet-loss tracking, and automatic client notes.”,
tech: [“Wireshark”, “Python”, “Dash”],
link: “#”,
},
{
title: “Personal AI Assistant”,
desc: “A local-first assistant on AWS that journals, tracks habits, and provides CLI + web UI for life admin.”,
tech: [“AWS”, “Python”, “FastAPI”, “Postgres”],
link: “#”,
},
];

const EXPERIENCE = [
{
role: “Tier 3 Technician”,
company: “ServerPlus (Multi-LOB Support)”,
period: “2023 – Present”,
bullets: [
“Resolved complex VoIP/network issues across 20+ client environments (ISPs, healthcare, oil & gas).”,
“Built automation to surface similar past cases by keyword (cut repeat troubleshooting time).”,
“Led root-cause analyses; documented reusable playbooks and guardrails.”,
],
},
{
role: “Executive Chef → IT Transition”,
company: “Career Change”,
period: “Prior – 2023”,
bullets: [
“Led high-pressure teams; translated ops rigor into reliable IT processes.”,
“Lean systems mindset: mise en place, but for infrastructure.”,
],
},
];

const EDUCATION = [
{
label: “B.S. Computer Science (2025)”,
detail: “Master’s in progress (CS + PM)”,
},
];

// — Components ————————————————————-

const Section = ({ id, title, children }: { id: string; title: string; children: React.ReactNode }) => (

{title}

{children}

);

const Header = () => (

);

const Hero = () => (

{INFO.name}

{INFO.role}

{INFO.tagline}

{INFO.resumeUrl && INFO.resumeUrl !== “#” && (

)}

{INFO.location}

{/* Replace this emoji with an OG image preview if desired */}
Michael Turner Portfolio

);

const Projects = () => (

{PROJECTS.map((p, i) => (


{p.title}

{p.link && p.link !== “#” && (

Demo

)}

{p.desc}

{p.tech.map((t, j) => (

{t}

))}




))}


);

const Experience = () => (

{EXPERIENCE.map((e, i) => (

{e.role} · {e.company}

{e.period}

    {e.bullets.map((b, j) => (

  • {b}

    • ))}

))}


);

const Skills = () => (

{SKILLS.map((s, i) => (

{s.icon}
{s.label}

))}


);

const Education = () => (

    {EDUCATION.map((ed, i) => (

  • {ed.label}
    {ed.detail ? — {ed.detail} : null}

    • ))}


);

const Contact = () => (

Email: {INFO.email ? {INFO.email} : “—”}

LinkedIn: {INFO.linkedin ? Profile : “—”}

GitHub: {INFO.github ? Repos : “—”}

Contact Form