ux_ui_designer

1
import { PORTFOLIO } from "../../utils/PORTFOLIO";
2
import "./portfolio.scss";
3
import useFadeInOnScroll from "../Hooks/useFadeInOnScroll";
4
import { animated } from "react-spring";
5

6
const Portfolio = () => {
7
  const fadeIn = useFadeInOnScroll(4300);
8
  return (
9
    <div className="portfolio">
10
      <animated.div style={fadeIn} className="portfolio__wrapper">
11
        {PORTFOLIO.map((el) => (
12
          <>
13
            <a href="/" className="portfolio__name">
14
              <div className="portfolio__table">{el.name}</div>
15
            </a>
16

17
            <a href="/" className="portfolio__link">
18
              <img className="portfolio__img" src={el.img} alt={el.name} />
19
            </a>
20
          </>
21
        ))}
22
      </animated.div>
23
    </div>
24
  );
25
};
26
export default Portfolio;
27