From b2fddb0dddfae5530d72a8f8031ff47a9d9f5d05 Mon Sep 17 00:00:00 2001
From: Hernan Alvarado <hernanvid123@gmail.com>
Date: Sat, 2 Nov 2024 20:36:40 -0500
Subject: [PATCH] chore: install `@halvaradop/ui-button` dependency

---
 app/package.json       | 1 +
 app/src/app/page.tsx   | 4 ++--
 app/src/ui/footer.tsx  | 2 +-
 app/tailwind.config.ts | 1 +
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/package.json b/app/package.json
index 08106a1..7905a0e 100644
--- a/app/package.json
+++ b/app/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@halvaradop/ui-button": "^0.3.1",
     "framer-motion": "^11.2.13",
     "next": "14.2.3",
     "react": "^18",
diff --git a/app/src/app/page.tsx b/app/src/app/page.tsx
index 9b1ae0f..584fe03 100644
--- a/app/src/app/page.tsx
+++ b/app/src/app/page.tsx
@@ -1,6 +1,6 @@
 import Image from "next/image"
 import Link from "next/link"
-import { Button } from "@/ui/custom/button"
+import { Button } from "@halvaradop/ui-button"
 import { UtilitiesSection } from "@/ui/utilities-section"
 import hero from "@/assets/hero-mobile.svg"
 
@@ -16,7 +16,7 @@ const Index = () => {
                         It is a dependency that extends the utilities offered by TailwindCSS, 
                         complementing the selector and text styles, as well as other utilities.
                     </p>
-                    <Button className="mx-auto" fullWidth={false}>
+                    <Button className="mx-auto border-gray-200 bg-gray-200" variant="base" fullWidth={false}>
                         <Link href="/">Get Started</Link>
                     </Button>
                 </div>
diff --git a/app/src/ui/footer.tsx b/app/src/ui/footer.tsx
index 49877af..405d9ec 100644
--- a/app/src/ui/footer.tsx
+++ b/app/src/ui/footer.tsx
@@ -24,7 +24,7 @@ export const Footer = () => {
                         <Image src={github} alt="github icon" />
                     </Link>
                 </figure>
-                <p className="mt-8 col-span-2 text-center lg:col-span-1 lg:m-0">&#169;​ 2024, TailwindCSS Utilities</p>
+                <p className="mt-8 col-span-2 text-center lg:col-span-1 lg:m-0">&#169;​ 2024 halvaradop</p>
             </section>
         </footer>
     )
diff --git a/app/tailwind.config.ts b/app/tailwind.config.ts
index 1f386de..6322a26 100644
--- a/app/tailwind.config.ts
+++ b/app/tailwind.config.ts
@@ -6,6 +6,7 @@ const config: Config = {
     "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/ui/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    "node_modules/@halvaradop/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {