TokenScript-Framework
diff --git a/‎apps/web/src/app/layout.tsx
+9-10 b/‎apps/web/src/app/layout.tsx
+9-10
diff --git a/‎apps/web/src/app/page.tsx
+9-42 b/‎apps/web/src/app/page.tsx
+9-42
diff --git a/‎packages/ui/.eslintrc.js
-3 b/‎packages/ui/.eslintrc.js
-3
diff --git a/‎packages/ui/package.json
-34 b/‎packages/ui/package.json
-34
diff --git a/‎packages/ui/postcss.config.js
-9 b/‎packages/ui/postcss.config.js
-9
diff --git a/‎packages/ui/src/card.tsx
-30 b/‎packages/ui/src/card.tsx
-30
diff --git a/‎packages/ui/src/styles.css
-3 b/‎packages/ui/src/styles.css
-3
diff --git a/‎packages/ui/tailwind.config.ts
-10 b/‎packages/ui/tailwind.config.ts
-10
diff --git a/‎packages/ui/tsconfig.json
-5 b/‎packages/ui/tsconfig.json
-5
@@ -1,23 +1,22 @@
-import "./globals.css";
-import "@repo/ui/styles.css";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+import './globals.css'
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: "Create Turborepo",
-  description: "Generated by create turbo",
-};
+  title: 'Create Turborepo',
+  description: 'Generated by create turbo',
+}
 
 export default function RootLayout({
   children,
 }: {
-  children: React.ReactNode;
+  children: React.ReactNode
 }): JSX.Element {
   return (
     <html lang="en">
       <body className={inter.className}>{children}</body>
     </html>
-  );
+  )
 }
@@ -1,48 +1,23 @@
-import Image from "next/image";
-import { Card } from "@repo/ui/card";
+import Image from 'next/image'
 
 function Gradient({
   conic,
   className,
   small,
 }: {
-  small?: boolean;
-  conic?: boolean;
-  className?: string;
+  small?: boolean
+  conic?: boolean
+  className?: string
 }): JSX.Element {
   return (
     <span
       className={`absolute mix-blend-normal will-change-[filter] rounded-[100%] ${
-        small ? "blur-[32px]" : "blur-[75px]"
-      } ${conic ? "bg-glow-conic" : ""} ${className}`}
+        small ? 'blur-[32px]' : 'blur-[75px]'
+      } ${conic ? 'bg-glow-conic' : ''} ${className}`}
     />
-  );
+  )
 }
 
-const LINKS = [
-  {
-    title: "Docs",
-    href: "https://turbo.build/repo/docs",
-    description: "Find in-depth information about Turborepo features and API.",
-  },
-  {
-    title: "Learn",
-    href: "https://turbo.build/repo/docs/handbook",
-    description: "Learn more about monorepos with our handbook.",
-  },
-  {
-    title: "Templates",
-    href: "https://turbo.build/repo/docs/getting-started/from-example",
-    description: "Choose from over 15 examples and deploy with a single click.",
-  },
-  {
-    title: "Deploy",
-    href: "https://vercel.com/new",
-    description:
-      "Instantly deploy your Turborepo to a shareable URL with Vercel.",
-  },
-];
-
 export default function Page(): JSX.Element {
   return (
     <main className="flex flex-col items-center justify-between min-h-screen p-24">
@@ -58,7 +33,7 @@ export default function Page(): JSX.Element {
             rel="noopener noreferrer"
             target="_blank"
           >
-            By{" "}
+            By{' '}
             <Image
               alt="Vercel Logo"
               className="invert"
@@ -125,14 +100,6 @@ export default function Page(): JSX.Element {
           </div>
         </div>
       </div>
-
-      <div className="grid mb-32 text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
-        {LINKS.map(({ title, href, description }) => (
-          <Card href={href} key={title} title={title}>
-            {description}
-          </Card>
-        ))}
-      </div>
     </main>
-  );
+  )
 }