Create a highly premium, modern, dark-mode dashboard for a B2B AI Lead Scraper software named 'Adnexum'. Use a sleek design with Tailwind CSS, lots of glassmorphism effects, and vibrant neon accents (electric blue and neon green). Give me a left sidebar with navigation icons. The main content area should have a massive glowing button 'Iniciar Extracción Automática' at the top right, and an input field next to it 'Enter industry and city...'. Below that, create a beautiful data table simulating a live scraping process: columns for 'Nombre', 'Teléfono (WhatsApp Link)', 'Dirección' and 'Botón de CRM (Enviar)'. The UI should feel extremely responsive, 'alive' with hover states, and use the 'Inter' or 'Geist' font to look like a million-dollar SaaS startup."
Now I'll build the premium Adnexum dashboard with the dark theme, glassmorphism effects, neon accents, and all the requested features. Let me update the globals.css for the dark neon theme and create the dashboard components.
Now let me create the dashboard components:
Now let me create the main page that brings everything together:
Now let me add the custom animation keyframe for the gradient button and some additional polish to the globals.css:
The Adnexum dashboard is complete! Here's what I built:
Premium Dark-Mode Dashboard Features:
Leads Table - Simulates live scraping with:
Visual Effects:
oklch(0.7 0.2 250)) and neon green (oklch(0.75 0.22 145)) accentsThe UI uses Geist font and feels "alive" with smooth transitions, pulse animations on the live scanner, and interactive elements that respond to user actions.
Para obtener el código del proyecto Adnexum, tienes varias opciones:
Opción 1 - Descargar ZIP (Recomendada):
Opción 2 - Usar shadcn CLI: Si tienes un proyecto Next.js existente, puedes usar el comando CLI de shadcn que aparece en las opciones de descarga para instalar los componentes automáticamente.
Opción 3 - Conectar a GitHub:
Opción 4 - Publicar en Vercel:
¿Cuál opción prefieres usar?
You can send messages while the preview loads