From 44fa39d3dc0ed292131450b596ad6322a3f9c50e Mon Sep 17 00:00:00 2001
From: imnyang <me@imnya.ng>
Date: Thu, 26 Mar 2026 21:41:29 +0900
Subject: [PATCH] Refactor Projects component to use custom Button component
 for loading more projects

---
 src/components/Projects.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
index 09b991e..f508cc3 100644
--- a/src/components/Projects.tsx
+++ b/src/components/Projects.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { SquareArrowOutUpRight } from 'lucide-react';
 import React from 'react';
+import { Button } from './ui/button';
 
 const projects = [
   {
@@ -66,12 +67,12 @@ export default function Projects() {
         ))}
       </div>
       {visibleCount < projects.length && (
-        <button
+        <Button
           onClick={() => setVisibleCount(visibleCount + 3)}
-          className="mt-6 px-4 py-2 bg-muted text-muted-foreground rounded font-medium text-sm hover:bg-muted/80"
+          className="mt-6 bg-muted text-muted-foreground rounded font-medium text-sm hover:bg-muted/80"
         >
           더 불러오기
-        </button>
+        </Button>
       )}
     </section>
   );