mbcubeconsulting/cachetdeco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix stupid animation
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 47s
Details

Browse Source
This commit is contained in:
mouad bouras
2026-03-26 23:43:47 -04:00
parent 0e99cb4cd7
commit 60c295d731
1 changed files with 10 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/ui/hero.tsx
View File

@@ -79,48 +79,18 @@ export default function Hero({ content }: { content: HeroContent }) {
style={{ originY: "50%" }} style={{ originY: "50%" }}
transition={{ delay: 0.85, duration: 1, ease: [0.22, 1, 0.36, 1] }} transition={{ delay: 0.85, duration: 1, ease: [0.22, 1, 0.36, 1] }}
/> />
<svg className="relative" viewBox="0 0 1390 500" xmlns="http://www.w3.org/2000/svg"> <svg
<defs> className="relative"
<clipPath id="cachet-rise-clip"> viewBox="0 0 1390 500"
<motion.rect xmlns="http://www.w3.org/2000/svg"
x="0" >
initial={{ scaleY: 0 }}
animate={{ scaleY: 1 }}
style={{ originY: "100%" }}
transition={{
duration: 1,
ease: [0.22, 1, 0.36, 1],
delay: 0.85,
}}
height="334"
width="1390"
/>
</clipPath>
<clipPath id="decorateurs-drop-clip">
<motion.rect
x="0"
y="334"
initial={{ scaleY: 0 }}
animate={{ scaleY: 1 }}
style={{ originY: "0%" }}
transition={{
duration: 1,
ease: [0.22, 1, 0.36, 1],
delay: .95,
}}
height="166"
width="1390"
/>
</clipPath>
</defs>
<motion.text <motion.text
x="3" x="3"
y="312" y="312"
fontFamily="Cocogoose" fontFamily="Cocogoose"
fontSize="350" fontSize="350"
fontWeight="600"
className="fill-brand-600" className="fill-brand-600"
clipPath="url(#cachet-rise-clip)" {...fadeUp(1.05)}
> >
CACHET CACHET
</motion.text> </motion.text>
@@ -143,17 +113,18 @@ export default function Hero({ content }: { content: HeroContent }) {
transformOrigin: "0% 50%", transformOrigin: "0% 50%",
}} }}
/> />
<text <motion.text
x="228" x="228"
y="435" y="435"
fontFamily="Geoform" fontFamily="Geoform"
fontSize="72" fontSize="72"
fontWeight="700" fontWeight="700"
className="fill-graphite-600" className="fill-graphite-600"
clipPath="url(#decorateurs-drop-clip)" {...fadeUp(1.05)}
> >
PEINTRES DECORATEURS PEINTRES DECORATEURS
</text> </motion.text>
</svg> </svg>
</div> </div>