⚔ DungeonCrusherHQ.com

Pick your landing style

Four self-contained concepts for the DungeonCrusherHQ.com home page — same brand & data, four different looks and feature sets. Open each and compare.

All four are static HTML/CSS/JS with no frameworks, no CDNs and no build step — they drop straight onto a basic AWS Linux box behind nginx/httpd and work offline.

Codex

Signature

The flagship: dark game-panel aesthetic in gold & steel, matching the craft panel. Rich, cinematic, marketing-style.

  • Sticky glass nav with hover dropdown menus
  • Animated hero with floating relic icons + parallax
  • Count-up stats & scroll-reveal sections
  • Tabbed showcase with live search across tabs
  • Events, guides, full footer

Arcade

Playful

Neon-grid, retro-arcade energy. Keyboard-driven and fast, with a switchable accent colour.

  • Left icon-rail navigation
  • Command palette — press / anywhere
  • Auto-rotating spotlight carousel
  • 3D flip quick-launch cards
  • Persisted neon accent switcher (4 colours)

Clean

Modern

Bright, spacious, documentation-portal feel. Data-first and accessible, with a true light/dark mode.

  • Light theme + persisted dark-mode toggle
  • Full-width mega-menu with featured card
  • Sortable, filterable craft data table
  • Accordion FAQ
  • Soft cards, high contrast, SEO-friendly

Dashboard

App-like

An app shell for power users — a workspace that opens straight into tools and interactive widgets.

  • Collapsible, persisted sidebar
  • Interactive catalyst calculator (essence → 99% cap)
  • Live craft quick-search widget
  • Stat tiles, quick-launch & featured widgets
  • Topbar search wired to the widgets

Feature comparison

CapabilityCodexArcadeCleanDashboard
Primary vibeCinematicRetro neonMinimal / docsPower-user app
NavigationTop + dropdownsIcon railTop + mega-menuCollapsible sidebar
Light / dark mode––✓–
Command palette ( / )–✓––
Sortable data table––✓–
Interactive calculator–––✓
Live search✓✓✓✓
Carousel / spotlight–✓––
Accent/theme switch–✓✓–
Static / offline-ready✓✓✓✓