ai-integration

CHANGELOG.md

@@ -6,6 +6,7 @@ All notable changes to this project will be documented in this file.
 
 ### Added
 - AI Card Suggestion module for supervisors: generate card data from game context, re-roll card abilities with tone selection, deck synergy analytics report, and one-click card swap suggestions
+- AI features demo section on homepage, visible only to selected supervisor users
 
 ## [1.2.0] - 2026-02-18
 

resources/views/welcome.blade.php

@@ -617,6 +617,90 @@ class="group-hover:scale-105 transition-transform duration-200 bg-slate-900">
     </div>
 </section>
 
+<!-- AI Features Section (Demo - Supervisors only) -->
+@auth
+<section class="py-20 bg-gradient-to-br from-slate-900 via-slate-800 to-indigo-950">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="text-center mb-4">
+            <span class="inline-flex items-center gap-2 bg-indigo-600/20 border border-indigo-500/30 text-indigo-300 text-xs font-semibold px-4 py-1.5 rounded-full uppercase tracking-widest mb-6">
+                <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
+                Demo · Selected Users Only
+            </span>
+        </div>
+        <div class="text-center mb-16">
+            <h2 class="text-4xl font-bold text-white mb-4">
+                <span class="bg-gradient-to-r from-indigo-400 to-purple-400 bg-clip-text text-transparent">AI-Powered Features</span>
+            </h2>
+            <p class="text-xl text-slate-300 max-w-2xl mx-auto">
+                Supercharge your card creation workflow with integrated AI assistance — from generating card data to deep deck analytics.
+            </p>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            <!-- AI Card Suggestion -->
+            <div class="bg-slate-900/60 backdrop-blur-sm rounded-xl p-6 border border-indigo-700/30 card-hover">
+                <div class="w-12 h-12 bg-indigo-600 rounded-lg flex items-center justify-center mb-4">
+                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
+                    </svg>
+                </div>
+                <h3 class="text-xl font-semibold text-white mb-2">AI Card Suggestions</h3>
+                <p class="text-slate-300 mb-4">Automatically generate card names, descriptions, and ability scores based on your game's style and existing cards.</p>
+                <a href="/admin/cards/create" class="text-indigo-400 hover:text-indigo-300 text-sm font-medium transition-colors">Try in Card Editor →</a>
+            </div>
+
+            <!-- Ability Re-roll -->
+            <div class="bg-slate-900/60 backdrop-blur-sm rounded-xl p-6 border border-purple-700/30 card-hover">
+                <div class="w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center mb-4">
+                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+                    </svg>
+                </div>
+                <h3 class="text-xl font-semibold text-white mb-2">Ability Re-roll</h3>
+                <p class="text-slate-300 mb-4">Refine card abilities with tone control — Aggressive, Defensive, or Support — for perfectly balanced gameplay text.</p>
+                <a href="/admin/cards" class="text-purple-400 hover:text-purple-300 text-sm font-medium transition-colors">Open Card Editor →</a>
+            </div>
+
+            <!-- Deck Analytics -->
+            <div class="bg-slate-900/60 backdrop-blur-sm rounded-xl p-6 border border-blue-700/30 card-hover">
+                <div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mb-4">
+                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
+                    </svg>
+                </div>
+                <h3 class="text-xl font-semibold text-white mb-2">Deck Analytics</h3>
+                <p class="text-slate-300 mb-4">Deep synergy analysis, mana curve evaluation, and win-rate prediction for your decks with detailed AI reports.</p>
+                <a href="/admin/decks" class="text-blue-400 hover:text-blue-300 text-sm font-medium transition-colors">Analyze Your Decks →</a>
+            </div>
+
+            <!-- Card Swap Suggestions -->
+            <div class="bg-slate-900/60 backdrop-blur-sm rounded-xl p-6 border border-emerald-700/30 card-hover">
+                <div class="w-12 h-12 bg-emerald-600 rounded-lg flex items-center justify-center mb-4">
+                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
+                    </svg>
+                </div>
+                <h3 class="text-xl font-semibold text-white mb-2">Smart Card Swap</h3>
+                <p class="text-slate-300 mb-4">AI-recommended card substitutions to improve deck balance, with one-click execution directly in the deck editor.</p>
+                <a href="/admin/decks" class="text-emerald-400 hover:text-emerald-300 text-sm font-medium transition-colors">Open Deck Editor →</a>
+            </div>
+
+            <!-- Coming Soon -->
+            <div class="bg-slate-900/40 backdrop-blur-sm rounded-xl p-6 border border-slate-700/30 opacity-70">
+                <div class="w-12 h-12 bg-slate-700 rounded-lg flex items-center justify-center mb-4">
+                    <svg class="w-6 h-6 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+                    </svg>
+                </div>
+                <h3 class="text-xl font-semibold text-slate-400 mb-2">More Coming Soon</h3>
+                <p class="text-slate-500 mb-4">AI-powered image generation, automated card balancing, and meta analysis features are in development.</p>
+                <span class="text-slate-600 text-sm font-medium">In Development</span>
+            </div>
+        </div>
+    </div>
+</section>
+@endauth
+
 <!-- Footer -->
 <footer class="bg-slate-900 border-t border-slate-700">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">