feat(docs): updates from feedback (vercel#161)

lucas8 · Oct 21, 2022 · b2898b2 · b2898b2
1 parent 9552732
commit b2898b2
Show file tree

Hide file tree

Showing 13 changed files with 63 additions and 30 deletions.
diff --git a/docs/components/Footer.tsx b/docs/components/Footer.tsx
@@ -30,10 +30,6 @@ const navigation = {
   general: [
     { name: "Blog", href: "/blog" },
     { name: "Releases", href: "https://github.com/vercel/turborepo/releases" },
-    {
-      name: "Enterprise",
-      href: "https://vercel.com/contact/turborepo?utm_source=turborepo.org&utm_medium=referral&utm_campaign=footer-enterpriseLink",
-    },
   ],
   repo: [
     { name: "Documentation", href: "/repo/docs" },
@@ -58,11 +54,15 @@ const navigation = {
     },
   ],
   company: [
+    { name: "Vercel", href: "https://vercel.com" },
     {
       name: "Open Source Software",
       href: "https://vercel.com/oss?utm_source=turbo.build&utm_medium=referral&utm_campaign=footer-ossLink",
     },
-    { name: "GitHub", href: "https://github.com/vercel" },
+    {
+      name: "Contact Sales",
+      href: "https://vercel.com/contact/turborepo?utm_source=turborepo.org&utm_medium=referral&utm_campaign=footer-enterpriseLink",
+    },
     { name: "Twitter", href: "https://twitter.com/vercel" },
   ],
   legal: [
@@ -82,7 +82,7 @@ export function FooterContent() {
           <div className="grid grid-cols-1 gap-8 xl:col-span-2">
             <div className="grid grid-cols-2 md:grid-cols-4 md:gap-8">
               <div className="mt-12 md:!mt-0">
-                <FooterHeader>Solutions</FooterHeader>
+                <FooterHeader>Resources</FooterHeader>
                 <ul role="list" className="mt-4 space-y-1.5 list-none ml-0">
                   {navigation.general.map((item) => (
                     <li key={item.name}>

diff --git a/docs/components/blog/Date.tsx b/docs/components/blog/Date.tsx
@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+
+function Date({ children }: { children: ReactNode }) {
+  return (
+    <div className="text-sm mt-2 text-center text-gray-500 dark:text-gray-400 font-space-grotesk">
+      {children}
+    </div>
+  );
+}
+
+export default Date;
diff --git a/docs/components/pages/home-shared/FeaturesBento.tsx b/docs/components/pages/home-shared/FeaturesBento.tsx
@@ -3,14 +3,20 @@ import { FadeIn } from "./FadeIn";
 import { SectionHeader, SectionSubtext } from "./Headings";
 import { FeatureBox } from "./FeatureBox";
 
-export function FeaturesBento({ header, body, features }: { header: string, body: string, features: Features }) {
+export function FeaturesBento({
+  header,
+  body,
+  features,
+}: {
+  header: string;
+  body: string;
+  features: Features;
+}) {
   return (
     <section className="relative flex flex-col items-center px-6 pb-16 font-sans md:pb-24 lg:pb-32 gap-9 lg:gap-14">
       <FadeIn className="flex flex-col items-center gap-5 md:gap-6">
         <SectionHeader>{header}</SectionHeader>
-        <SectionSubtext>
-          {body}
-        </SectionSubtext>
+        <SectionSubtext>{body}</SectionSubtext>
       </FadeIn>
       <div className="grid grid-cols-1 gap-x-4 gap-y-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-x-6 lg:gap-y-6 max-w-[1200px]">
         {features.map((feature) => (

diff --git a/docs/components/pages/home-shared/Headings.tsx b/docs/components/pages/home-shared/Headings.tsx
@@ -43,7 +43,7 @@ export function SectionSubtext({
   children: React.ReactNode;
 }) {
   const textClasses = hero
-    ? "text-[20px] lg:text-2xl"
+    ? "text-[20px] lg:text-xl"
     : "text-[16px] lg:text-[20px]";
 
   return (

diff --git a/docs/components/pages/pack-home/PackFeatures.tsx b/docs/components/pages/pack-home/PackFeatures.tsx
@@ -3,6 +3,10 @@ import { FeaturesBento } from "../home-shared/FeaturesBento";
 
 export function PackFeatures() {
   return (
-    <FeaturesBento header="Why Turbopack?" 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} />
+    <FeaturesBento
+      header="Why Turbopack?"
+      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/repo-home/RepoFeatures.tsx b/docs/components/pages/repo-home/RepoFeatures.tsx
@@ -5,7 +5,11 @@ import { FeaturesBento } from "../home-shared/FeaturesBento";
 export function RepoFeatures() {
   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 burdern and overhead." features={REPO_HOME_FEATURES} />
+      <FeaturesBento
+        header="Why Turborepo?"
+        body="Turborepo reimagines build system techniques used by Facebook and Google to remove maintenance burdern and overhead."
+        features={REPO_HOME_FEATURES}
+      />
     </FadeIn>
   );
 }
diff --git a/docs/components/pages/repo-home/RepoHero.tsx b/docs/components/pages/repo-home/RepoHero.tsx
@@ -82,9 +82,13 @@ export function RepoHero() {
           >
             TURBOREPO
           </h3>
-          <HeroText>Monorepos that make ship happen</HeroText>
+          <HeroText>
+            A task runner that
+            <br />
+            makes ship happen
+          </HeroText>
           <SectionSubtext hero>
-            Turborepo is a high peformance build system for JavaScript and
+            Turborepo is a high-performance task runner for JavaScript and
             TypeScript codebases.
           </SectionSubtext>
         </FadeIn>
@@ -104,7 +108,7 @@ export function RepoHero() {
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
                 viewBox="0 0 24 24"
-                stroke-width="1.5"
+                strokeWidth="1.5"
                 aria-hidden="true"
                 className="w-6 h-6 ml-2 -mr-3 text-gray-400"
               >

diff --git a/docs/components/pages/showcase.tsx b/docs/components/pages/showcase.tsx
@@ -10,7 +10,7 @@ export default function Showcase() {
         <title>Showcase</title>
       </Head>
 
-      <div className="mx-auto">
+      <div className="mx-auto font-space-grotesk">
         <div className="py-16 lg:text-center">
           <p className="text-base font-semibold leading-6 tracking-wide text-blue-600 uppercase dark:text-gray-400">
             Showcase
@@ -19,10 +19,10 @@ export default function Showcase() {
             Who's using Turbo?
           </h1>
           <p className="max-w-3xl mt-4 text-xl leading-7 text-gray-500 lg:mx-auto">
-            Turbo is the one of the fastest growing build systems in the
-            frontend ecosystem. It's trusted by thousands of developers in
-            production including teams at Vercel, AWS, Netflix, Microsoft,
-            Disney, and more.
+            Turbo is the one of the fastest growing toolchains in the frontend
+            ecosystem. It's trusted by thousands of developers in production
+            including teams at Vercel, AWS, Netflix, Microsoft, Disney, and
+            more.
           </p>
         </div>
       </div>

diff --git a/docs/pages/blog.mdx b/docs/pages/blog.mdx
@@ -39,7 +39,7 @@ export function BlogIndex({ more = "Read more" }) {
   <h1>
     <span className="font-bold leading-tight lg:text-5xl">Blog</span>
   </h1>
-  <p className="text-center text-gray-500 dark:text-gray-400">
+  <p className="text-center text-gray-500 dark:text-gray-400 font-space-grotesk">
     The latest updates and releases from the Turbo team at Vercel.
   </p>
 </div>

diff --git a/docs/pages/blog/turbo-1-2-0.mdx b/docs/pages/blog/turbo-1-2-0.mdx
@@ -9,10 +9,11 @@ ogImage: /images/blog/turbo-1-2-0/twitter-card.png
 # Turborepo 1.2
 
 import { Authors } from "../../components/Authors";
+import Date from "../../components/blog/Date";
 
-<div className="text-sm mt-2 text-center text-gray-500 dark:text-gray-400">
+<Date>
   Friday, April 8th, 2022
-</div>
+</Date>
 
 <Authors authors={["jaredpalmer", "becca__z", "gaspargarcia_", "gsoltis"]} />
 

diff --git a/docs/pages/blog/turbo-1-3-0.mdx b/docs/pages/blog/turbo-1-3-0.mdx
@@ -10,10 +10,11 @@ ogImage: /images/blog/turbo-1-3-0/twitter-card.png
 
 import { Authors } from "../../components/Authors";
 import Callout from "../../components/Callout";
+import Date from "../../components/blog/Date";
 
-<div className="text-sm mt-2 text-center text-gray-500 dark:text-gray-400">
+<Date>
   Thursday, June 23rd, 2022
-</div>
+</Date>
 
 <Authors
   authors={[

diff --git a/docs/pages/blog/turbo-1-4-0.mdx b/docs/pages/blog/turbo-1-4-0.mdx
@@ -10,10 +10,11 @@ ogImage: /images/blog/turbo-1-4-0/twitter-card.png
 
 import { Authors } from "../../components/Authors";
 import Callout from "../../components/Callout";
+import Date from "../../components/blog/Date";
 
-<div className="text-sm mt-2 text-center text-gray-500 dark:text-gray-400">
+<Date>
   Tuesday, August 9th, 2022
-</div>
+</Date>
 
 <Authors
   authors={[

diff --git a/docs/pages/blog/turbo-1-5-0.mdx b/docs/pages/blog/turbo-1-5-0.mdx
@@ -10,10 +10,11 @@ ogImage: /images/blog/turbo-1-5-0/twitter-card.png
 
 import { Authors } from "../../components/Authors";
 import Callout from "../../components/Callout";
+import Date from "../../components/blog/Date";
 
-<div className="text-sm mt-2 text-center text-gray-500 dark:text-gray-400">
+<Date>
   Monday, September 19th, 2022
-</div>
+</Date>
 
 <Authors
   authors={[