Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions public/build/assets/app-3XmD-qMV.css

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion public/build/assets/app-CjxhFi4q.css

This file was deleted.

2 changes: 1 addition & 1 deletion public/build/manifest.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"resources/css/app.css": {
"file": "assets/app-CjxhFi4q.css",
"file": "assets/app-3XmD-qMV.css",
"src": "resources/css/app.css",
"isEntry": true
},
Expand Down
135 changes: 95 additions & 40 deletions resources/views/welcome.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -149,8 +149,12 @@ function gtag(){dataLayer.push(arguments);}
<a href="{{ route('marketplace.index') }}" class="text-slate-300 hover:text-white transition-colors duration-200 font-medium">
Browse Marketplace
</a>
<a href="{{ route('changelog') }}" class="text-slate-300 hover:text-white transition-colors duration-200 font-medium">
<a href="{{ route('changelog') }}" class="relative text-slate-300 hover:text-white transition-colors duration-200 font-medium flex items-center gap-1">
Changelog
<span class="flex h-2 w-2">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-[#EA580C] opacity-75"></span>
<span class="relative inline-flex rounded-full h-2 w-2 bg-[#EA580C]"></span>
</span>
</a>
@auth
<a href="/admin/physical-cards/create" class="text-slate-300 hover:text-white transition-colors duration-200">
Expand Down Expand Up @@ -254,7 +258,38 @@ class="moon-path" />
</div>
</div>
</section>

<!-- Spotlight section -->
<section class="py-12 bg-[#09090B] border-y border-slate-800/50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-center justify-between gap-8 bg-gradient-to-r from-slate-900 to-indigo-950/30 p-8 rounded-2xl border border-indigo-500/20">
<div class="flex-1">
<div class="flex items-center gap-2 mb-4">
<span class="bg-[#EA580C] text-black text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-tighter">New Update</span>
<h2 class="text-2xl font-bold text-white">Deck Intelligence & Physical Export</h2>
</div>
<p class="text-slate-400 mb-6">
Take your strategy to the next level with <strong>Advanced Deck Analytics</strong> and our new <strong>Printable PDF Export</strong>. Generate ready-to-cut 3x3 sheets of your creations in seconds.
</p>
<div class="flex items-center gap-6">
<a href="https://cardsforge.eu/changelog" class="text-sm font-semibold text-[#EA580C] hover:text-orange-400 transition-colors flex items-center gap-1">
View all latest improvements in the Changelog
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<div class="flex gap-4">
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700 flex flex-col items-center min-w-[100px]">
<svg class="w-8 h-8 text-blue-500 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zM12 5v14M15 11v8M18 15v4"/></svg>
<span class="text-[10px] text-slate-500 uppercase font-bold text-center">AI Analytics</span>
</div>
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700 flex flex-col items-center min-w-[100px]">
<svg class="w-8 h-8 text-green-500 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
<span class="text-[10px] text-slate-500 uppercase font-bold text-center">PDF Export</span>
</div>
</div>
</div>
</div>
</section>
<!-- Marketplace Features Section -->
<section class="py-20 bg-slate-800/50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
Expand Down Expand Up @@ -636,83 +671,103 @@ class="group-hover:scale-105 transition-transform duration-200 bg-slate-900">
</section>

<!-- AI Features Section -->
<section class="py-20 bg-gradient-to-br from-slate-900 via-slate-800 to-indigo-950">
<section id="ai-features" class="py-24 bg-gradient-to-br from-[#09090B] via-slate-900 to-indigo-950/40">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-4">
<div class="text-center mb-6">
<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
AI Ecosystem · Live Now
</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 class="text-4xl md:text-5xl font-bold text-white mb-6">
<span class="bg-gradient-to-r from-indigo-400 via-white-400 to-[#EA580C] bg-clip-text text-transparent">AI-Powered Intelligence</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 class="text-xl text-slate-400 max-w-3xl mx-auto">
Supercharge your design workflow. From generating complex card mechanics to deep mathematical analytics, the Forge AI handles the heavy lifting.
</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">

<div class="bg-slate-900/60 backdrop-blur-sm rounded-2xl p-8 border border-indigo-700/30 card-hover relative group">
<div class="w-12 h-12 bg-indigo-600 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-indigo-500/20">
<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>
<h3 class="text-2xl font-bold text-white mb-3">Card Forge AI</h3>
<p class="text-slate-400 mb-6 leading-relaxed">Automatically generate unique card names, descriptions, and lore based on your game's specific style and mechanics.</p>
<a href="/admin/cards/create" class="text-indigo-400 hover:text-indigo-300 text-sm font-bold inline-flex items-center gap-2 transition-all">
Launch Editor <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</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">
<div class="bg-slate-900/60 backdrop-blur-sm rounded-2xl p-8 border border-purple-700/30 card-hover relative group">
<div class="w-12 h-12 bg-purple-600 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-purple-500/20">
<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>
<h3 class="text-2xl font-bold text-white mb-3">Ability Re-roll</h3>
<p class="text-slate-400 mb-2 leading-relaxed">Refine card text with controlled tones: Aggressive, Defensive, or Support. Perfect for balancing abilities.</p>
<span class="text-[10px] text-purple-400 font-bold uppercase tracking-widest block mb-6 italic">Limit: 3 per card daily</span>
<a href="/admin/cards" class="text-purple-400 hover:text-purple-300 text-sm font-bold inline-flex items-center gap-2 transition-all">
Refine Ability <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</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">
<div class="bg-slate-900/60 backdrop-blur-sm rounded-2xl p-8 border border-blue-700/30 card-hover relative group">
<div class="w-12 h-12 bg-blue-600 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-blue-500/20">
<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>
<h3 class="text-2xl font-bold text-white mb-3">Strategic Intelligence</h3>
<p class="text-slate-400 mb-2 leading-relaxed">Deep synergy reports, archetype detection, and cost-curve analysis to ensure your deck is tournament-ready.</p>
<span class="text-[10px] text-blue-400 font-bold uppercase tracking-widest block mb-6 italic">20+ cards required · Weekly limit</span>
<a href="/admin/decks" class="text-blue-400 hover:text-blue-300 text-sm font-bold inline-flex items-center gap-2 transition-all">
Analyze Deck <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</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">
<div class="bg-slate-900/60 backdrop-blur-sm rounded-2xl p-8 border border-emerald-700/30 card-hover relative group">
<div class="w-12 h-12 bg-emerald-600 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-emerald-500/20">
<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>
<h3 class="text-2xl font-bold text-white mb-3">Smart Swap</h3>
<p class="text-slate-400 mb-6 leading-relaxed">AI identifies weak links in your deck and suggests top-tier replacements with one-click implementation.</p>
<a href="/admin/decks" class="text-emerald-400 hover:text-emerald-300 text-sm font-bold inline-flex items-center gap-2 transition-all">
Optimize Deck <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</a>
</div>

<div class="bg-slate-900/60 backdrop-blur-sm rounded-2xl p-8 border border-orange-700/30 card-hover relative group">
<div class="w-12 h-12 bg-[#EA580C] rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-orange-500/20">
<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="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" />
</svg>
</div>
<h3 class="text-2xl font-bold text-white mb-3">Forge-to-Paper</h3>
<p class="text-slate-400 mb-6 leading-relaxed">Export your decks into professional 3x3 layout PDFs. Zero-waste design, perfectly sized for easy physical cutting.</p>
<a href="/admin/decks" class="text-orange-400 hover:text-orange-300 text-sm font-bold inline-flex items-center gap-2 transition-all">
Export for Print <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</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">
<div class="bg-slate-900/40 backdrop-blur-sm rounded-2xl p-8 border border-slate-700/30 opacity-60 relative">
<div class="w-12 h-12 bg-slate-700 rounded-xl flex items-center justify-center mb-6">
<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" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
</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>
<h3 class="text-2xl font-bold text-slate-500 mb-3">Auto-Balancing</h3>
<p class="text-slate-500 mb-4 leading-relaxed">Coming soon: AI-driven balancing engine that adjusts card costs based on global game statistics.</p>
<span class="bg-slate-800 text-slate-400 text-[10px] px-2 py-1 rounded font-bold uppercase tracking-widest">In Lab</span>
</div>

</div>
</div>
</section>
Expand Down
Loading