feat(landing): Use central button tailwind variant

landing/app/app.config.ts

@@ -9,18 +9,39 @@ export default defineAppConfig({
       error: 'red'
     },
 
-    // Button customizations
+    // Button customizations with custom gradient variants
     button: {
       defaultVariants: {
         size: 'lg'
+      },
+      variants: {
+        variant: {
+          gradient:
+            'bg-gradient-to-br from-primary-500 to-cyan-500 text-white font-semibold rounded-xl shadow-lg shadow-primary-500/25 hover:from-cyan-500 hover:to-accent-500 hover:shadow-xl hover:shadow-primary-500/30 transition-all',
+          gradientOutline:
+            'bg-white dark:bg-gray-900 border-2 border-transparent bg-clip-padding font-semibold rounded-xl text-primary-600 dark:text-primary-400 ring-2 ring-primary-500 hover:bg-primary-50 dark:hover:bg-primary-950 transition-all'
+        }
       }
     },
 
-    // Card customizations with enhanced hover states
+    // Card customizations with enhanced hover states and glass variant
     card: {
       slots: {
         root: 'rounded-2xl overflow-hidden transition-all duration-300'
-      }
+      },
+      variants: {
+        variant: {
+          glass: ''
+        }
+      },
+      compoundVariants: [
+        {
+          variant: 'glass',
+          class: {
+            root: 'bg-white/70 dark:bg-black/40 backdrop-blur-xl border border-white/30 dark:border-white/10'
+          }
+        }
+      ]
     },
 
     // Page Hero customizations for landing page