+ {children}
+
+ );
+}
diff --git a/microsite-agentic/src/components/Architecture.tsx b/microsite-agentic/src/components/Architecture.tsx
new file mode 100644
index 0000000..9b1157c
--- /dev/null
+++ b/microsite-agentic/src/components/Architecture.tsx
@@ -0,0 +1,116 @@
+import { AnimateOnScroll } from "./AnimateOnScroll";
+
+const API_LAYERS = [
+ {
+ title: "Input",
+ items: [
+ { name: "Recruiter Input", desc: "JD, role brief, company target, or sourcing prompt" },
+ ],
+ },
+ {
+ title: "Planning + Evidence",
+ items: [
+ { name: "Claude AI", desc: "Strategy generation / Evidence scoring" },
+ { name: "GitHub API", desc: "Contribution data / Code signal extraction" },
+ { name: "Exa + Websets", desc: "Semantic search / Continuous monitoring" },
+ { name: "Harmonic", desc: "Startup ecosystem / Company context" },
+ ],
+ },
+ {
+ title: "Enrichment + Workflow Output",
+ items: [
+ { name: "Profile Enrichment", desc: "Contact paths / Company context" },
+ { name: "Workflow Export", desc: "Ranked lists / CSV / API handoff" },
+ { name: "Monitoring", desc: "Persistent pipelines / Auto-updates" },
+ ],
+ },
+];
+
+const API_ENDPOINTS = [
+ {
+ api: "Evidence Pipeline",
+ count: 4,
+ endpoints: ["GitHub Signal", "Contribution Scoring", "Repo Analysis", "Builder Score"],
+ },
+ {
+ api: "Enrichment Pipeline",
+ count: 3,
+ endpoints: ["Company Context", "Ecosystem Mapping", "Contact Discovery"],
+ },
+ {
+ api: "Workflow Output",
+ count: 3,
+ endpoints: ["Ranked Export", "Monitoring", "API Handoff"],
+ },
+];
+
+export function Architecture() {
+ return (
+
+
+
+
+
+
+
+
+
+ System Architecture
+
+
+ + How SourceKit fits into an agentic recruiting stack +
+
+ {API_LAYERS.map((layer, i) => (
+
+
+ ))}
+
+
+
+
+ + {layer.title} +
+
+ {layer.items.map((item) => (
+
+
+
+ ))}
+
+ {item.name}
+
+
+ {item.desc}
+
+
+ {API_ENDPOINTS.map((api) => (
+
+
+
+ ))}
+
+
+ {api.api}
+
+
+ {api.count} endpoints
+
+
+
+ {api.endpoints.map((ep) => (
+
+
+
+ {ep}
+
+ ))}
+
+ {/* Evidence Score */}
+
+
+
+
+
+
+ {/* Evidence Framework */}
+
+
+
+
+
+
+
+
+ Evidence Score
+
+
+ + Evidence your recruiter agents can trust +
++ Every candidate is backed by concrete OSS activity, repo context, + contribution recency, and stack alignment. +
+
+
+
+ {EVIDENCE_DIMENSIONS.map((dim) => (
+
+
+
+ ))}
+
+ {dim.label}
+ {dim.pct}%
+
+
+
+
+
+ Structured Output
+ Agent-Consumable
+ Auditable Scoring
+ GitHub-Verified
+
+
+
+ Evidence Framework
+
+
+ + Proof over profile claims +
++ Verifiable signal extracted from real engineering work. + Every data point maps back to a repo, commit, or contribution. +
+
+
+
+ {EVIDENCE_CATEGORIES.map((group) => (
+
+
+
+ ))}
+ + {group.category} +
+
+ {group.items.map((item) => (
+
+
+
+ {item}
+
+ ))}
+
+
+
+
+ {tag}
+
+ {isNew && (
+
+ NEW
+
+ )}
+
+ {title}
++ {description} +
+
+ {details.map((detail) => (
+
+
+
+ {detail}
+
+ ))}
+
+
+
+
+
+
+
+ Features
+
+
+ + Built for AI-native recruiting workflows +
++ SourceKit helps recruiter agents plan, discover, score, enrich, and + operationalize technical talent using verifiable open-source evidence. +
+
+ {FEATURES.map((feature, i) => (
+
+
+
+
+
+
+
+ {/* Scroll indicator */}
+
+ {/* Left: wordmark + positioning */}
+
+
+
+ {/* Right: targeting system */}
+
+
+
+
+
+
+
+
+ + Structured developer evidence for agentic recruiting. +
+ ++ Give AI recruiters, sourcing agents, and gen-AI hiring tools + machine-readable proof of engineering ability — ranked from + real GitHub work, enriched with company and ecosystem context. +
+ +
+ {["Agent-ready", "Structured evidence", "GitHub-native", "Recruiter workflows", "API-friendly"].map((tag) => (
+
+ {tag}
+
+ ))}
+
+
+
+
+ Launch SourceKit
+
+
+ View Docs
+
+
+
+
+
+
+
+ Scroll
+
+
+
+
+ {/* Backdrop */}
+
+
+ {/* Content */}
+
+ );
+}
diff --git a/microsite-agentic/src/components/PosterModal.tsx b/microsite-agentic/src/components/PosterModal.tsx
new file mode 100644
index 0000000..8d13dcf
--- /dev/null
+++ b/microsite-agentic/src/components/PosterModal.tsx
@@ -0,0 +1,516 @@
+import { useEffect } from "react";
+
+interface PosterModalProps {
+ onClose: () => void;
+}
+
+export function PosterModal({ onClose }: PosterModalProps) {
+ useEffect(() => {
+ const handleKey = (e: KeyboardEvent) => {
+ if (e.key === "Escape") onClose();
+ };
+
+ document.addEventListener("keydown", handleKey);
+ document.body.style.overflow = "hidden";
+
+ return () => {
+ document.removeEventListener("keydown", handleKey);
+ document.body.style.overflow = "";
+ };
+ }, [onClose]);
+
+ return (
+ e.stopPropagation()}
+ >
+ {/* Close button */}
+
+
+ {/* Image container */}
+
+
+
+
+ {/* Navigation arrows */}
+ {item.content}
+
+ {item.title}
+
+ {currentIndex + 1} / {items.length}
+
+
+
+
+
+
+
+ {/* Backdrop */}
+
+
+ {/* Poster */}
+
+ );
+}
diff --git a/microsite-agentic/src/components/ProductOverview.tsx b/microsite-agentic/src/components/ProductOverview.tsx
new file mode 100644
index 0000000..ffb6f12
--- /dev/null
+++ b/microsite-agentic/src/components/ProductOverview.tsx
@@ -0,0 +1,187 @@
+import { AnimateOnScroll } from "./AnimateOnScroll";
+
+interface FlowStepProps {
+ label: string;
+ description: string;
+}
+
+function FlowStep({ label, description }: FlowStepProps) {
+ return (
+ e.stopPropagation()}
+ >
+
+
+
+
+
+
+
+
+
+ );
+}
+
+interface InfoRowProps {
+ title: string;
+ items: { label: string; description: string }[];
+ delay?: number;
+}
+
+function InfoRow({ title, items, delay = 0 }: InfoRowProps) {
+ return (
+
+
+ {label}
+
+ {description}
+
+
+
+ + {title} +
+
+ {items.map((item) => (
+
+
+
+
+
+ {/* Pipeline flow */}
+
+
+
+
+
+
+ How it works
+
+
+ + From recruiter prompt to agent-ready candidate graph +
++ Paste a role, JD, or company target. SourceKit turns open-source + activity into structured candidate evidence that AI recruiter tools + can rank, enrich, monitor, and route. +
+
+
+ + Pipeline +
+
+ {[
+ { step: "Recruiter Input", desc: "Role, JD, company target, or sourcing brief" },
+ { step: "Strategy Build", desc: "AI maps repos, skills, adjacencies, and signals" },
+ { step: "Evidence Extraction", desc: "GitHub work converted into structured candidate proof" },
+ { step: "Agent Enrichment", desc: "Profiles, contact paths, and company context" },
+ { step: "Operational Output", desc: "Ranked lists, monitoring, exports, and workflows" },
+ ].map((item, i) => (
+
+
+
+ ))}
+
+
+ {i < 4 && (
+
+ )}
+
+ {i === 0 ? "Input" : i === 1 ? "Planning" : i === 2 ? "Evidence" : i === 3 ? "Enrichment" : "Workflow"}
+
+ {item.step}
+ {item.desc}
+
+
+
+
+
+
+
+
+ {lightboxIndex !== null && (
+
+
+ Screens
+
+
+ + What it looks like +
+
+ {SCREENS.map((screen, i) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+ Integrations
+
+
+ + Integrations for AI recruiting systems +
+
+ {STACK_ITEMS.map((item) => (
+
+ {item.label}
+
+ ))}
+
+
+
+
+ {/* Subtle glow behind */}
+
+
+ );
+}
diff --git a/microsite-agentic/src/hooks/useReducedMotion.ts b/microsite-agentic/src/hooks/useReducedMotion.ts
new file mode 100644
index 0000000..056a9eb
--- /dev/null
+++ b/microsite-agentic/src/hooks/useReducedMotion.ts
@@ -0,0 +1,16 @@
+import { useEffect, useState } from "react";
+
+export function useReducedMotion(): boolean {
+ const [reduced, setReduced] = useState(false);
+
+ useEffect(() => {
+ const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+ setReduced(mq.matches);
+
+ const handler = (e: MediaQueryListEvent) => setReduced(e.matches);
+ mq.addEventListener("change", handler);
+ return () => mq.removeEventListener("change", handler);
+ }, []);
+
+ return reduced;
+}
diff --git a/microsite-agentic/src/hooks/useScrollSpy.ts b/microsite-agentic/src/hooks/useScrollSpy.ts
new file mode 100644
index 0000000..d7f453f
--- /dev/null
+++ b/microsite-agentic/src/hooks/useScrollSpy.ts
@@ -0,0 +1,49 @@
+import { useEffect, useState } from "react";
+
+const SECTIONS = [
+ "hero",
+ "overview",
+ "features",
+ "eea",
+ "screens",
+ "stack",
+] as const;
+
+export type SectionId = (typeof SECTIONS)[number];
+
+export function useScrollSpy(): SectionId {
+ const [active, setActive] = useState