This is a significant redesign with new colors, structure, and functionality (email form + WhatsApp). Let me read all existing components to understand what to update.
Now let me read all existing landing components:
Now I have full context. This is a complete redesign: new color palette (indigo + aquamarine + fuchsia), new structure (6 sections instead of 8+), new form fields, API route for email, WhatsApp integration. Let me implement everything.
First, update the theme with the new indigo/aquamarine/fuchsia palette:
Now update the layout metadata and theme color:
Now let me rebuild all the components. I'll also generate a hero image first:
Now rebuild the Navbar:
Now rebuild the "Propuesta Diferencial" section (replaces que-incluye + modelo):
Now rebuild "Como Funciona" (replaces plan.tsx):
Now rebuild the Beneficios section (replaces resultados + para-quien):
Now rebuild the Solicitud form with all the required fields and WhatsApp redirect:
Now create the CTA Final section:
Update the footer:
Update floating CTA:
Now move to the API route:
Now update the main page:
Now clean up old unused component files:
The landing page has been completely redesigned according to the new brief. Here's a summary of all changes:
Theme: Replaced the green/warm palette with the institutional indigo (#1E2A78 primary), aquamarine (#2EC4B6 secondary), and fuchsia (#E91E63 accent) colors across globals.css. The dark navbar and hero use the indigo background with white text for strong visual hierarchy.
Structure: Rebuilt from 8+ sections down to 6 focused ones -- Hero (with emotional image, dual CTAs), Propuesta Diferencial (6 inclusions + 4 pedagogical pillars), Como Funciona (4-step visual timeline), Beneficios (5 benefit cards), Solicitud (7-field form with email API + WhatsApp redirect), and CTA Final (emotional closing with the "Tu hijo no necesita adaptarse" message).
Functionality: Created /api/solicitud API route that validates form fields and sends structured emails via Resend (with a console fallback for development). The form captures all 7 required fields and on success offers a WhatsApp redirect button with a pre-filled message. A floating WhatsApp bubble appears after scrolling. To enable email delivery, add a RESEND_API_KEY environment variable in the Vars section of the sidebar.
The logo is a hexagonal badge with a dark indigo background, fuchsia/pink border, a stylized "A" using cyan and pink strokes, and "FUNDACION ADNE" text in pink. Let me save it to the project and update the navbar and footer to use it.
Now I'll update both the navbar and footer to use the actual logo image instead of the placeholder icon:
Now update the footer logo:
The logo has been saved to /public/logo-adne.png and integrated into both the navbar and footer using next/image with proper sizing, object-contain to preserve the hexagonal shape, and priority loading on the navbar for fast paint. The placeholder icon squares have been replaced with the actual brand mark.
Start prompting now while the preview loads