Now let me read the existing components to understand the full structure:
Good, I have full context now. I need to:
Let me create the landing page component first:
Now update the view switcher to add the landing view:
Now update page.tsx to import the landing page and make it the default view:
Now add the landing view handler and rendering logic:
La landing page marketing est maintenant ajoutee et s'affiche par defaut a l'ouverture. Elle comprend une navbar fixe avec navigation par ancres, un hero avec badge, titre accrocheur, sous-titre et deux CTA, une barre de stats chiffrees, un bandeau de logos clients, une grille de 6 fonctionnalites, un parcours "Comment ca marche" en 4 etapes, des temoignages clients, une section tarifs avec toggle mensuel/annuel et 3 plans, et un footer. Le bouton "Essai gratuit" ou "Demarrer gratuitement" bascule vers le dashboard recruteur, et la barre de navigation flottante en bas inclut maintenant la landing page comme premiere vue.
Now let me read all existing files to do the full refonte:
Let me also read the remaining files I need to update:
Now I have full context on every file. Let me do the complete design overhaul -- dark mode with a rose/fuchsia/violet palette. I'll start with globals.css and then rewrite every component.
Now let me rewrite the landing page completely with the new dark + rose/violet aesthetic:
Now update the sidebar for the dark theme:
Now update dashboard header:
Now update the study card:
Now update candidate list with dark theme fit colors:
Now update the candidate report:
Now update the candidate landing page:
Now update the voice interview with the new palette:
Now update the new study form for the dark theme:
Finally update the view switcher to match the dark theme:
Refonte complete effectuee. L'ensemble de l'app adopte maintenant un theme sombre avec une palette rose/fuchsia (hsl(330 80% 60%)) comme couleur primaire et violet (hsl(290 80% 75%)) comme accent. Les backgrounds sont quasi-noirs avec une teinte bleutee, les cartes sont en gris tres fonce, et tous les elements interactifs (boutons, badges, barres de progression, cercle de l'entretien vocal) utilisent des gradients rose-violet avec des effets de glow et de shadow colores. La landing page inclut aussi un grid pattern subtil en arriere-plan, des textes en gradient pour les titres, et une nouvelle section CTA avant le footer.