Je vais d'abord examiner votre site actuel pour comprendre les codes couleurs et le contenu, puis créer une proposition moderne.
J'ai récupéré le contenu de votre site. Maintenant, laissez-moi inspecter les couleurs exactes du site actuel et générer un design brief adapté.
Excellent ! J'ai bien compris votre site et j'ai un design brief. Maintenant, je vais créer le site complet. Laissez-moi d'abord configurer les tâches et générer les images nécessaires.
Parfait, les images sont pretes. Maintenant je configure le theme, les polices et le layout.
Now let me update the layout with proper fonts and metadata:
Now update the font references in globals.css:
Now let me build the Header and Hero components:
Now let me assemble everything in the main page:
Voici votre nouveau site Porquet entierement redesigne. J'ai conserve les codes couleurs de votre marque -- bleu marine profond (#1a1a2e) comme couleur primaire et orange (#e67e22) comme accent -- tout en proposant un design moderne et professionnel. Le site comprend : un header fixe avec navigation responsive et CTA telephonique, un hero plein ecran avec statistiques, une section services avec cartes illustrees, les avantages concurrentiels, un CTA devis gratuit, une galerie de realisations, un formulaire de contact complet, et un footer structure.
Pour la prochaine etape avec Prismic, il faudra integrer le SDK @prismicio/client et @prismicio/next pour rendre tout le contenu textuel et les images editables depuis le CMS. Voulez-vous que j'ajoute l'integration Prismic maintenant ?
Let me first examine the current components to understand what needs to change.
J'ai une vue complete du code. Le hero actuel est trop classique -- juste une image sombre avec du texte par-dessus. Je vais repenser tout le design avec une approche beaucoup plus moderne et impactante : un hero split-screen avec des animations, des sections avec plus de rythme visuel, et un look premium. Je genere aussi de nouvelles images plus percutantes.
Maintenant je refais le header, le hero et toutes les sections avec un design beaucoup plus sexy et sophistique.
Now let me add some smooth scroll behavior and polish the globals.css:
Le design a ete entierement repense avec une approche beaucoup plus premium et dynamique. Le hero est maintenant en split-screen avec un layout asymetrique -- contenu a gauche avec animation d'entree et images a droite avec des cartes flottantes en backdrop-blur. Les services utilisent un layout alterne image/texte en bento. Les realisations sont en grille asymetrique avec des overlays interactifs. Le CTA devis est sur fond orange plein ecran tres impactant, et chaque section a des badges pilules, des micro-interactions au hover, et une typographie bien plus affirmee.
You can send messages while the preview loads