feat: card clickable and added link for analytics

Author: yogeshpaliyal

src/App.tsx

@@ -331,7 +331,8 @@ function App() {
                   {currentTools.map((tool) => (
                     <Card 
                       key={tool.name} 
-                      className={cardColors[tool.name] || ''}
+                      className={`${cardColors[tool.name] || ''} cursor-pointer transition-all hover:shadow-md`}
+                      onClick={() => window.open(tool.link, '_blank', 'noopener,noreferrer')}
                     >
                       <CardHeader>
                         <CardTitle>{tool.name}</CardTitle>
@@ -347,7 +348,10 @@ function App() {
                                   ? 'border-2 border-primary text-primary font-medium' 
                                   : 'bg-muted text-muted-foreground hover:bg-muted/80'
                               }`}
-                              onClick={() => handleTagSelect(tag)}
+                              onClick={(e) => {
+                                e.stopPropagation(); // Prevent card click when tag is clicked
+                                handleTagSelect(tag);
+                              }}
                             >
                               {tag}
                             </span>
@@ -360,6 +364,7 @@ function App() {
                           target="_blank" 
                           rel="noopener noreferrer" 
                           className="text-primary hover:text-primary/90 hover:underline font-medium inline-flex items-center"
+                          onClick={(e) => e.stopPropagation()} // Prevent double navigation
                         >
                           More Details →
                         </a>

src/components/ui/footer.tsx

@@ -121,9 +121,22 @@ export function Footer({ className, ...props }: FooterProps) {
               className="text-muted-foreground hover:text-primary transition-colors"
             >
               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-linkedin">
-                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
-                <rect width="4" height="12" x="2" y="9"></rect>
                 <circle cx="4" cy="4" r="2"></circle>
+                <rect width="4" height="12" x="2" y="9"></rect>
+                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
+              </svg>
+            </a>
+            <a 
+              href="https://us.posthog.com/shared/HBqMzu0dnxLYZAMjdFcmLdcFIrkKUQ" 
+              target="_blank" 
+              rel="noopener noreferrer"
+              className="text-muted-foreground hover:text-primary transition-colors"
+              title="View Analytics"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-bar-chart">
+                <line x1="12" y1="20" x2="12" y2="10"></line>
+                <line x1="18" y1="20" x2="18" y2="4"></line>
+                <line x1="6" y1="20" x2="6" y2="16"></line>
               </svg>
             </a>
           </div>