);
}
// ─────────────────────────────────────────────────────────────
// Live code snippet — animated typewriter of actual code
// ─────────────────────────────────────────────────────────────
function LiveCodeSnippet() {
const code = `// How I think about AI workflows
class EngineeringAgent {
context: TeamStandards;
promptLibrary: Prompts;
async ship(task: Feature) {
const plan = await this.reason(task);
const code = await this.draft(plan);
const tests = await this.verify(code);
return this.review(code, tests);
// ✦ 3–5× velocity, same quality bar
}
}`;
const [shown, setShown] = React.useState(0);
const [done, setDone] = React.useState(false);
const ref = React.useRef(null);
React.useEffect(() => {
const io = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting && !done) {
let i = 0;
const id = setInterval(() => {
i += 2;
if (i >= code.length) { setShown(code.length); clearInterval(id); setDone(true); }
else setShown(i);
}, 20);
}
}, { threshold: 0.5 });
if (ref.current) io.observe(ref.current);
return () => io.disconnect();
}, [done, code.length]);
const displayed = code.slice(0, shown);
// Simple syntax highlighting
const highlight = (s) => {
return s
.replace(/(\/\/[^\n]*)/g, '$1')
.replace(/\b(class|const|async|await|return|this|new)\b/g, '$1')
.replace(/\b(EngineeringAgent|TeamStandards|Prompts|Feature)\b/g, '$1')
.replace(/\b(ship|reason|draft|verify|review)\b(?=\()/g, '$1');
};
return (
philosophy.ts
▊') }} />
);
}
// ─────────────────────────────────────────────────────────────
// Testimonial carousel — placeholders
// ─────────────────────────────────────────────────────────────
function TestimonialCarousel() {
const items = [
{
quote: "I had the pleasure of working with Paulyn at T-Mobile. During my first year, Paulyn was instrumental in my growth and development — always eager to help and took on mentoring roles that were beyond her job description. She consistently fostered a positive work culture and her willingness to assist others made a significant impact on our team. I highly recommend her for any role that values teamwork, mentorship, and a strong work ethic.",
author: "Henry Vy",
org: "Full Stack Developer · T-Mobile",
},
{
quote: "Paulyn is an excellent engineer! Her skills not only lie in front-end design and development, but in lead roles as well. From mentoring juniors to creating detailed design documents for new implementations, she has it covered. Any team would be lucky to have her!",
author: "Asad Nawaz",
org: "Java Backend Engineer · worked with Paulyn at T-Mobile",
},
{
quote: "Paulyn is smart working and very enthusiastic. I worked with her on the One Experience & Styleguide project at Macy's. She is always committed to the quality of the work — React, GCP, Angular, Node, and mobile app development — and her positive attitude and zeal brings energy to the team. I'd be happy to recommend Paulyn for any position; I'm confident in her capabilities.",
author: "Ratanpriya Shrivastava",
org: "Lead Software Engineer · Macy's Systems & Technology",
},
{
quote: "I wish I got to work with Paulyn longer. Always eager and energetic, Paulyn was a great team player and quickly jumped into the weeds. Paulyn had great suggestions and was very attentive to the problem at hand. Hopefully we get to work together again in the future!",
author: "Karl Goodhew",
org: "Technology Leader · managed Paulyn directly",
},
];
const [i, setI] = React.useState(0);
const [paused, setPaused] = React.useState(false);
const isMobile = window.innerWidth <= 768;
// Auto-advance every 5s, pause on hover/touch
React.useEffect(() => {
if (paused) return;
const id = setInterval(() => setI(x => (x + 1) % items.length), 5000);
return () => clearInterval(id);
}, [paused]);
return (