split docs into different groups and start landing page

src/components/Code.jsx

@@ -64,7 +64,6 @@ function CopyButton({ code }) {
         'group/button absolute right-4 top-3.5 overflow-hidden rounded-full py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100',
         copied
           ? 'bg-orange-400/10 ring-1 ring-inset ring-orange-400/20'
-          // ? 'bg-emerald-400/10 ring-1 ring-inset ring-emerald-400/20'
           : 'bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5'
       )}
       onClick={() => {
@@ -156,7 +155,6 @@ function CodeGroupHeader({ title, children, selectedIndex }) {
               className={clsx(
                 'border-b py-3 transition focus:[&:not(:focus-visible)]:outline-none',
                 childIndex === selectedIndex
-                  // ? 'border-emerald-500 text-emerald-400'
                   ? 'border-orange-500 text-orange-400'
                   : 'border-transparent text-zinc-400 hover:text-zinc-300'
               )}