diff --git a/src/components/gitAgent/GitAgentInstallSection.tsx b/src/components/gitAgent/GitAgentInstallSection.tsx index 78ad5e3..2d9c948 100644 --- a/src/components/gitAgent/GitAgentInstallSection.tsx +++ b/src/components/gitAgent/GitAgentInstallSection.tsx @@ -12,7 +12,7 @@ export function GitAgentInstallSection() { className="mb-12" > - 09 — Get Started + 10 — Get Started

Choose your path diff --git a/src/components/gitAgent/GitAgentIntegrationsSection.tsx b/src/components/gitAgent/GitAgentIntegrationsSection.tsx index e667a00..474a92b 100644 --- a/src/components/gitAgent/GitAgentIntegrationsSection.tsx +++ b/src/components/gitAgent/GitAgentIntegrationsSection.tsx @@ -63,7 +63,7 @@ export function GitAgentIntegrationsSection() { className="mb-12" > - 08 — Integrations + 09 — Integrations

Integrations diff --git a/src/components/gitAgent/GitAgentMemorySection.tsx b/src/components/gitAgent/GitAgentMemorySection.tsx index 8162771..6da84e8 100644 --- a/src/components/gitAgent/GitAgentMemorySection.tsx +++ b/src/components/gitAgent/GitAgentMemorySection.tsx @@ -39,7 +39,7 @@ export function GitAgentMemorySection() { className="mb-8" > - 07 — Memory + 08 — Memory

Git-Native Memory diff --git a/src/components/gitAgent/GitAgentModelsSection.tsx b/src/components/gitAgent/GitAgentModelsSection.tsx index e53432c..923893a 100644 --- a/src/components/gitAgent/GitAgentModelsSection.tsx +++ b/src/components/gitAgent/GitAgentModelsSection.tsx @@ -26,7 +26,7 @@ export function GitAgentModelsSection() { className="mb-8" > - 06 — Models + 07 — Models

12+ Model Providers diff --git a/src/components/gitAgent/GitAgentUseCasesSection.tsx b/src/components/gitAgent/GitAgentUseCasesSection.tsx new file mode 100644 index 0000000..82f295e --- /dev/null +++ b/src/components/gitAgent/GitAgentUseCasesSection.tsx @@ -0,0 +1,126 @@ +import { motion } from "framer-motion"; +import { Link } from "react-router-dom"; +import { ShieldCheck, Brain, MessagesSquare, Mic, FileText, Plus } from "lucide-react"; + +const moreExamples = ["Internal Ops Copilot", "Self-Improving Incident Responder", "Multi-Agent Engineering Team", "Safe Migration Runner"]; + +const useCases = [ + { icon: ShieldCheck, tag: "Code", accent: "#8C5A3C", title: "Code Review Agent", desc: "Hand it any external codebase and it clones it, reads through the changes, flags bugs and security issues, and writes up a structured review. Its own personality and rules never mix with the code it's reviewing. You decide whether it needs your approval before posting anything back." }, + { icon: Brain, tag: "Memory", accent: "#4A6B5A", title: "Personal Assistant with Memory", desc: "Everything it learns about you is saved permanently and automatically versioned — nothing is lost if it restarts, and there's no database to manage. Give each person or project its own completely separate, independently evolving memory." }, + { icon: MessagesSquare, tag: "Support", accent: "#4A5A73", title: "Customer Support Agent", desc: "Give it a defined personality, clear boundaries on what it can and can't say, and your help docs as its knowledge base. Tell it exactly when to hand off to a human instead of leaving it to guess. Anything it explicitly remembers is saved and versioned automatically." }, + { icon: Mic, tag: "Voice", accent: "#8A5F8C", title: "Voice Assistant", desc: "Turn the same assistant into a real-time voice experience — talk to it and it talks back, with camera and screen sharing built in. It remembers everything the same way the text version does, so it feels like one continuous assistant." }, + { icon: FileText, tag: "Research", accent: "#B5883A", title: "Automated Research & Report Writer", desc: "Give it a topic and a format, and it researches, cross-references sources, and writes the report for you, with every draft saved along the way. Set it to run automatically on a schedule, like a weekly market summary that just shows up ready to read." }, +]; + +function MoreCard({ i }: { i: number }) { + return ( + +
+ + + +

And more

+
+ +

+ Anything you can describe as a task, an agent can be built around: +

+ +
+ {moreExamples.map((ex) => ( + + {ex} + + ))} +
+ + + See a full worked example in the cookbooks → + +
+ ); +} + +function UseCaseCard({ u, i }: { u: (typeof useCases)[number]; i: number }) { + const Icon = u.icon; + return ( + + {/* Accent bar */} + + + {/* Category tag */} + + {u.tag} + + + {/* Head: icon badge + title */} +
+ + + +

{u.title}

+
+ +

+ {u.desc} +

+
+ ); +} + +export function GitAgentUseCasesSection() { + return ( +
+
+ + + 06 — Use Cases + +

+ What you can build +

+

+ One git-native framework, many agents — from autonomous repo agents to an SDK embedded in your product. +

+
+ + {/* Clean 3x2 grid: 5 real use cases + a 6th "more" tile */} +
+ {useCases.map((u, i) => ( + + ))} + +
+
+
+ ); +} diff --git a/src/pages/GitAgentPage.tsx b/src/pages/GitAgentPage.tsx index c2fd7b4..b2507fc 100644 --- a/src/pages/GitAgentPage.tsx +++ b/src/pages/GitAgentPage.tsx @@ -6,6 +6,7 @@ import { GitAgentWhySection } from "@/components/gitAgent/GitAgentWhySection"; import { GitAgentArchitectureSection } from "@/components/gitAgent/GitAgentArchitectureSection"; import { GitAgentInterfaces } from "@/components/gitAgent/GitAgentInterfaces"; import { GitAgentFeaturesSection } from "@/components/gitAgent/GitAgentFeaturesSection"; +import { GitAgentUseCasesSection } from "@/components/gitAgent/GitAgentUseCasesSection"; import { GitAgentModelsSection } from "@/components/gitAgent/GitAgentModelsSection"; import { GitAgentMemorySection } from "@/components/gitAgent/GitAgentMemorySection"; import { GitAgentIntegrationsSection } from "@/components/gitAgent/GitAgentIntegrationsSection"; @@ -19,6 +20,7 @@ const overviewSections = [ { id: "interfaces", label: "Interfaces" }, { id: "architecture", label: "Architecture" }, { id: "features", label: "Features" }, + { id: "use-cases", label: "Use Cases" }, { id: "models", label: "Models" }, { id: "memory", label: "Memory" }, { id: "integrations", label: "Integrations" }, @@ -96,6 +98,7 @@ const GitAgentPage = () => { +