fixed design and responsive details

components/layout/Header.tsx

@@ -98,10 +98,10 @@ export default function Header() {
 									key={index}
 									onClick={(e) => handleAnchorClick(e, link.target)}
 									className={`
-                    cursor-pointer text-brand-beige font-serif text-[clamp(2.4rem,9vw,5rem)] leading-[0.95]
-                    transition-all duration-700 ease-out
-                    ${showText ? "translate-x-0 opacity-100" : "-translate-x-12 opacity-0"}
-                  `}
+										cursor-pointer text-brand-beige font-serif text-[clamp(2.4rem,9vw,5rem)] leading-[0.95]
+										transition-all duration-700 ease-out
+										${showText ? "translate-x-0 opacity-100" : "-translate-x-12 opacity-0"}
+									`}
 									style={{
 										transitionDelay: showText ? `${index * 140}ms` : "0ms",
 									}}

components/sections/HeroSection.tsx

@@ -9,7 +9,7 @@ export default function HeroSection() {
             ">
                 {/* Rotating texts */}
                 <div className="flex flex-col">
-                    <p className="text-2xl font-sans">Ensemble nous allons...</p>
+                    <p className="text-[clamp(15px,2vw,24px)] font-sans">Ensemble nous allons...</p>
                     <h1 className="text-[clamp(30px,4vw,64px)] font-serif">Construire une solution qui répond à votre problème.</h1>
                 </div>