v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Scroll Animations

Browse source
This commit is contained in:
Dex404 2024-04-18 08:53:36 +00:00
parent 84c14cec5a
commit ff7bbd72a4
16 changed files with 769 additions and 319 deletions
Download patch file Download diff file Expand all files Collapse all files

29
components/Portfolio/Portfolio.tsx
View file

@ -1,22 +1,29 @@
import ImageFilter from "components/ImageFilter/ImageFilter"
import MoveDownWhenVisible from "utils/ScrollAnimations/MoveDownOnScroll"
import MoveRightWhenVisible from "utils/ScrollAnimations/MoveRightOnScroll"
export default function Portfolio() {
return (
<>
<div className="mx-auto place-self-center text-center">
<div className="mb-4 text-center text-4xl font-extrabold capitalize leading-none tracking-tight text-white md:text-4xl xl:text-5xl">
<h1 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
Our Portfolio
</h1>
<MoveDownWhenVisible>
<h1 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
Our Portfolio
</h1>
</MoveDownWhenVisible>
</div>
<p className="pl-5 pr-5 text-2xl text-white">
The showcase of our innovations. Dive in to explore our diverse range of projects and see how we’re driving
digital transformation across industries.”
</p>
</div>
<div>
<ImageFilter />
<MoveDownWhenVisible>
<p className="pl-5 pr-5 text-2xl text-white">
The showcase of our innovations. Dive in to explore our diverse range of projects and see how we’re driving
digital transformation across industries.”
</p>
</MoveDownWhenVisible>
</div>
<MoveRightWhenVisible>
<div>
<ImageFilter />
</div>
</MoveRightWhenVisible>
</>
)
}