Build a high-performance, modular landing page in Next.js/React with Tailwind CSS for "DLOKY GameLab", a specialized indie game playtesting, tactical analysis, and marketing direction service. Design Aesthetic & Theme: - Skeuomorphic Industrial / Tactical Game HUD / Dark Steampunk aesthetic. - Color Palette: Deep dark backgrounds (rich blacks/grays #111317, #1e2024), illuminated with neon accents (Cyan #00f0ff, Gold/Amber #fe9d00, Terminal Green #6dfe9c, and Alert Red #ffb4ab). - Typography: Technical monospace for labels/metrics ('JetBrains Mono' / 'Share Tech Mono') and strong geometric sans-serif for headlines ('Space Grotesk' / 'Inter'). Asset Integration & Layering Requirements: Structure every component as a reusable "layered frame sandwich" so I can easily swap in my custom transparent PNG frames, wax seals, stamps, and icons: 1. Base Layer (Container): Relative position, semi-transparent dark container with inset bevel shadows and glow borders. Include clear placeholder comments for custom background frame images (/assets/frames/frame_*.png). 2. Content Layer: Formatted technical text, metrics, tags, and progress meters properly padded within the safe zone of the frame. 3. Overlay Layer: Absolutely positioned top-level decorative assets/badges (/assets/badges/seal_*.png) slightly overlapping card corners with subtle rotation (rotate-[-4deg]), drop shadows, and hover animations (hover:scale-110 hover:drop-shadow-[0_0_12px_rgba(0,240,255,0.8)]). Sections to Build: 1. Header / Navbar: - Logo area (DLOKY GameLab) with subtle glow, navigation links (Process, What We Analyze, Case Studies, Services, Contact), and a prominent CTA button ("Analyze Your Game") with an industrial amber gradient. 2. Hero Section: - Headline: "Turn gameplay into strategy." - Subtitle & description for indie game playtesting and market positioning. - Dual CTAs ("See Our Process", "View Case Studies") and mini-stats indicators. - Interactive "Game Analysis Unit" monitor mock: A large central display with crosshairs, data callouts (Core Loop, Mechanics, Player Friction, Hook, Messaging), and an animated play session progress bar. 3. 4-Step Process Flow: - Horizontal pipeline: [PLAY] -> [OBSERVE] -> [ANALYZE] -> [REPORT] with connector arrows and distinct accent colors per step. 4. "How The Process Works" 3-Column Grid: - Input Requirements, The Box Analyzes, and Results / Verdict cards. 5. "What GameLab Analyzes" Hex/Grid Matrix: - Modular feature cards: First Time, Core Loop, Mechanics, Friction, Repetition, Communication. 6. Dynamic Case Studies Section (Designed for continuous growth): - Grid of case files (e.g., LASTWATCH, HEXTALIA, IRON HAVEN). - Use an external JSON/TypeScript mock array of case objects so new projects and playtests can be added easily. - Each card must display: Case file ID, genre tags, quick summary, expandable/linkable "Open Case File" button, and a customizable verdict stamp/badge slot (e.g., "CORRE", "NO CORRE", "CON SACRIFICIOS", or Approved/Observed score breakdown). 7. Services & Pricing Tiers: - Modular pricing cards (Playtest Feedback, Marketing Foundation, Strategy & Gameplay Marketing, Deep Dive Analysis) with clear starting price tags and deliverable bullets. 8. Footer: - Community links (Twitch, Reddit, Instagram, Articles), quick navigation, disclaimer, and copyright. Ensure the code is fully responsive, uses clean Tailwind classes, handles image placeholders gracefully with standard <img> or Next/Image tags, and exports clean modular subcomponents.