From a6ca23fad981a0b11bb6b96879e54149f50bed32 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 13 Mar 2024 17:49:43 +0100
Subject: [PATCH] introducing page

---
 src/pages/About.jsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/pages/About.jsx

diff --git a/src/pages/About.jsx b/src/pages/About.jsx
new file mode 100644
index 0000000..382451b
--- /dev/null
+++ b/src/pages/About.jsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { useWordpressCustomData } from "../services/WordpressFetchData";
+
+import Nav from "../components/ui/Nav";
+import AnimatedPage from "../components/AnimatedPage";
+import Loading from "../components/animations/Loading";
+import Marquee from "../components/ui/Marquee";
+import Footer from "../components/ui/Footer";
+
+import personnages from "../assets/img/illustrations/lhoist-personnages-a-propos.svg";
+
+export default function About() {
+	const pageDatas = useWordpressCustomData(`/page/145`);
+	if (!pageDatas) return <Loading />;
+	console.log(pageDatas);
+	return (
+		<AnimatedPage className='page-container page-container--about  '>
+			<div className='content-page '>
+				<Nav />
+
+				<div className='editor_inner_content'>
+					<div dangerouslySetInnerHTML={{ __html: pageDatas.post_content }} />
+					<img className='personnages' src={personnages} alt='' />
+					<Marquee />
+					<Footer />
+				</div>
+			</div>
+		</AnimatedPage>
+	);
+}