small edits

docs/components/AuthNavButton.tsx

@@ -1,7 +1,7 @@
 import { Menu, Transition } from "@headlessui/react";
 import clsx from "clsx";
-import { signIn, signOut, useSession } from "next-auth/react";
-import Image from 'next/image';
+import { signOut, useSession } from "next-auth/react";
+import Image from "next/image";
 import { ReactElement, ReactNode } from "react";
 
 export function AuthNavButton(props: any) {
@@ -14,7 +14,7 @@ export function AuthNavButton(props: any) {
           <div
             className={clsx(
               "nx-relative nx-hidden nx-w-full nx-select-none nx-whitespace-nowrap nx-text-gray-600 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-100 md:nx-inline-block",
-              "nx-py-1.5 nx-transition-colors ltr:nx-pl-3 ltr:nx-pr-9 rtl:nx-pr-3 rtl:nx-pl-9"
+              "nx-py-1.5 nx-transition-colors ltr:nx-pl-3 ltr:nx-pr-9 rtl:nx-pr-3 rtl:nx-pl-9",
             )}>
             💖 Thanks for sponsoring!
           </div>
@@ -26,28 +26,29 @@ export function AuthNavButton(props: any) {
             }}
             className={clsx(
               "nx-relative nx-hidden nx-w-full nx-select-none nx-whitespace-nowrap nx-text-gray-600 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-100 md:nx-inline-block",
-              "nx-py-1.5 nx-transition-colors ltr:nx-pl-3 ltr:nx-pr-9 rtl:nx-pr-3 rtl:nx-pl-9"
+              "nx-py-1.5 nx-transition-colors ltr:nx-pl-3 ltr:nx-pr-9 rtl:nx-pr-3 rtl:nx-pl-9",
             )}>
             Sign out
           </button>
         </Menu.Item>,
       ]}>
       <Image
-        className="rounded-md size-5"
+        className="size-5 rounded-md"
         src={session.data.user!.image!}
         alt={session.data.user!.name!}
         width={50}
         height={50}
       />
     </NavbarMenu>
   ) : (
+    <></>
     // TODO: design button
-    <button
-      onClick={async () => {
-        await signIn("github");
-      }}>
-      Sign in
-    </button>
+    // <button
+    //   onClick={async () => {
+    //     await signIn("github");
+    //   }}>
+    //   Sign in
+    // </button>
   );
 }
 

docs/components/Feature.tsx

@@ -0,0 +1,62 @@
+export default function Feature() {
+  return (
+    <div className="overflow-hidden bg-white py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:items-start">
+          <div className="lg:pr-4 lg:pt-4">
+            <div className="lg:max-w-lg">
+              <h2 className="text-base font-semibold leading-7 text-indigo-600">
+                Deploy faster
+              </h2>
+              <p className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+                A better workflow
+              </p>
+              <p className="mt-6 text-lg leading-8 text-gray-600">
+                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+                Maiores impedit perferendis suscipit eaque, iste dolor
+                cupiditate blanditiis ratione.
+              </p>
+              <div className="mt-8">
+                <a
+                  href="#"
+                  className="inline-flex rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+                  Get started
+                </a>
+              </div>
+              <figure className="mt-16 border-l border-gray-200 pl-8 text-gray-600">
+                <blockquote className="text-base leading-7">
+                  <p>
+                    “Vel ultricies morbi odio facilisi ultrices accumsan donec
+                    lacus purus. Lectus nibh ullamcorper ac dictum justo in
+                    euismod. Risus aenean ut elit massa. In amet aliquet eget
+                    cras. Sem volutpat enim tristique.”
+                  </p>
+                </blockquote>
+                <figcaption className="mt-6 flex gap-x-4 text-sm leading-6">
+                  <img
+                    src="https://images.unsplash.com/photo-1509783236416-c9ad59bae472?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80"
+                    alt=""
+                    className="h-6 w-6 flex-none rounded-full"
+                  />
+                  <div>
+                    <span className="font-semibold text-gray-900">
+                      Maria Hill
+                    </span>{" "}
+                    – Marketing Manager
+                  </div>
+                </figcaption>
+              </figure>
+            </div>
+          </div>
+          <img
+            src="https://tailwindui.com/img/component-images/dark-project-app-screenshot.png"
+            alt="Product screenshot"
+            className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:ml-0"
+            width={2432}
+            height={1442}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}

docs/components/example/ExampleList.tsx

@@ -9,14 +9,13 @@ export function ExampleGroup(props: { examples: (typeof EXAMPLES_LIST)[0] }) {
       </h2>
       <Cards>
         {props.examples.items.map((project, i) => {
-          const user = i % 2 === 0 ? "yousefed" : "matthewlipski"; // TODO
           return (
             <Card
               key={i}
               title={project.text}
               href={project.link}
-              authorName={user}
-              authorImage={`https://github.com/${user}.png`}
+              authorName={project.author}
+              authorImage={`https://github.com/${project.author}.png`}
             />
           );
         })}

docs/components/pages/home-shared/Headings.tsx

@@ -12,7 +12,7 @@ export function HeroText({
 }) {
   const combinedClassname = cn(
     gradients.heroHeading,
-    "tracking-[-0.04em] leading-none text-7xl sm:text-[80px] text-transparent",
+    "leading-none text-7xl sm:text-[80px] text-transparent font-medium",
     className,
   );
 
@@ -42,7 +42,7 @@ export function SectionSubtext({
 }) {
   return (
     <p
-      className={`font-space-grotesk text-lg leading-snug text-[#00000080] sm:text-xl dark:text-[#FFFFFFB2]`}>
+      className={`font-space-grotesk text-lg leading-snug text-[#00000080] dark:text-[#FFFFFFB2] sm:text-xl`}>
       {children}
     </p>
   );

docs/components/pages/home-shared/gradients.module.css

@@ -1,77 +1,3 @@
-.benchmarkTurbo {
-  background: linear-gradient(288.43deg, #ff1e56 28.29%, #9c51a1 78.78%);
-  box-shadow: 0px 0px 16px #f02662;
-  :global(.light) & {
-    background: linear-gradient(
-      268.86deg,
-      #ff1e56 -5.68%,
-      #d67fdc 107.63%,
-      #9c51a1 107.64%
-    );
-    box-shadow: none;
-  }
-}
-
-.benchmarkActiveTab {
-  background: radial-gradient(
-      50% 50% at 50% 100%,
-      rgba(255, 255, 255, 0.2) 0%,
-      rgba(255, 255, 255, 0) 100%
-    ),
-    linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)),
-    radial-gradient(
-      128.57% 128.57% at 50% 0%,
-      rgba(255, 255, 255, 0.1) 0%,
-      rgba(255, 255, 255, 0) 100%
-    ),
-    radial-gradient(
-      100% 427.04% at 100% 0%,
-      rgba(255, 255, 255, 0.1) 0%,
-      rgba(255, 255, 255, 0) 100%
-    ),
-    radial-gradient(
-      100% 462.63% at 0% 0%,
-      rgba(255, 255, 255, 0.1) 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  :global(.light) & {
-    background: linear-gradient(
-        0deg,
-        rgba(255, 255, 255, 0.8),
-        rgba(255, 255, 255, 0.8)
-      ),
-      radial-gradient(
-        50% 50% at 49.66% 0%,
-        rgba(255, 255, 255, 0.1) 0%,
-        rgba(255, 255, 255, 0) 100%
-      );
-  }
-}
-
-.benchmarkTurboLabel {
-  background: linear-gradient(288.43deg, #ff1e56 28.29%, #9c51a1 78.78%);
-  color: transparent;
-  background-clip: text;
-  :global(.light) & {
-    background: linear-gradient(
-        268.86deg,
-        #ff1e56 -5.68%,
-        #d67fdc 107.63%,
-        #9c51a1 107.64%
-      ),
-      linear-gradient(288.43deg, #ff1e56 28.29%, #9c51a1 78.78%);
-    color: transparent;
-    background-clip: text;
-  }
-}
-
-.benchmark {
-  background: linear-gradient(270deg, #5c5c5c 0%, #1f1f1f 100%);
-  :global(.light) & {
-    background: linear-gradient(89.98deg, #e0e0e0 0.01%, #9c9c9c 99.49%);
-  }
-}
-
 .barBorder {
   border: rgba(255, 255, 255, 0.4) 1px solid;
   :global(.light) & {
@@ -113,26 +39,6 @@
   }
 }
 
-.turbopackHeaderText {
-  background: linear-gradient(
-      90deg,
-      rgba(200, 221, 255, 0.75) 0%,
-      rgba(255, 202, 222, 0.75) 100%
-    ),
-    linear-gradient(0deg, #ffffff, #ffffff);
-
-  :global(.light) & {
-    background: linear-gradient(
-        90deg,
-        rgba(200, 221, 255, 0.1) 0%,
-        rgba(255, 202, 222, 0.1) 100%
-      ),
-      #000000;
-    background-clip: text;
-  }
-  background-clip: text;
-}
-
 .heroHeading {
   background: linear-gradient(180deg, #ffffff 0%, #aaaaaa 100%), #ffffff;
   :global(.light) & {

docs/components/pages/landing/FAQ.tsx

@@ -35,9 +35,7 @@ export default function FAQ() {
           Frequently asked questions
         </h2>
         <p className="mt-6 text-base leading-7 text-gray-600 dark:text-gray-300">
-          Have a different question and can’t find the answer you’re looking
-          for? <br />
-          <Link href="/about">Reach out to our team</Link>.
+          More questions? <Link href="/about">Reach out to our team</Link>.
         </p>
       </div>
       <div className="mt-20">

docs/components/pages/landing/community/Community.tsx

@@ -1,14 +1,14 @@
-import { FC } from "react";
-import { SectionHeader, SectionSubtext } from "../../home-shared/Headings";
+import { Contributors } from "@/components/pages/landing/community/Contributors";
 import { Join } from "@/components/pages/landing/community/Join";
 import { DiscordIcon, GitHubIcon } from "nextra/icons";
-import { Contributors } from "@/components/pages/landing/community/Contributors";
+import { FC } from "react";
+import { SectionHeader, SectionSubtext } from "../../home-shared/Headings";
 
 export const Community: FC = () => (
   <section>
     <div className="mx-auto flex flex-col items-center gap-12 px-4 py-8 lg:px-20 lg:py-24">
       <div className="flex flex-col items-center justify-center gap-2 text-center md:max-w-screen-md md:gap-4">
-        <SectionHeader>Community contributors</SectionHeader>
+        <SectionHeader>Open Source Community</SectionHeader>
         <SectionSubtext>
           Join a community of open-source contributors by tuning in with the
           BlockNote community and contributing to the project.
@@ -19,7 +19,7 @@ export const Community: FC = () => (
         <Join
           text={"Become a GitHub contributor"}
           subtext={
-            "Join the community of BlockNote developers by contributing code and supporting the project"
+            "Join the community of BlockNote developers by contributing code and supporting the project."
           }
           icon={GitHubIcon}
           linkTitle={"See our repository"}
@@ -28,7 +28,7 @@ export const Community: FC = () => (
         <Join
           text={"Join the Discord community"}
           subtext={
-            "Ask questions, request features, and share your work with other BlockNote users on Discord"
+            "Ask questions, discuss features, and share your work with other BlockNote users on Discord."
           }
           icon={DiscordIcon}
           linkTitle={"Join our Server"}