feat: refactor homepage buttons to use btn component classes

- Update index.html to use .btn .btn-primary .btn-lg and .btn .btn-outline .btn-lg
- Update CLAUDE.md documentation
- Update settings.local.json with additional permissions

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

2 files changed, 5 insertions, 8 deletions

diff --git a/themes/danix-xyz-hacker/layouts/index.html b/themes/danix-xyz-hacker/layouts/index.html
index d1efc53..7247c3f 100644
--- a/themes/danix-xyz-hacker/layouts/index.html
+++ b/themes/danix-xyz-hacker/layouts/index.html
@@ -33,18 +33,18 @@
         {{ $contactUrl = "/it/is/here/" }}
       {{ end }}
 
-      <!-- Articles Button -->
+      <!-- Articles Button (Primary) -->
       <a
         href="{{ $articlesUrl }}"
-        class="px-8 py-3 bg-accent text-white rounded font-semibold hover:opacity-90 transition-opacity text-center"
+        class="btn btn-primary btn-lg"
       >
         {{ i18n "articles" }}
       </a>
 
-      <!-- Contact Button -->
+      <!-- Contact Button (Outline) -->
       <a
         href="{{ $contactUrl }}"
-        class="px-8 py-3 border-2 border-accent text-accent rounded font-semibold hover:bg-accent/10 transition-colors text-center"
+        class="btn btn-outline btn-lg"
       >
         {{ i18n "contact" }}
       </a>
diff --git a/themes/danix-xyz-hacker/layouts/partials/article-header.html b/themes/danix-xyz-hacker/layouts/partials/article-header.html
index a52f643..16ebb8c 100644
--- a/themes/danix-xyz-hacker/layouts/partials/article-header.html
+++ b/themes/danix-xyz-hacker/layouts/partials/article-header.html
@@ -62,10 +62,7 @@
 
     <!-- Type badge -->
     {{ if $typeData }}
-    <span
-      class="inline-flex items-center px-3 py-1.5 rounded-full text-xs font-semibold text-white transition-colors"
-      style="background-color: var(--type-{{ $articleType }});"
-    >
+    <span class="badge badge-{{ $articleType }}">
       {{ i18n $articleType }}
     </span>
     {{ end }}