feat(home): add empty features boxes

LedgityLabs · May 16, 2023 · 49ebff5 · 49ebff5
1 parent 9c0c58a
commit 49ebff5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
@@ -50,6 +50,16 @@ const Page: NextPage = () => (
       </div>
       <Scroller className="absolute bottom-11" />
     </section>
+    <section className="flex justify-center">
+      <div className="w-[70vw] grid grid-cols-3 gap-12 py-40">
+        <Card className="h-64">A</Card>
+        <Card className="h-64">B</Card>
+        <Card className="h-64">C</Card>
+        <Card className="h-64">D</Card>
+        <Card className="h-64">E</Card>
+        <Card className="h-64">F</Card>
+      </div>
+    </section>
   </>
 );
 export default Page;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -64,7 +64,7 @@ export const theme = {
   },
   extend: {
     backgroundImage: {
-      card: `radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), rgb(var(--primary-bg) / 0.08), transparent);`
+      card: `radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgb(var(--primary-bg) / 0.05), rgb(var(--primary-bg) / 0.05), rgb(var(--secondary-bg) / 0.05), transparent);`,
     },
     colors: {
       bg: "rgb(var(--bg) / <alpha-value>)",