25 files changed, 100 insertions, 100 deletions

diff --git a/docs/components/ExamplesArea.tsx b/docs/components/ExamplesArea.tsx
index 8b38263..c4c7060 100644
--- a/docs/components/ExamplesArea.tsx
+++ b/docs/components/ExamplesArea.tsx
@@ -22,7 +22,7 @@ export const ExamplesArea = ({
               name,
             }}
             target="_blank"
-            href={`https://github.com/vercel/turbo/tree/main/examples/${slug}`}
+            href={`https://github.com/retrofor/HydroRoll/tree/main/examples/${slug}`}
           />
         ))}
     </div>
diff --git a/docs/components/ExtraContent.tsx b/docs/components/ExtraContent.tsx
index f489e36..93567ce 100644
--- a/docs/components/ExtraContent.tsx
+++ b/docs/components/ExtraContent.tsx
@@ -4,7 +4,7 @@ import { useTurboSite } from "./SiteSwitcher";
 export default function ExtraContent() {
   const site = useTurboSite();
 
-  if (site === "repo") {
+  if (site === "AI") {
     return <RemoteCacheCounter />;
   }
 }
diff --git a/docs/components/Footer.tsx b/docs/components/Footer.tsx
index c39225c..4cb2089 100644
--- a/docs/components/Footer.tsx
+++ b/docs/components/Footer.tsx
@@ -33,16 +33,16 @@ const navigation = {
     { name: "Releases", href: "https://github.com/retrofor/HydroRoll/releases" },
   ],
   repo: [
-    { name: "Documentation", href: "/repo/docs" },
+    { name: "Documentation", href: "/AI/docs" },
     {
       name: "API Reference",
-      href: "/repo/docs/reference/command-line-reference",
+      href: "/AI/docs/reference/command-line-reference",
     },
-    { name: "FAQ", href: "/repo/docs/faq" },
+    { name: "FAQ", href: "/AI/docs/faq" },
   ],
   pack: [
-    { name: "Documentation", href: "/pack/docs" },
-    { name: "Features", href: "/pack/docs/features" },
+    { name: "Documentation", href: "/TRPG/docs" },
+    { name: "Features", href: "/TRPG/docs/features" },
   ],
   support: [
     {
diff --git a/docs/components/TurbopackFeatures.tsx b/docs/components/HydroRollTRPGFeatures.tsx
index 5570a52..c470df7 100644
--- a/docs/components/TurbopackFeatures.tsx
+++ b/docs/components/HydroRollTRPGFeatures.tsx
@@ -8,7 +8,7 @@ import {
 import { DetailedFeatureLink } from "./Feature";
 import { CSSIcon, JSIcon, TSIcon } from "./Icons";
 
-export const TurbopackFeatures = () => {
+export const HydroRollTRPGFeatures = () => {
   return (
     <div className="grid grid-cols-1 mt-12 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:gap-x-8 lg:gap-y-12">
       <DetailedFeatureLink
@@ -17,7 +17,7 @@ export const TurbopackFeatures = () => {
           description: `Supports all ESNext features, Browserslist and top-level await.`,
           name: "JavaScript",
         }}
-        href="/pack/docs/features/javascript"
+        href="/TRPG/docs/features/javascript"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -30,7 +30,7 @@ export const TurbopackFeatures = () => {
           ),
           name: "TypeScript",
         }}
-        href="/pack/docs/features/typescript"
+        href="/TRPG/docs/features/typescript"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -43,7 +43,7 @@ export const TurbopackFeatures = () => {
           ),
           name: "Imports",
         }}
-        href="/pack/docs/features/imports"
+        href="/TRPG/docs/features/imports"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -64,7 +64,7 @@ export const TurbopackFeatures = () => {
           ),
           name: "CSS",
         }}
-        href="/pack/docs/features/css"
+        href="/TRPG/docs/features/css"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -73,7 +73,7 @@ export const TurbopackFeatures = () => {
             "Learn about Next.js, Svelte, Vue and React Server Components support.",
           name: "Frameworks",
         }}
-        href="/pack/docs/features/frameworks"
+        href="/TRPG/docs/features/frameworks"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -86,7 +86,7 @@ export const TurbopackFeatures = () => {
           ),
           name: "Static Assets",
         }}
-        href="/pack/docs/features/static-assets"
+        href="/TRPG/docs/features/static-assets"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -99,7 +99,7 @@ export const TurbopackFeatures = () => {
           ),
           name: "Environment Variables",
         }}
-        href="/pack/docs/features/environment-variables"
+        href="/TRPG/docs/features/environment-variables"
       ></DetailedFeatureLink>
     </div>
   );
diff --git a/docs/components/TurbopackQuickstart.tsx b/docs/components/HydroRollTRPGQuickstart.tsx
index 695a947..2e17d41 100644
--- a/docs/components/TurbopackQuickstart.tsx
+++ b/docs/components/HydroRollTRPGQuickstart.tsx
@@ -4,7 +4,7 @@ import {
 } from "@heroicons/react/outline";
 import { DetailedFeatureLink } from "./Feature";
 
-export const TurbopackQuickstartArea = () => {
+export const HydroRollTRPGQuickstartArea = () => {
   return (
     <div className="grid grid-cols-1 mt-12 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:gap-x-8 lg:gap-y-12">
       <DetailedFeatureLink
@@ -13,7 +13,7 @@ export const TurbopackQuickstartArea = () => {
           description: `Learn why we created Turbopack, and why we think it’s the future of bundling for the web.`,
           name: "Why Turbopack?",
         }}
-        href="/pack/docs/why-turbopack"
+        href="/TRPG/docs/why-turbopack"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -21,7 +21,7 @@ export const TurbopackQuickstartArea = () => {
           description: `Learn about the innovative architecture that powers Turbopack’s speed improvements.`,
           name: "Core Concepts",
         }}
-        href="/pack/docs/core-concepts"
+        href="/TRPG/docs/core-concepts"
       ></DetailedFeatureLink>
     </div>
   );
diff --git a/docs/components/Navigation.tsx b/docs/components/Navigation.tsx
index d72b714..b446d4c 100644
--- a/docs/components/Navigation.tsx
+++ b/docs/components/Navigation.tsx
@@ -28,7 +28,7 @@ function Navigation(props) {
       // https://github.com/shuding/nextra/issues/1028
       route: "enterprise",
       href: `https://vercel.com/${
-        site === "repo" ? "solutions/turborepo" : "contact/sales"
+        site === "AI" ? "solutions/HydroRollAI" : "contact/sales"
       }?utm_source=turbo.build&utm_medium=referral&utm_campaign=header-enterpriseLink`,
       id: "contextual-enterprise",
       key: "contextual-enterprise",
@@ -37,7 +37,7 @@ function Navigation(props) {
 
   // remove the top level repo and pack links
   const headerItems = props.items.filter((item) => {
-    return item.name !== "repo" && item.name !== "pack";
+    return item.name !== "AI" && item.name !== "TRPG";
   });
 
   // items last to override the default
diff --git a/docs/components/QuickStart.tsx b/docs/components/QuickStart.tsx
index 040871e..113ba4f 100644
--- a/docs/components/QuickStart.tsx
+++ b/docs/components/QuickStart.tsx
@@ -20,7 +20,7 @@ export const QuickStartArea = () => {
           description: `Add Turborepo to any JavaScript or TypeScript project in minutes.`,
           name: "Add to existing project",
         }}
-        href="/repo/docs/getting-started/add-to-project"
+        href="/AI/docs/getting-started/add-to-project"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -28,7 +28,7 @@ export const QuickStartArea = () => {
           description: `Build a brand-new monorepo with shared packages powered by Turborepo.`,
           name: "Create a new monorepo",
         }}
-        href="/repo/docs/getting-started/create-new"
+        href="/AI/docs/getting-started/create-new"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -36,7 +36,7 @@ export const QuickStartArea = () => {
           description: `Incrementally add Turborepo to your existing monorepo codebase.`,
           name: "Add to existing monorepo",
         }}
-        href="/repo/docs/getting-started/existing-monorepo"
+        href="/AI/docs/getting-started/existing-monorepo"
       ></DetailedFeatureLink>
     </div>
   );
@@ -49,9 +49,9 @@ export const MonoreposArea = () => {
         feature={{
           Icon: LightBulbIcon,
           description: `Understand why monorepos don't scale - and why Turborepo is the solution.`,
-          name: "Why Turborepo?",
+          name: "Why AI?",
         }}
-        href="/repo/docs/core-concepts/monorepos"
+        href="/AI/docs/core-concepts/monorepos"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -59,7 +59,7 @@ export const MonoreposArea = () => {
           description: `Learn the basics of monorepos before you dive in to Turborepo.`,
           name: "Read the Monorepo Handbook",
         }}
-        href="/docs/handbook"
+        href="/AI/handbook"
       ></DetailedFeatureLink>
     </div>
   );
@@ -74,7 +74,7 @@ export const LearnMoreArea = () => {
           description: `Turborepo remembers the output of any task you run - and can skip work that's already been done.`,
           name: "Never do the same work twice",
         }}
-        href="/repo/docs/core-concepts/caching"
+        href="/AI/docs/core-concepts/caching"
       />
       <DetailedFeatureLink
         feature={{
@@ -82,7 +82,7 @@ export const LearnMoreArea = () => {
           description: `The way you run your tasks is probably not optimized. Turborepo speeds them up with smart scheduling, minimising idle CPU's.`,
           name: "Maximum Multitasking",
         }}
-        href="/repo/docs/core-concepts/monorepos/running-tasks"
+        href="/AI/docs/core-concepts/monorepos/running-tasks"
       ></DetailedFeatureLink>
     </div>
   );
diff --git a/docs/components/RemoteCacheCounter.tsx b/docs/components/RemoteCacheCounter.tsx
index ef4dc6e..7281887 100644
--- a/docs/components/RemoteCacheCounter.tsx
+++ b/docs/components/RemoteCacheCounter.tsx
@@ -29,7 +29,7 @@ export default function RemoteCacheCounter() {
 
   return (
     <Link
-      href="/repo/docs/core-concepts/remote-caching"
+      href="/AI/docs/core-concepts/remote-caching"
       className="group mt-4 rounded-lg border border-transparent overflow-hidden bg-origin-border bg-gradient-to-r from-red-500 to-blue-500 dark:text-[#9ca3af] text-[#6b7280]"
     >
       <div className="p-4 dark:bg-[#111111] bg-white">
diff --git a/docs/components/SiteSwitcher.tsx b/docs/components/SiteSwitcher.tsx
index e5d58d2..6f6ba15 100644
--- a/docs/components/SiteSwitcher.tsx
+++ b/docs/components/SiteSwitcher.tsx
@@ -2,17 +2,17 @@ import cn from "classnames";
 import { useRouter } from "next/router";
 import Link from "next/link";
 
-export type TurboSite = "pack" | "repo";
+export type TurboSite = "TRPG" | "AI";
 
 export function useTurboSite(): TurboSite | undefined {
   const { pathname } = useRouter();
 
-  if (pathname.startsWith("/repo")) {
-    return "repo";
+  if (pathname.startsWith("/AI")) {
+    return "AI";
   }
 
-  if (pathname.startsWith("/pack")) {
-    return "pack";
+  if (pathname.startsWith("/TRPG")) {
+    return "TRPG";
   }
 
   return undefined;
@@ -45,7 +45,7 @@ function SiteSwitcher() {
           "indeterminate:after:hidden",
           {
             "after:hidden": !site,
-            "after:translate-x-[46px]": site === "pack",
+            "after:translate-x-[46px]": site === "TRPG",
           }
         )}
       />
@@ -56,8 +56,8 @@ function SiteSwitcher() {
           { "hover:text-black dark:hover:text-white": site }
         )}
       >
-        <SiteSwitcherLink href="/repo" text="Repo" isActive={site === "repo"} />
-        <SiteSwitcherLink href="/pack" text="Pack" isActive={site === "pack"} />
+        <SiteSwitcherLink href="/AI" text="AI" isActive={site === "AI"} />
+        <SiteSwitcherLink href="/TRPG" text="TRPG" isActive={site === "TRPG"} />
       </span>
     </div>
   );
diff --git a/docs/components/Social.tsx b/docs/components/Social.tsx
index df632f3..44e2cc2 100644
--- a/docs/components/Social.tsx
+++ b/docs/components/Social.tsx
@@ -20,7 +20,7 @@ function Discord() {
     <a
       href="https://hydroroll.retrofor.space/discord"
       className="hidden p-2 text-current sm:flex hover:opacity-75"
-      title="HydroROll Discord server"
+      title="HydroRoll Discord server"
       target="_blank"
       rel="noreferrer"
     >
diff --git a/docs/components/pages/repo-home/RepoFeatures.tsx b/docs/components/pages/AI-home/AIFeatures.tsx
index 4499725..466c0ae 100644
--- a/docs/components/pages/repo-home/RepoFeatures.tsx
+++ b/docs/components/pages/AI-home/AIFeatures.tsx
@@ -2,12 +2,12 @@ import { REPO_HOME_FEATURES } from "../../../content/features";
 import { FadeIn } from "../home-shared/FadeIn";
 import { FeaturesBento } from "../home-shared/FeaturesBento";
 
-export function RepoFeatures() {
+export function AIFeatures() {
   return (
     <FadeIn className="py-16 md:py-24 lg:py-32">
       <FeaturesBento
-        header="Why Turborepo?"
-        body="Turborepo reimagines build system techniques used by Facebook and Google to remove maintenance burden and overhead."
+        header="Why AI?"
+        body="AI balabala..."
         features={REPO_HOME_FEATURES}
       />
     </FadeIn>
diff --git a/docs/components/pages/repo-home/RepoHero.tsx b/docs/components/pages/AI-home/AIHero.tsx
index a63777a..5636cc2 100644
--- a/docs/components/pages/repo-home/RepoHero.tsx
+++ b/docs/components/pages/AI-home/AIHero.tsx
@@ -8,7 +8,7 @@ import { FadeIn } from "../home-shared/FadeIn";
 import { CTAButton } from "../home-shared/CTAButton";
 import RepoLogo from "../../logos/RepoLogo";
 
-export function RepoHero() {
+export function AIHero() {
   return (
     <>
       <FadeIn
@@ -19,15 +19,15 @@ export function RepoHero() {
           <div className="absolute min-w-[614px] min-h-[614px]">
             {/* TODO: On dark mode, there should be a "breathing" gradient inside the inner circle */}
             <Image
-              alt="Turborepo"
-              src="/images/docs/repo/repo-hero-circles-dark.svg"
+              alt="AI"
+              src="/images/docs/AI/repo-hero-circles-dark.svg"
               width={614}
               height={614}
               className="hidden dark:block"
             />
             <Image
-              alt="Turborepo"
-              src="/images/docs/repo/repo-hero-circles-light.svg"
+              alt="AI"
+              src="/images/docs/AI/repo-hero-circles-light.svg"
               width={614}
               height={614}
               className="block dark:hidden"
@@ -46,14 +46,14 @@ export function RepoHero() {
           <div className="w-[120px] h-[120px] z-50">
             <Image
               alt=""
-              src={`/images/docs/repo/repo-hero-logo-dark.svg`}
+              src={`/images/docs/AI/repo-hero-logo-dark.svg`}
               width={120}
               height={120}
               className="hidden dark:block"
             />
             <Image
               alt=""
-              src={`/images/docs/repo/repo-hero-logo-light.svg`}
+              src={`/images/docs/AI/repo-hero-logo-light.svg`}
               width={120}
               height={120}
               className="block dark:hidden"
@@ -72,7 +72,7 @@ export function RepoHero() {
           className="z-50 flex flex-col items-center justify-center gap-5 px-6 text-center lg:gap-6"
         >
           <RepoLogo
-            alt="Turborepo"
+            alt="AI"
             width="200"
             className="w-[160px] md:w-[200px] fill-black dark:fill-white"
           />
@@ -88,7 +88,7 @@ export function RepoHero() {
         >
           <div className="flex flex-col w-full gap-3 md:!flex-row">
             <CTAButton>
-              <Link href="/repo/docs" className="block py-3">
+              <Link href="/AI/docs" className="block py-3">
                 Get Started
               </Link>
             </CTAButton>
@@ -96,7 +96,7 @@ export function RepoHero() {
               <a
                 target="_blank"
                 rel="noreferrer"
-                href="https://github.com/vercel/turbo"
+                href="https://github.com/retrofor/HydroRoll"
                 className="block py-3"
               >
                 GitHub
diff --git a/docs/components/pages/repo-home/RepoLetter.tsx b/docs/components/pages/AI-home/AILetter.tsx
index 7093a3a..a92f9dd 100644
--- a/docs/components/pages/repo-home/RepoLetter.tsx
+++ b/docs/components/pages/AI-home/AILetter.tsx
@@ -7,7 +7,7 @@ import { CTAButton } from "../home-shared/CTAButton";
 import Link from "next/link";
 import { Gradient } from "../home-shared/Gradient";
 
-export function RepoLetter() {
+export function AILetter() {
   return (
     <section className="relative flex flex-col items-center px-6 py-16 font-sans md:py-24 lg:py-32 gap-14">
       <FadeIn>
@@ -79,14 +79,14 @@ export function RepoLetter() {
           <div className="flex flex-col">
             <Image
               alt="Jared Palmer's hand written signature"
-              src="/images/docs/repo/jared-signature-light.svg"
+              src="/images/docs/AI/jared-signature-light.svg"
               width={190}
               height={90}
               className="block mt-3 mb-4 ml-3 dark:hidden"
             />
             <Image
               alt="Jared Palmer's hand written signature"
-              src="/images/docs/repo/jared-signature-dark.svg"
+              src="/images/docs/AI/jared-signature-dark.svg"
               width={209}
               height={116}
               className="hidden -mt-2 dark:block"
@@ -101,7 +101,7 @@ export function RepoLetter() {
       <FadeIn noVertical className="relative flex justify-center w-full mt-16">
         <div className="max-w-[180px] w-full">
           <CTAButton>
-            <Link href="/repo/docs" className="block py-3 font-sans">
+            <Link href="/AI/docs" className="block py-3 font-sans">
               Start Building
             </Link>
           </CTAButton>
diff --git a/docs/components/pages/repo-home/index.tsx b/docs/components/pages/AI-home/index.tsx
index 992a614..b65040c 100644
--- a/docs/components/pages/repo-home/index.tsx
+++ b/docs/components/pages/AI-home/index.tsx
@@ -1,20 +1,20 @@
-import { RepoHero } from "./RepoHero";
-import { RepoFeatures } from "./RepoFeatures";
-import { RepoLetter } from "./RepoLetter";
+import { AIHero } from "./AIHero";
+import { AIFeatures } from "./AIFeatures";
+import { AILetter } from "./AILetter";
 import { GradientSectionBorder } from "../home-shared/GradientSectionBorder";
 import { LandingPageGlobalStyles } from "../home-shared/GlobalStyles";
 
-export default function Home() {
+export default function HydroRollAIHome() {
   return (
     <>
       <LandingPageGlobalStyles />
       <main className="relative">
-        <RepoHero />
+        <AIHero />
         <GradientSectionBorder>
-          <RepoFeatures />
+          <AIFeatures />
         </GradientSectionBorder>
         <GradientSectionBorder>
-          <RepoLetter />
+          <AILetter />
         </GradientSectionBorder>
       </main>
     </>
diff --git a/docs/components/pages/confirm.tsx b/docs/components/pages/confirm.tsx
index b9295cf..ae54cd0 100644
--- a/docs/components/pages/confirm.tsx
+++ b/docs/components/pages/confirm.tsx
@@ -23,7 +23,7 @@ export default function Confirm() {
                   <p>
                     Thanks,
                     <br />
-                    The Turbo Team
+                    The HydroRoll'水系 Team.
                   </p>
                 </div>
               </div>
diff --git a/docs/components/pages/landing/Turborepo.tsx b/docs/components/pages/landing/HydroRollAI.tsx
index 022f37f..d299fed 100644
--- a/docs/components/pages/landing/Turborepo.tsx
+++ b/docs/components/pages/landing/HydroRollAI.tsx
@@ -1,12 +1,12 @@
 import Image from "next/image";
 
-export function Turborepo() {
+export function HydroRollAI() {
   return (
     <div className="relative w-24 h-24">
       <div className="pointer-events-none absolute w-[261px] h-[261px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-gradient-to-b from-[#FF3358] to-[#FF4FD8] mix-blend-normal opacity-5 dark:opacity-[0.15] blur-[60px]" />
       <div className="contents dark:hidden">
         <Image
-          alt="Turborepo Logo"
+          alt="HydroRollAI Logo"
           src={`/images/docs/repo/repo-hero-logo-light.svg`}
           width={120}
           height={120}
@@ -15,7 +15,7 @@ export function Turborepo() {
       </div>
       <div className="dark:contents hidden">
         <Image
-          alt="Turborepo Logo"
+          alt="HydroRollAI Logo"
           src={`/images/docs/repo/repo-hero-logo-dark.svg`}
           width={120}
           height={120}
diff --git a/docs/components/pages/landing/Turbopack.tsx b/docs/components/pages/landing/HydroRollTRPG.tsx
index 1db1076..27cd838 100644
--- a/docs/components/pages/landing/Turbopack.tsx
+++ b/docs/components/pages/landing/HydroRollTRPG.tsx
@@ -1,13 +1,13 @@
 import Image from "next/image";
 
-export function Turbopack() {
+export function HydroRollTRPG() {
   return (
     <div className="relative w-24 h-24">
       <div className="pointer-events-none absolute w-[261px] h-[261px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-gradient-to-b from-[#4EBFFF] to-[#BD69FF] mix-blend-normal opacity-5 dark:opacity-[0.15] blur-[60px]" />
       <div className="contents dark:hidden">
         <Image
           alt=""
-          src={`/images/docs/pack/turbopack-hero-logo-light.svg`}
+          src={`/images/docs/TRPG/turbopack-hero-logo-light.svg`}
           width={120}
           height={136.15}
           className="absolute w-[84px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
@@ -16,7 +16,7 @@ export function Turbopack() {
       <div className="dark:contents hidden">
         <Image
           alt=""
-          src={`/images/docs/pack/turbopack-hero-logo-dark.svg`}
+          src={`/images/docs/TRPG/turbopack-hero-logo-dark.svg`}
           width={120}
           height={136.15}
           className="hidden dark:block absolute w-[84px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
diff --git a/docs/components/pages/landing/index.tsx b/docs/components/pages/landing/index.tsx
index deb63f3..239d696 100644
--- a/docs/components/pages/landing/index.tsx
+++ b/docs/components/pages/landing/index.tsx
@@ -6,8 +6,8 @@ import { motion } from "framer-motion";
 import { Clients } from "../../clients/Clients";
 import { Marquee } from "../../clients/Marquee";
 import { TurboheroBackground } from "./TurboHeroBackground";
-import { Turborepo } from "./Turborepo";
-import { Turbopack } from "./Turbopack";
+import { HydroRollAI } from "./HydroRollAI";
+import { HydroRollTRPG } from "./HydroRollTRPG";
 import { FadeIn } from "../home-shared/FadeIn";
 import { LandingPageGlobalStyles } from "../home-shared/GlobalStyles";
 import styles from "./index.module.css";
@@ -116,9 +116,9 @@ function SiteCards() {
     <div className="flex w-full container items-center justify-center gap-6 px-6 sm:mx-0 mt-8 md:!mt-14 lg:!mt-15 md:mb-0 flex-col lg:!flex-row z-10 lg:!translate-y-0">
       <FadeIn delay={0.1}>
         <Card
-          title="repo"
-          alt="Turborepo"
-          icon={Turborepo}
+          title="AI"
+          alt="HydroRollAI"
+          icon={HydroRollAI}
           href="/repo"
           className="turborepoCardBg"
         >
@@ -130,10 +130,10 @@ function SiteCards() {
       </FadeIn>
       <FadeIn delay={0.2}>
         <Card
-          title="pack"
-          alt="Turbopack"
-          icon={Turbopack}
-          href="/pack"
+          title="TRPG"
+          alt="HydroRollTRPG"
+          icon={HydroRollTRPG}
+          href="/TRPG"
           className="turbopackCardBg"
         >
           <div className="absolute top-3 left-3">
diff --git a/docs/components/pages/pack-home/PackBenchmarksGraph.tsx b/docs/components/pages/pack-home/PackBenchmarksGraph.tsx
index a4792b8..f3107b0 100644
--- a/docs/components/pages/pack-home/PackBenchmarksGraph.tsx
+++ b/docs/components/pages/pack-home/PackBenchmarksGraph.tsx
@@ -230,15 +230,15 @@ const GraphTimer = ({
       {turbo && (
         <div className="relative flex w-6 h-6">
           <Image
-            alt="Turbopack"
-            src="/images/docs/pack/turbo-benchmark-icon-light.svg"
+            alt="HydroRollTRPG"
+            src="/images/docs/TRPG/turbo-benchmark-icon-light.svg"
             width={32}
             height={32}
             className="block dark:hidden"
           />
           <Image
-            alt="Turbopack"
-            src="/images/docs/pack/turbo-benchmark-icon-dark.svg"
+            alt="HydroRollTRPG"
+            src="/images/docs/TRPG/turbo-benchmark-icon-dark.svg"
             width={32}
             height={32}
             className="hidden dark:block"
diff --git a/docs/components/pages/pack-home/PackBenchmarksPicker.tsx b/docs/components/pages/pack-home/PackBenchmarksPicker.tsx
index dd3fc15..33e5bfd 100644
--- a/docs/components/pages/pack-home/PackBenchmarksPicker.tsx
+++ b/docs/components/pages/pack-home/PackBenchmarksPicker.tsx
@@ -8,7 +8,7 @@ export function PackBenchmarksPicker(props: {
     <div className="flex items-center gap-3">
       <a
         className="dark:text-[#888888]  hover:underline underline-offset-4 text-[#666666] text-sm"
-        href="https://github.com/vercel/turbo/blob/main/docs/components/pages/pack-home/benchmark-data"
+        href="https://github.com/retrofor/HydroRoll/blob/main/docs/components/pages/pack-home/benchmark-data"
       >
         React Components
       </a>
diff --git a/docs/components/pages/pack-home/PackFeatures.tsx b/docs/components/pages/pack-home/PackFeatures.tsx
index b668153..40fda95 100644
--- a/docs/components/pages/pack-home/PackFeatures.tsx
+++ b/docs/components/pages/pack-home/PackFeatures.tsx
@@ -4,7 +4,7 @@ import { FeaturesBento } from "../home-shared/FeaturesBento";
 export function PackFeatures() {
   return (
     <FeaturesBento
-      header="Why Turbopack?"
+      header="Why TRPG?"
       body="With incremental behavior and adaptable bundling strategies, Turbopack provides a fast and flexible development experience for apps of any size."
       features={PACK_HOME_FEATURES}
     />
diff --git a/docs/components/pages/pack-home/PackHero.tsx b/docs/components/pages/pack-home/PackHero.tsx
index eb5b348..9def8df 100644
--- a/docs/components/pages/pack-home/PackHero.tsx
+++ b/docs/components/pages/pack-home/PackHero.tsx
@@ -20,15 +20,15 @@ export function PackHero() {
         <FadeIn className="z-50 flex items-center justify-center w-full">
           <div className="absolute min-w-[614px] min-h-[614px]">
             <Image
-              alt="Turbopack"
-              src="/images/docs/pack/turbopack-hero-hexagons-dark.svg"
+              alt="HydroRollTRPG"
+              src="/images/docs/TRPG/turbopack-hero-hexagons-dark.svg"
               width={614}
               height={614}
               className="hidden dark:block"
             />
             <Image
-              alt="Turbopack"
-              src="/images/docs/pack/turbopack-hero-hexagons-light.svg"
+              alt="HydroRollTRPG"
+              src="/images/docs/TRPG/turbopack-hero-hexagons-light.svg"
               width={614}
               height={614}
               className="block dark:hidden"
@@ -47,14 +47,14 @@ export function PackHero() {
           <div className="w-[120px] z-50 mt-[-8.075px] mb-[-8.075px]">
             <Image
               alt=""
-              src={`/images/docs/pack/turbopack-hero-logo-dark.svg`}
+              src={`/images/docs/TRPG/turbopack-hero-logo-dark.svg`}
               width={120}
               height={136.15}
               className="hidden dark:block"
             />
             <Image
               alt=""
-              src={`/images/docs/pack/turbopack-hero-logo-light.svg`}
+              src={`/images/docs/TRPG/turbopack-hero-logo-light.svg`}
               width={120}
               height={136.15}
               className="block dark:hidden"
@@ -89,7 +89,7 @@ export function PackHero() {
         >
           <div className="flex flex-col w-full gap-3 md:!flex-row">
             <CTAButton>
-              <Link href="/pack/docs" className="block py-3">
+              <Link href="/TRPG/docs" className="block py-3">
                 Get Started
               </Link>
             </CTAButton>
@@ -97,7 +97,7 @@ export function PackHero() {
               <a
                 target="_blank"
                 rel="noreferrer"
-                href="https://github.com/vercel/turbo"
+                href="https://github.com/retrofor/HydroRoll"
                 className="block py-3"
               >
                 GitHub
diff --git a/docs/components/pages/pack-home/PackLetter.tsx b/docs/components/pages/pack-home/PackLetter.tsx
index d4b0f2f..46477d7 100644
--- a/docs/components/pages/pack-home/PackLetter.tsx
+++ b/docs/components/pages/pack-home/PackLetter.tsx
@@ -73,7 +73,7 @@ export function PackLetter() {
           <div className="flex flex-col gap-3 pb-2">
             <Image
               alt="Tobias Koppers hand written signature"
-              src="/images/docs/pack/tobias-signature-light.svg"
+              src="/images/docs/TRPG/tobias-signature-light.svg"
               // 16 px added and offset to account for the glow
               width={173 + 16}
               height={91 + 16}
@@ -81,7 +81,7 @@ export function PackLetter() {
             />
             <Image
               alt="Tobias Koppers hand written signature"
-              src="/images/docs/pack/tobias-signature-dark.svg"
+              src="/images/docs/TRPG/tobias-signature-dark.svg"
               // 16 px added and offset to account for the glow
               width={173 + 16}
               height={91 + 16}
@@ -97,7 +97,7 @@ export function PackLetter() {
       <FadeIn noVertical className="relative flex justify-center w-full mt-16">
         <div className="max-w-[180px] w-full">
           <CTAButton>
-            <Link href="/pack/docs" className="block py-3 font-sans">
+            <Link href="/TRPG/docs" className="block py-3 font-sans">
               Start Building
             </Link>
           </CTAButton>
diff --git a/docs/components/pages/pack-home/index.tsx b/docs/components/pages/pack-home/index.tsx
index db73b25..d08443b 100644
--- a/docs/components/pages/pack-home/index.tsx
+++ b/docs/components/pages/pack-home/index.tsx
@@ -5,7 +5,7 @@ import { PackFeatures } from "./PackFeatures";
 import { GradientSectionBorder } from "../home-shared/GradientSectionBorder";
 import { LandingPageGlobalStyles } from "../home-shared/GlobalStyles";
 
-export default function Home() {
+export default function HydroRollTRPGHome() {
   return (
     <>
       <LandingPageGlobalStyles />
diff --git a/docs/components/pages/showcase.tsx b/docs/components/pages/showcase.tsx
index 62c8f50..922f943 100644
--- a/docs/components/pages/showcase.tsx
+++ b/docs/components/pages/showcase.tsx
@@ -11,7 +11,7 @@ export default function Showcase() {
             Showcase
           </p>
           <h1 className="mt-2 text-3xl font-extrabold leading-8 tracking-tight text-gray-900 md:text-5xl dark:text-white sm:text-4xl sm:leading-10">
-            Who's using Turbo?
+            Wut about plugins?
           </h1>
           <p className="max-w-3xl mt-4 text-xl leading-7 text-gray-500 dark:text-gray-400 lg:mx-auto font-space-grotesk">
             Turbo is the one of the fastest growing toolchains in the frontend
@@ -28,16 +28,16 @@ export default function Showcase() {
       <Container>
         <div className="max-w-xl pt-20 pb-24 mx-auto space-y-6 text-center">
           <div className="mt-2 text-2xl font-extrabold leading-8 tracking-tight text-gray-900 dark:text-white sm:text-4xl sm:leading-10">
-            Are you using Turbo?
+            Are you using HydroRoll?
           </div>
           <div className="mx-auto rounded-md">
             <a
-              href="https://github.com/vercel/turbo/edit/main/docs/components/clients/users.ts"
+              href="https://github.com/retrofor/HydroRoll/edit/main/docs/components/clients/users.ts"
               target="_blank"
               rel="noopener noreferrer"
               className="inline-flex items-center justify-center w-auto px-8 py-3 text-base font-medium text-white no-underline bg-black border border-transparent rounded-md dark:bg-white dark:text-black betterhover:dark:hover:bg-gray-300 betterhover:hover:bg-gray-700 md:py-3 md:text-lg md:px-10 md:leading-6"
             >
-              Add Your Company
+              Add Your Plugins
             </a>
           </div>
         </div>