😀

1 files changed, 41 insertions, 0 deletions

diff --git a/docs/components/FullTurboCTA.tsx b/docs/components/FullTurboCTA.tsx
new file mode 100644
index 0000000..0c3a44b
--- /dev/null
+++ b/docs/components/FullTurboCTA.tsx
@@ -0,0 +1,41 @@
+import { Container } from "./Container";
+import Callout from "./Callout";
+import Link from "next/link";
+
+function FullTurboCTA() {
+  return (
+    <div className="flex flex-col items-start w-full gap-4 p-6 mt-8 bg-white shadow-lg md:items-center md:flex-row rounded-xl dark:bg-opacity-5">
+      <div className="justify-start flex-1">
+        <h3 className="font-semibold leading-6 tracking-tight">
+          Ready to go
+          <span className="m-2 font-mono full-turbo">{">>>"} FULL TURBO</span>
+          at your organization?
+        </h3>
+        <div className="text-base font-medium leading-7 text-gray-500 dark:text-gray-400">
+          Vercel&apos;s Experts can bring your entire team up to speed quickly
+        </div>
+      </div>
+      <div className="flex-none">
+        <Link
+          href="https://vercel.com/contact/sales?utm_source=turbo.build&utm_medium=referral&utm_campaign=turborepo_side_banner"
+          className="justify-center block px-4 py-2 text-black no-underline bg-white rounded-full dark:bg-opacity-5 dark:text-white"
+        >
+          Talk to an Expert
+        </Link>
+      </div>
+      <style jsx global>{`
+        .full-turbo {
+          background-image: linear-gradient(
+            60deg,
+            rgba(50, 134, 241, 1) 0%,
+            rgba(255, 30, 86, 1) 100%
+          );
+          background-clip: text;
+          color: transparent;
+        }
+      `}</style>
+    </div>
+  );
+}
+
+export default FullTurboCTA;