From 800492338d78400569862549a55ade27a4bf73d8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 21:27:29 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 122 +++++++++++++----------------------------------
 1 file changed, 34 insertions(+), 88 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 700ca13..82b2ffd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -29,13 +30,9 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Mandat",
-          id: "hero",
-        },
+          name: "Mandat",          id: "hero"},
         {
-          name: "Adéquation",
-          id: "features",
-        },
+          name: "Adéquation",          id: "features"},
       ]}
       brandName="PRAGMATAN"
     />
@@ -44,41 +41,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="PRAGMATAN"
       description="Recrutement RPO & Chasse de tête haute-précision. L'ingénierie du talent."
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=1",
-          imageAlt: "Mandat Pragmatan",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=1",          imageAlt: "Mandat Pragmatan"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=2",
-          imageAlt: "Mandat Pragmatan",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=2",          imageAlt: "Mandat Pragmatan"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=3",
-          imageAlt: "Mandat Pragmatan",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=3",          imageAlt: "Mandat Pragmatan"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=4",
-          imageAlt: "Mandat Pragmatan",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=4",          imageAlt: "Mandat Pragmatan"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=5",
-          imageAlt: "Mandat Pragmatan",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=5",          imageAlt: "Mandat Pragmatan"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=6",
-          imageAlt: "Mandat Pragmatan",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-56187.jpg?_wi=6",          imageAlt: "Mandat Pragmatan"},
       ]}
     />
   </div>
@@ -90,26 +68,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Protocole Alpha",
-          subtitle: "Identification des signaux faibles avec une précision absolue.",
-          category: "Extraction",
-          value: "150+",
-        },
+          id: "1",          title: "Protocole Alpha",          subtitle: "Identification des signaux faibles avec une précision absolue.",          category: "Extraction",          value: "150+"},
         {
-          id: "2",
-          title: "Adéquation Moléculaire",
-          subtitle: "Analyse de la porosité culturelle pour une fusion parfaite.",
-          category: "Analyse",
-          value: "100%",
-        },
+          id: "2",          title: "Adéquation Moléculaire",          subtitle: "Analyse de la porosité culturelle pour une fusion parfaite.",          category: "Analyse",          value: "100%"},
         {
-          id: "3",
-          title: "Ingénierie de Chasse",
-          subtitle: "Extraction chirurgicale dans les zones de haute confidentialité.",
-          category: "Chasse",
-          value: "30J",
-        },
+          id: "3",          title: "Ingénierie de Chasse",          subtitle: "Extraction chirurgicale dans les zones de haute confidentialité.",          category: "Chasse",          value: "30J"},
       ]}
       title="Protocole d'Extraction"
       description="Une approche moléculaire du recrutement."
@@ -123,12 +86,7 @@ export default function LandingPage() {
       title="Partenaires de Confiance"
       description="Un écosystème de leaders collaborant avec notre expertise."
       names={[
-        "Lumière",
-        "Apex",
-        "Nova",
-        "Flux",
-        "Sigma",
-      ]}
+        "Lumière",        "Apex",        "Nova",        "Flux",        "Sigma"]}
     />
   </div>
 
@@ -137,9 +95,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "La précision est notre seule constante.",
-        },
+          type: "text",          content: "La précision est notre seule constante."},
       ]}
     />
   </div>
@@ -153,54 +109,44 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "1",
-          title: "Qu'est-ce que l'extraction moléculaire ?",
-          content: "Une méthode consistant à isoler chaque compétence spécifique sans interférence environnementale.",
-        },
+          id: "1",          title: "Qu'est-ce que l'extraction moléculaire ?",          content: "Une méthode consistant à isoler chaque compétence spécifique sans interférence environnementale."},
         {
-          id: "2",
-          title: "Comment garantissez-vous la confidentialité ?",
-          content: "Nous opérons dans des zones isolées du spectre public, garantissant une discrétion totale.",
-        },
+          id: "2",          title: "Comment garantissez-vous la confidentialité ?",          content: "Nous opérons dans des zones isolées du spectre public, garantissant une discrétion totale."},
         {
-          id: "3",
-          title: "Quels sont les délais habituels ?",
-          content: "Nos protocoles sont calibrés pour une résolution optimale sous 30 jours calendaires.",
-        },
+          id: "3",          title: "Quels sont les délais habituels ?",          content: "Nos protocoles sont calibrés pour une résolution optimale sous 30 jours calendaires."},
         {
-          id: "4",
-          title: "Le RPO est-il adapté à toutes les structures ?",
-          content: "Nous privilégions les entreprises en phase de croissance critique nécessitant un talent de haut niveau.",
-        },
+          id: "4",          title: "Le RPO est-il adapté à toutes les structures ?",          content: "Nous privilégions les entreprises en phase de croissance critique nécessitant un talent de haut niveau."},
       ]}
     />
   </div>
 
+  <div id="contact" data-section="contact">
+      <ContactCTA 
+        tag="Connexion"
+        title="Initier le Protocole"
+        description="L'ingénierie du talent commence par un échange."
+        buttons={[{ text: "Démarrer l'extraction", onClick: () => console.log("Void-snap interaction triggered") }]}
+        background={{ variant: "sparkles-gradient" }}
+      />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
         {
           items: [
             {
-              label: "Mandat",
-              href: "#hero",
-            },
+              label: "Mandat",              href: "#hero"},
             {
-              label: "Protocoles",
-              href: "#features",
-            },
+              label: "Protocoles",              href: "#features"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -210,4 +156,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 97e5c581147a74e97ade912ca39a9eaba84049ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 21:27:30 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 56dd4c4..574693b 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #0a0a0a;
-  --primary-cta: #e60000;
+  --background: #fdfdfb;
+  --card: #f8f7f4;
+  --foreground: #1a1a1a;
+  --primary-cta: #dc2626;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #0a0a0a;
+  --secondary-cta: #d1d5db;
   --secondary-cta-text: #ffffff;
-  --accent: #e6e6e6;
-  --background-accent: #e6e6e6;
+  --accent: #dc2626;
+  --background-accent: #f3f4f6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);