Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring and cleaning

Browse Source
This commit is contained in:
Antoine M 2024-03-13 17:52:35 +01:00
parent 1f398ca655
commit 16f4f2297d
1 changed files with 38 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/Home.jsx
View File

@ -1,22 +1,31 @@
import Nav from "../components/ui/Nav";
import { useWordpressCustomData } from "../services/WordpressFetchData";
import coverWorker from "../assets/img/cover_worker.svg";
import screenWorker1 from "../assets/img/screen_worker_1.svg";
import screenWorker2 from "../assets/img/screen_worker_2.svg";
import Lottie from "lottie-react";
import { useUser } from "../hooks/useUser";
import { Link } from "react-router-dom";
import Nav from "../components/ui/Nav";
import coverWorker from "../assets/img/illustrations/cover_worker.svg";
import screenWorker1 from "../assets/img/illustrations/screen_worker_1.svg";
import screenWorker2 from "../assets/img/illustrations/screen_worker_2.svg";
import AnimatedPage from "../components/AnimatedPage";
// import screensTranslations from "../data/screensTranslations.json";
import { useUser } from "../hooks/useUser";
import { useEffect } from "react";
import cloudPageTransition from "../assets/animations/transition-nuages-pages";
export default function Home() {
const { language, screensTranslations } = useUser();
const { screensTranslations } = useUser();
if (!screensTranslations || !screensTranslations.home) return <p>loading</p>;
const currentScreenTranslations = screensTranslations.home;
return (
<>
<Lottie
// lottieRef={playerRef}
className='test-load-animation'
animationData={cloudPageTransition}
speed={21}
loop={false}
autoplay
/>
<AnimatedPage className='page-container page-container--home'>
<div className='screen screen--home'>
<Nav />
@ -36,5 +45,6 @@ export default function Home() {
<img className='screen_worker_2' src={screenWorker2} alt='' />
</div>
</AnimatedPage>
</>
);
}