From 29a333721a0ed60dd223bdfe89849002117d779e Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Sat, 1 Apr 2023 06:55:03 +0400
Subject: [PATCH] feat: update front page

---
 apps/www/app/page.tsx | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/apps/www/app/page.tsx b/apps/www/app/page.tsx
index 9a31f5ab2f..ba5593cc48 100644
--- a/apps/www/app/page.tsx
+++ b/apps/www/app/page.tsx
@@ -4,6 +4,7 @@ import { siteConfig } from "@/config/site"
 import { cn } from "@/lib/utils"
 import { AppleMusicDemo } from "@/components/apple-music-demo"
 import { CopyButton } from "@/components/copy-button"
+import { Icons } from "@/components/icons"
 import { PromoVideo } from "@/components/promo-video"
 import { buttonVariants } from "@/components/ui/button"
 
@@ -30,7 +31,7 @@ export default function IndexPage() {
         </div>
         <div className="flex flex-col space-y-4 sm:flex-row sm:space-y-0 sm:space-x-4 md:flex-row">
           <Link href="/docs" className={buttonVariants({ size: "lg" })}>
-            Documentation
+            Get Started
           </Link>
           <Link
             target="_blank"
@@ -38,20 +39,12 @@ export default function IndexPage() {
             href={siteConfig.links.github}
             className={cn(
               buttonVariants({ variant: "outline", size: "lg" }),
-              "md:hidden"
+              "pl-6"
             )}
           >
+            <Icons.gitHub className="mr-2 h-4 w-4" />
             GitHub
           </Link>
-          <pre className="hidden h-11 items-center justify-between space-x-2 overflow-x-auto rounded-lg border border-slate-100 bg-slate-100 pr-2 pl-6 dark:border-slate-700 dark:bg-black md:flex">
-            <code className="font-mono text-sm font-semibold text-slate-900 dark:text-slate-50">
-              npx create-next-app -e https://github.com/shadcn/next-template
-            </code>
-            <CopyButton
-              value="npx create-next-app -e https://github.com/shadcn/next-template"
-              className="border-none text-slate-900 hover:bg-transparent dark:text-slate-50"
-            />
-          </pre>
         </div>
         <div>
           <p className="text-sm text-slate-500 dark:text-slate-400">