chore: remove misc

IGassmann · Apr 8, 2024 · 6f766e9 · 6f766e9
1 parent 448da02
commit 6f766e9
Show file tree

Hide file tree

Showing 8 changed files with 7 additions and 319 deletions.
diff --git a/README.md b/README.md
@@ -8,7 +8,6 @@ it to gather my learnings and opinions on best practices and configurations.
 - Next.js
 - TypeScript
 - Tailwind CSS
-- Tailwind Catalyst
 - Clerk
 - Prettier
 - ESLint

diff --git a/src/app/(marketing)/bottom-gradient-background.svg b/src/app/(marketing)/bottom-gradient-background.svg
diff --git a/src/app/(marketing)/page.tsx b/src/app/(marketing)/page.tsx
@@ -1,30 +1,22 @@
 import { SignedIn, SignedOut, SignInButton, SignUpButton, UserButton } from '@clerk/nextjs';
 
 import Footer from '@/app/(marketing)/Footer';
-import Button from '@/components/Button';
-import BottomGradientBackground from './bottom-gradient-background.svg';
-import TopGradientBackground from './top-gradient-background.svg';
 
 export default function HomePage() {
   return (
-    <div className="isolate flex h-screen flex-col justify-between bg-white">
-      <div className="absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]">
-        <TopGradientBackground className="relative left-[calc(50%-11rem)] -z-10 h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] sm:left-[calc(50%-30rem)] sm:h-[42.375rem]" />
-      </div>
+    <div className="flex h-screen flex-col justify-between bg-white">
       <header className="px-6 pt-6 lg:px-8">
         <nav className="flex h-9 items-center justify-end" aria-label="Global">
           <SignedIn>
             <UserButton />
           </SignedIn>
           <SignedOut>
-            <SignInButton mode="modal">
-              <Button outline>Sign in</Button>
-            </SignInButton>
+            <SignInButton mode="modal">Sign in</SignInButton>
           </SignedOut>
         </nav>
       </header>
       <main>
-        <div className="relative px-6 lg:px-8">
+        <div className="px-6 lg:px-8">
           <div className="mx-auto max-w-3xl pb-32 pt-20 sm:pb-40 sm:pt-48">
             <div>
               <h1 className="text-4xl font-bold tracking-tight sm:text-center sm:text-6xl">
@@ -35,15 +27,10 @@ export default function HomePage() {
               </p>
               <div className="mt-8 flex sm:justify-center">
                 <SignedOut>
-                  <SignUpButton mode="modal">
-                    <Button>Sign up</Button>
-                  </SignUpButton>
+                  <SignUpButton mode="modal">Sign up</SignUpButton>
                 </SignedOut>
               </div>
             </div>
-            <div className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]">
-              <BottomGradientBackground className="relative left-[calc(50%+3rem)] h-[21.1875rem] max-w-none -translate-x-1/2 sm:left-[calc(50%+36rem)] sm:h-[42.375rem]" />
-            </div>
           </div>
         </div>
       </main>

diff --git a/src/app/(marketing)/top-gradient-background.svg b/src/app/(marketing)/top-gradient-background.svg
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
@@ -3,8 +3,6 @@
 import { useEffect } from 'react';
 import * as Sentry from '@sentry/nextjs';
 
-import Button from '@/components/Button';
-
 export default function GlobalError({
   error,
   reset,
@@ -20,7 +18,9 @@ export default function GlobalError({
     <html lang="en">
       <body>
         <h2>Something went wrong!</h2>
-        <Button onClick={() => reset()}>Try again</Button>
+        <button type="button" onClick={() => reset()}>
+          Try again
+        </button>
       </body>
     </html>
   );

diff --git a/src/components/.gitkeep b/src/components/.gitkeep
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
diff --git a/src/components/Link.tsx b/src/components/Link.tsx