feat: 하단 Button 섹션 구현

Author: DongEun02

app/(with-sidebar)/(home)/page.tsx

@@ -1,8 +1,8 @@
 import BottomSection from '@/components/home/BottomSection';
-import Card from '@/components/home/Card';
 import GraphSection from '@/components/home/GraphSection';
 import HeaderSection from '@/components/home/HeaderSection';
 import ProfileSection from '@/components/home/ProfileSection';
+import ButtonSection from '@/components/home/ButtonSection';
 
 const Page = () => {
   return (
@@ -21,6 +21,7 @@ const Page = () => {
 
       {/* 3. ButtonSection */}
       {/* 버튼 두개 만드쇼 */}
+      <ButtonSection />
     </div>
   );
 };

components/home/ButtonSection.tsx

@@ -0,0 +1,21 @@
+const ButtonSection = () => {
+  return (
+    <div className="flex w-full max-w-5xl gap-6">
+      <button
+        type="button"
+        className="bg-primary flex-1 rounded-xl py-4 text-center text-base font-semibold text-white shadow-sm transition hover:bg-violet-500 active:bg-violet-700 disabled:cursor-not-allowed disabled:opacity-60"
+      >
+        새 TIL 작성
+      </button>
+
+      <button
+        type="button"
+        className="flex-1 rounded-xl border border-slate-300 bg-none py-4 text-center text-base font-semibold text-slate-700 transition hover:bg-slate-200 active:bg-slate-300 disabled:cursor-not-allowed disabled:opacity-60"
+      >
+        계획 추가하기
+      </button>
+    </div>
+  );
+};
+
+export default ButtonSection;

components/home/ProfileSection.tsx

@@ -17,17 +17,17 @@ const ProfileSection = ({ className }: ProfileSectionProps) => {
             <h3 className="text-xl font-bold text-gray-900">이건무</h3>
             <p className="text-sm text-gray-500">@mnmnnmm324</p>
             <div className="mt-1 flex gap-2 text-xs font-medium">
-              <span className="text-purple-600">38193일 연속</span>
+              <span className="text-primary">38193일 </span>연속
               <span className="text-gray-400">|</span>
-              <span className="text-gray-600">12개 TIL</span>
+              <span className="text-primary">12개 </span>TIL
             </div>
           </div>
         </Card>
       </div>
 
       <div className="md:col-span-1">
         <Card className="flex h-full flex-col items-center justify-center text-center">
-          <div className="mb-1 text-4xl font-bold text-purple-600">3/5</div>
+          <div className="text-primary mb-1 text-4xl font-bold">3/5</div>
           <div className="text-sm font-medium text-gray-500">
             오늘의 목표 달성률
           </div>