• Next.js: full stack pwa framwork
• Gsap: animation framework
• Tailwind: css framework
• Yup, @hookform/resolvers: form validator
• Zapier: no code backend automatisation

• useBreakPoint: generate breakpoint basing in width of page
• useContainerDimensions: return height and weight of a component by ref
• useGoToItemLink: scroll to section by id with change page option
• useI18n: auto generate lang file
• useProgress: generate progress of page loading
• useWindowDimension: return window dimension

• useArrayRef: ref multiple components to animate
• useGsapTimeline: generate timeline animation using a object options
• useIsomorphicLayoutEffect: return useEffect in next.js server side (ssr) and useLayoutEffect in client side
• useScrollToSection: animate scroll to id of page
• useSelector: create selector of sub selector of a ref react
• useStateRef: generate animation by state changements

All of this functions is based in tailwindcss and scss

• grid: gestion grid with responsity (show section 1: welcome images as exemple)
• flexMatrice: gestion flex with optimale padding (show section services)
• flex: gestion flex with responsivity

• classNameGestion: I find css JSX class naming and css module management in next.js difficult so I created an automation function.