Lumina Dental Studio

Lumina Dental Studio uses a hybrid architecture built on top of WordPress. WordPress acts as the CMS, publishing engine, and foundation for two custom plugins: one for the visual dental website and another for AI-powered landing page generation. The system has two main input channels: a React Admin Dashboard inside WordPress for landing page generation and a Telegram Bot for creating or editing blog articles through text or voice notes. External orchestration happens in n8n, where the workflows for landing page generation, contextual editing, and article creation are executed. WordPress receives generated content through the REST API and stores it as drafts or published content using native Gutenberg HTML blocks.

Frontend Stack

The public frontend was developed using custom PHP templates inside the lumina-dental-plugin. These templates include Home, Blog, About, Contact, and Single Post views. No heavy visual builders such as Elementor or Divi were used. This allowed greater control over structure, performance, responsive design, global styles, and visual consistency. The site uses a boutique design system with Tailwind CSS, institutional colors, and a premium visual style designed for a modern dental clinic.

Backend Stack

WordPress works as the main backend, CMS, and publishing engine. Custom logic is divided into two plugins: lumina-dental-plugin manages premium templates, secure public previews, custom REST fields, and dynamic design system injection. wp-ai-landing-generator manages the React SPA dashboard, custom REST endpoints, the Blank Canvas template, webhook configuration, and AI-powered landing page generation.

Database Stack

Lumina uses the WordPress-managed database layer to store pages, posts, drafts, metadata, plugin settings, design tokens, preview keys, and generated content. Landing pages and articles are stored as native WordPress content using Gutenberg HTML blocks inside post_content. Plugin settings such as webhooks, brand colors, typography, and configuration values are stored through WordPress options.

Automation Stack

n8n orchestrates three main workflows: Flow 1: Landing Page Generator. It receives data, images, and design tokens from the React dashboard, calls LLM models, generates Gutenberg HTML blocks, and sends the draft to WordPress. Flow 2: Contextual Editing Widget. It receives instructions from a floating widget inside the preview page, adjusts draft blocks, and updates the content in WordPress. Flow 3: Telegram Article Bot. It receives text or audio, transcribes voice notes, generates articles, creates drafts, sends previews, processes edit instructions, and publishes posts through interactive buttons.

AI Stack

The AI layer is used to generate landing pages, write blog articles, structure content as Gutenberg HTML blocks, transcribe voice notes, and process editing instructions. Instead of returning plain text, the system generates WordPress-compatible content that can be stored in post_content and rendered as a landing page or article. AI also participates in contextual editing by interpreting user instructions and modifying specific sections before publishing.

Deployment Stack

Lumina is deployed as a custom WordPress-based system with external automation handled by n8n. The architecture separates the public website, WordPress CMS, custom plugins, AI workflows, Telegram bot, and contextual editing layer. This keeps WordPress focused on content management and publishing, while n8n handles heavier AI processing, transcription, and workflow orchestration.