fix: update placeholder URLs, documentation links, and lint warnings

Author: karkigrishmin

README.md

@@ -6,6 +6,8 @@
 
 React toolkit for Stacks blockchain. Think RainbowKit, but for Bitcoin L2.
 
+**[Documentation](https://stacks-kit.vercel.app/docs)** · **[Demo](https://stacks-kit.vercel.app/)**
+
 ## Install
 
 ```bash

package.json

@@ -41,7 +41,7 @@
   "bugs": {
     "url": "https://github.com/karkigrishmin/stacks-react/issues"
   },
-  "homepage": "https://github.com/karkigrishmin/stacks-react#readme",
+  "homepage": "https://stacks-kit.vercel.app",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",

src/components/footer.tsx

@@ -1,10 +1,8 @@
-import { Github, Twitter } from 'lucide-react';
+import { Github } from 'lucide-react';
 import { Link } from 'react-router-dom';
 import { Logo } from './logo';
 
-const GITHUB_URL = 'https://github.com/your-org/stacks-kit';
-const TWITTER_URL = 'https://twitter.com/stacks';
-const DISCORD_URL = 'https://discord.gg/stacks';
+const GITHUB_URL = 'https://github.com/karkigrishmin/stacks-react';
 
 const footerLinks = {
   product: [
@@ -24,21 +22,20 @@ const footerLinks = {
     },
   ],
   community: [
-    { label: 'Discord', href: DISCORD_URL, external: true },
-    { label: 'Twitter', href: TWITTER_URL, external: true },
     {
       label: 'GitHub Discussions',
       href: `${GITHUB_URL}/discussions`,
       external: true,
     },
+    {
+      label: 'GitHub Issues',
+      href: `${GITHUB_URL}/issues`,
+      external: true,
+    },
   ],
 };
 
-const socialLinks = [
-  { label: 'GitHub', href: GITHUB_URL, icon: Github },
-  { label: 'Twitter', href: TWITTER_URL, icon: Twitter },
-  { label: 'Discord', href: DISCORD_URL, icon: DiscordIcon },
-];
+const socialLinks = [{ label: 'GitHub', href: GITHUB_URL, icon: Github }];
 
 export function Footer() {
   const currentYear = new Date().getFullYear();
@@ -82,14 +79,6 @@ export function Footer() {
           <p className="text-body-sm text-foreground-tertiary">
             © {currentYear} stacks-kit. MIT License.
           </p>
-          <div className="flex items-center gap-6 text-body-sm text-foreground-tertiary">
-            <a href="#" className="transition-colors hover:text-foreground">
-              Privacy
-            </a>
-            <a href="#" className="transition-colors hover:text-foreground">
-              Terms
-            </a>
-          </div>
         </div>
       </div>
     </footer>
@@ -142,16 +131,3 @@ function FooterColumn({ title, links }: FooterColumnProps) {
     </div>
   );
 }
-
-function DiscordIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" />
-    </svg>
-  );
-}

src/components/hero.tsx

@@ -4,8 +4,9 @@ import { staggerContainer, staggerItem } from '@/lib/animation/variants';
 import { Button } from './ui/button';
 import { CopyButton } from './ui/copy-button';
 
-const INSTALL_COMMAND = 'npm create stacks-kit@latest';
-const GITHUB_URL = 'https://github.com/your-org/stacks-kit';
+const INSTALL_COMMAND =
+  'npm install stacks-kit @stacks/connect @stacks/transactions @stacks/network';
+const GITHUB_URL = 'https://github.com/karkigrishmin/stacks-react';
 
 export function Hero() {
   return (

src/components/navbar.tsx

@@ -9,7 +9,7 @@ import { ConnectButton } from './stacks/connect-button';
 import { ThemeToggle } from './theme-toggle';
 import { Button } from './ui/button';
 
-const GITHUB_URL = 'https://github.com/your-org/stacks-kit';
+const GITHUB_URL = 'https://github.com/karkigrishmin/stacks-react';
 
 const navLinks = [
   { href: '#features', label: 'Features', icon: Layers },

src/components/theme-toggle.tsx

@@ -41,6 +41,7 @@ export function ThemeToggle({ className, showLabel = false }: ThemeToggleProps)
 
   return (
     <button
+      type="button"
       onClick={cycleTheme}
       className={cn(
         'inline-flex items-center justify-center gap-2 rounded-md p-2',

src/pages/docs/hooks/use-sbtc-balance.tsx

@@ -19,12 +19,14 @@ function LiveExample() {
         <div className="flex items-center gap-2">
           <div className="flex overflow-hidden rounded-md border text-xs">
             <button
+              type="button"
               onClick={() => setNetwork('mainnet')}
               className={`px-2 py-1 ${network === 'mainnet' ? 'bg-primary text-primary-foreground' : 'bg-muted'}`}
             >
               Mainnet
             </button>
             <button
+              type="button"
               onClick={() => setNetwork('testnet')}
               className={`px-2 py-1 ${network === 'testnet' ? 'bg-primary text-primary-foreground' : 'bg-muted'}`}
             >

src/pages/docs/installation.tsx

@@ -41,12 +41,6 @@ export function DocsInstallation() {
         />
       </div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-semibold">Import Styles</h2>
-        <p className="text-muted-foreground">Import the CSS in your entry file:</p>
-        <CodeBlock code={`import 'stacks-kit/styles.css';`} language="tsx" filename="main.tsx" />
-      </div>
-
       <div className="space-y-4">
         <h2 className="text-2xl font-semibold">TypeScript</h2>
         <p className="text-muted-foreground">

src/pages/docs/overview.tsx

@@ -21,8 +21,11 @@ export function DocsOverview() {
 
       <div className="space-y-4">
         <h2 className="text-2xl font-semibold">Quick Start</h2>
-        <p className="text-muted-foreground">Create a new project with stacks-kit in seconds:</p>
-        <CodeBlock code="npm create stacks-kit@latest" language="bash" />
+        <p className="text-muted-foreground">Add stacks-kit to your React project:</p>
+        <CodeBlock
+          code="npm install stacks-kit @stacks/connect @stacks/transactions @stacks/network"
+          language="bash"
+        />
       </div>
 
       <div className="space-y-4">