fixed design and responsive details
This commit is contained in:
@@ -98,10 +98,10 @@ export default function Header() {
|
|||||||
key={index}
|
key={index}
|
||||||
onClick={(e) => handleAnchorClick(e, link.target)}
|
onClick={(e) => handleAnchorClick(e, link.target)}
|
||||||
className={`
|
className={`
|
||||||
cursor-pointer text-brand-beige font-serif text-[clamp(2.4rem,9vw,5rem)] leading-[0.95]
|
cursor-pointer text-brand-beige font-serif text-[clamp(2.4rem,9vw,5rem)] leading-[0.95]
|
||||||
transition-all duration-700 ease-out
|
transition-all duration-700 ease-out
|
||||||
${showText ? "translate-x-0 opacity-100" : "-translate-x-12 opacity-0"}
|
${showText ? "translate-x-0 opacity-100" : "-translate-x-12 opacity-0"}
|
||||||
`}
|
`}
|
||||||
style={{
|
style={{
|
||||||
transitionDelay: showText ? `${index * 140}ms` : "0ms",
|
transitionDelay: showText ? `${index * 140}ms` : "0ms",
|
||||||
}}
|
}}
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ export default function HeroSection() {
|
|||||||
">
|
">
|
||||||
{/* Rotating texts */}
|
{/* Rotating texts */}
|
||||||
<div className="flex flex-col">
|
<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>
|
<h1 className="text-[clamp(30px,4vw,64px)] font-serif">Construire une solution qui répond à votre problème.</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user