diff --git a/client/src/App.js b/client/src/App.js
index 204cb665..8a6e5d9a 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -20,6 +20,8 @@ import CGU from "./Pages/CGU/CGU";
 import UserContext from "./contexts/UserContext/UserContext";
 import SettingsPage from "./Pages/SettingsPage/SettingsPage";
 import ErrorPage from "./Pages/ErrorPage/ErrorPage";
+import FullPagePost from "./Pages/FullPagePost/FullPagePost";
+import FullPagePostPage from "./Pages/FullPagePostPage/FullPagePostPage";
 
 function App() {
   const [loggedInUser, setLoggedInUser] = useState(null);
@@ -219,6 +221,10 @@ function App() {
                   />
                 }
               />
+              <Route path="/post/:id" element={<FullPagePostPage
+              isLogged={loggedInUser}
+              dataPost={dataPost}
+              />} />
               <Route
                 path="/athleteprofile/:id"
                 element={
diff --git a/client/src/Components/Navbar/Navbar.js b/client/src/Components/Navbar/Navbar.js
index d248de5b..782f9eba 100644
--- a/client/src/Components/Navbar/Navbar.js
+++ b/client/src/Components/Navbar/Navbar.js
@@ -40,7 +40,7 @@ const Navbar = ({
   const [isPageLaunchpadDisplay, setIsPageLaunchpadDisplay] = useState(false);
   // const navigate = useNavigate();
   const location = useLocation();
-  console.log(location.pathname);
+  // console.log(location.pathname);
   function handleSignInButtonClick() {
     // navigate('/login'); // redirect to signin popup
     setIsSignInButtonClicked(true);
diff --git a/client/src/Components/PostsComponents/DropDownButtonMenu/DropDownButtonMenu.js b/client/src/Components/PostsComponents/DropDownButtonMenu/DropDownButtonMenu.js
index 38e8088b..eda60295 100644
--- a/client/src/Components/PostsComponents/DropDownButtonMenu/DropDownButtonMenu.js
+++ b/client/src/Components/PostsComponents/DropDownButtonMenu/DropDownButtonMenu.js
@@ -10,7 +10,7 @@ function DropDownButtonMenu({
   return (
     <>
       <button
-        onClick={handleDropdownPostFeedClick}
+        onClick={()=>handleDropdownPostFeedClick(id)}
         className={`dropdown-menu-button-container ${dropDownMenuSizeContainer}`}
         id={id?.toString()}
       >
diff --git a/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.css b/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.css
index 742ba0fc..6f9a2196 100644
--- a/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.css
+++ b/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.css
@@ -14,16 +14,16 @@
   text-align: center;
   background-color: white;
 }
-.dropdown-menu-container ul {
+.dropdown-menu-container ul,
+.dropdown-menu-container-fullpagepost-page ul {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   flex-direction: column;
 }
-.dropdown-menu-container a
-/* ,.dropdown-menu-container #link-dropdown-menu  */
- {
+.dropdown-menu-container li,
+.dropdown-menu-container-fullpagepost-page li {
   outline: none;
   margin: 0;
   padding: 0;
@@ -35,14 +35,36 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  cursor: pointer;
   /* background-color: red; */
 }
 
-.dropdown-menu-container a:hover {
+.dropdown-menu-container li:hover,
+.dropdown-menu-container-fullpagepost-page li:hover {
   color: #f6d463;
   transition: 0.3s;
 }
-
+/* Conditionnal rendering for FullPagePostPage */
+.dropdown-menu-container-fullpagepost-page {
+  z-index: 998 !important;
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  font-size: 0.9rem;
+  width: 120px;
+  height: auto;
+  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+  position: absolute;
+  /* top: 20% !important;
+  right: 15% ; */
+  text-align: center;
+  background-color: white;
+}
+.dropdown-menu-container-fullpagepost-page a {
+  text-decoration: none;
+  color: black;
+}
 .separation-line-dropdown-menu {
   width: 90%;
   border: 0.3px solid rgba(0, 0, 0, 0.2);
diff --git a/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.js b/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.js
index fb5ec674..0bf4d7c6 100644
--- a/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.js
+++ b/client/src/Components/PostsComponents/DropDownMenu/DropDownMenu.js
@@ -2,22 +2,23 @@ import React from "react";
 import "./DropDownMenu.css";
 
 function DropDownMenu({
-  isDropDownMenuCommentClicked,
   dropdownStates,
-  commentId,
-  isAdminLogged,
-  isAthleteLogged,
-  isCommentsOwnerLogged,
+  id,
+  handleClickCopyPostLink,
+  fullPagePostPageStyle,
+  postCreatorId,
 }) {
   // Backend here
   const isOwner = true;
-
+  console.log(id);
   return (
     <>
       <section
-      id={commentId}
+        id={id}
         style={
-          dropdownStates[commentId]
+          fullPagePostPageStyle
+            ? { top: "24%", right: "16%" }
+            : dropdownStates && id && dropdownStates[id]
             ? {
                 top: "95%",
                 right: "-15%",
@@ -27,26 +28,22 @@ function DropDownMenu({
               }
             : { top: "7%", right: "5%" }
         }
-        className="dropdown-menu-container"
+        className={
+          fullPagePostPageStyle
+            ? "dropdown-menu-container-fullpagepost-page"
+            : "dropdown-menu-container"
+        }
       >
-        <ul>
+        <ul id={id}>
           {isOwner && (
             <>
-              <a href="/" id="link-dropdown-menu">
-                <li>Supprimer</li>
-              </a>
-              {/* <div className="separation-line-dropdown-menu"></div>
-              <a href="/" id="link-dropdown-menu">
-                <li>Modifier la publication</li>
-              </a> */}
+              <li>Supprimer</li>
               <div className="separation-line-dropdown-menu"></div>
             </>
           )}
-          <a href="/" id="link-dropdown-menu">
-            <li>Copier le lien</li>
-          </a>
+          <li onClick={() => handleClickCopyPostLink(id)}>Copier le lien</li>
           <div className="separation-line-dropdown-menu"></div>
-          <a href="/athleteprofile" id="link-dropdown-menu">
+          <a target="blank" href={`/athleteprofile/${postCreatorId}`}>
             <li>Voir le profil</li>
           </a>
         </ul>
diff --git a/client/src/Components/PostsComponents/HeadOfPost/HeadOfPost.js b/client/src/Components/PostsComponents/HeadOfPost/HeadOfPost.js
index 8dd50679..0b83f87b 100644
--- a/client/src/Components/PostsComponents/HeadOfPost/HeadOfPost.js
+++ b/client/src/Components/PostsComponents/HeadOfPost/HeadOfPost.js
@@ -9,6 +9,7 @@ import { collection, doc, getDoc } from "firebase/firestore";
 import { db } from "../../../Configs/firebase";
 import { useNavigate } from "react-router-dom";
 import spinnerAnimation from "../../../Assets/Image/spinner-animation-small.svg";
+import DropDownMenu from "../DropDownMenu/DropDownMenu";
 
 function HeadOfPost({
   dropDownMenuSize,
@@ -17,7 +18,7 @@ function HeadOfPost({
   publicationTypeHeadOfPostPollPost,
   agePublicationPollPost,
   athleteNamePollPost,
-  handleDropdownPostFeedClick,
+  // handleDropdownPostFeedClick,
   id,
   postCreatorId,
   //
@@ -27,13 +28,51 @@ function HeadOfPost({
   postType,
   fullPagePostHeadOfPostStyle,
   isMediaQueriesFullPagePostDisabled,
+  handleClickCopyPostLink,
+  fullPagePostPageStyle,
 }) {
   // const [isPostTypePremium, setIsPostTypePremium] = useState([
   //   postType
   // ]);
   const [postCreatorData, setPostCreatorData] = useState(null);
+  const [dropdownStates, setDropdownStates] = useState({});
   const navigate = useNavigate();
+  // const handleDropdownPostFeedClick = (idPost) => {
+  //   setDropdownStates((prev) => ({
+  //     ...prev,
+  //     [id]: !prev[idPost],
+  //   }));
+  // };
+  const handleDropdownPostFeedClick = (id) => {
+    // console.log("id:", id);
+    setDropdownStates((prev) => ({
+      ...prev,
+      [id]: !prev[id],
+    }));
+  };
+  useEffect(() => {
+    function handleClickOutside(event) {
+      const dropdownMenu = document.getElementById(`${id}`);
+      const dropdownButton = document.getElementById(`${id}`);
+      if (
+        dropdownMenu &&
+        dropdownButton &&
+        !dropdownMenu.contains(event.target) &&
+        !dropdownButton.contains(event.target)
+      ) {
+        setDropdownStates((prev) => ({
+          ...prev,
+          [id]: false,
+        }));
+      }
+    }
 
+    document.addEventListener("click", handleClickOutside);
+
+    return () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [id, setDropdownStates]);
   const getPostCreatorData = async (uid) => {
     try {
       if (!uid) {
@@ -71,7 +110,9 @@ function HeadOfPost({
     addSuffix: true,
   });
   postDate = postDate.replace("environ ", "");
-  // console.log(agePublicationPollPost);
+  // console.log("dropdownStates:", dropdownStates);
+  // console.log("id:", id);
+
   return (
     <div
       className={
@@ -152,6 +193,16 @@ function HeadOfPost({
           dropDownMenuSize={dropDownMenuSize}
           id={id}
         />
+        {dropdownStates[id] && (
+          <>
+            <DropDownMenu
+              postCreatorId={postCreatorId}
+              id={id}
+              handleClickCopyPostLink={handleClickCopyPostLink}
+              fullPagePostPageStyle={fullPagePostPageStyle}
+            />
+          </>
+        )}
       </div>
     </div>
   );
diff --git a/client/src/Components/PostsComponents/LikeButton/LikeButton.js b/client/src/Components/PostsComponents/LikeButton/LikeButton.js
index 85121607..4b616ab9 100644
--- a/client/src/Components/PostsComponents/LikeButton/LikeButton.js
+++ b/client/src/Components/PostsComponents/LikeButton/LikeButton.js
@@ -14,8 +14,8 @@ function LikeButton({
   likeButtonSizePollPost,
   postId,
   loggedInUserId,
-  setIsPostClicked,
-  isPostClicked,
+  // setIsPostClicked,
+  // isPostClicked,
   isMediaQueriesFullPagePostDisabled,
 }) {
   const [isPostLiked, setIsPostedLiked] = useState(false);
diff --git a/client/src/Components/PostsComponents/PollPost/PollPost.js b/client/src/Components/PostsComponents/PollPost/PollPost.js
index 46cdedca..8ecf27bc 100644
--- a/client/src/Components/PostsComponents/PollPost/PollPost.js
+++ b/client/src/Components/PostsComponents/PollPost/PollPost.js
@@ -14,10 +14,10 @@ const PollPost = ({
   pollSecondChoice,
   pollThirdChoice,
   pollFourthChoice,
-  pollDate,
-  pollDateType,
+  // pollDate,
+  // pollDateType,
   //
-  pollTotalVote,
+  // pollTotalVote,
   pollFirstChoiceNumber,
   pollSecondChoiceNumber,
   pollThirdChoiceNumber,
@@ -174,10 +174,13 @@ const PollPost = ({
         <div className="ageofpost-poll-container">
           <div className="ageofpost-poll-wrap">
             <div className="ageofpost-and-timeleft-poll">
-              <div>{pollTotalVote} votes</div>
+              <div>
+                {/* {pollTotalVote}  */}
+                votes</div>
               <div>-</div>
               <div>
-                {pollDate} {pollDateType}
+                {/* {pollDate}  */}
+                {/* {pollDateType} */}
               </div>
             </div>
           </div>
diff --git a/client/src/Components/PostsComponents/PostsFeed/PostsFeed.js b/client/src/Components/PostsComponents/PostsFeed/PostsFeed.js
index b9ec13eb..f5d9410b 100644
--- a/client/src/Components/PostsComponents/PostsFeed/PostsFeed.js
+++ b/client/src/Components/PostsComponents/PostsFeed/PostsFeed.js
@@ -14,9 +14,10 @@ import PollPost from "../PollPost/PollPost";
 function PostsFeed({
   handleDropdownPostFeedClick,
   isDropdownClicked,
+  handleClickCopyPostLink,
   id,
   lockPremiumContent,
-  postName,
+  // postName,
   postDate,
   postDateType,
   postType,
@@ -39,7 +40,7 @@ function PostsFeed({
   pollThirdChoiceNumber,
   pollFourthChoiceNumber,
   athleteProfilePageStyling,
-  setPostStates,
+  // setPostStates,
   loggedInUser,
   polldata,
   singlePostData,
@@ -72,15 +73,15 @@ function PostsFeed({
           pollSecondChoiceNumber={pollSecondChoiceNumber}
           pollThirdChoiceNumber={pollThirdChoiceNumber}
           pollFourthChoiceNumber={pollFourthChoiceNumber}
-          pollDate={pollDate}
+          // pollDate={pollDate}
           pollDateType={pollDateType}
-          pollTotalVote={pollTotalVote}
+          // pollTotalVote={pollTotalVote}
         />
       );
     }
   }
-  // console.log(lockPremiumContent)
-  // console.log(postDate);
+  // console.log("id de postfeed --> ",id)
+  console.log(postCommentNumber)
   return (
     <>
       <div
@@ -100,12 +101,11 @@ function PostsFeed({
           className="publication-content"
           style={lockPremiumContent ? { filter: "blur(17px)" } : {}}
         >
-          {isDropdownClicked && <DropDownMenu />}
+          {isDropdownClicked && <DropDownMenu id={id} />}
           {/* <DropDownMenu/> */}
           <div className="publication-head-container">
             <HeadOfPost
-              setPostStates={setPostStates}
-              postName={postName}
+              // setPostStates={setPostStates}
               //
               dropDownMenuSize="dropdown-button-point-size-M"
               headOfPostSizeLeft="publication-head-left-container-size-pollpost"
@@ -113,13 +113,15 @@ function PostsFeed({
               publicationTypeHeadOfPostPollPost="publication-type-pollpost"
               athleteNamePollPost="athlete-name-publication-pollpost"
               agePublicationPollPost="age-publication-pollpost"
-              handleDropdownPostFeedClick={handleDropdownPostFeedClick}
               id={id}
               postCreatorId={postCreatorId}
               //
               postDate={postDate}
               postDateType={postDateType}
               postType={postType}
+              //
+              handleDropdownPostFeedClick={handleDropdownPostFeedClick}
+              handleClickCopyPostLink={handleClickCopyPostLink}
             />
           </div>
           <PostsDescription
@@ -180,9 +182,9 @@ function PostsFeed({
             id={id}
             postType={postType}
             postDate={postDate}
-            postDateType={postDateType}
-            setPostStates={setPostStates}
-            postName={postName}
+            // postDateType={postDateType}
+            // setPostStates={setPostStates}
+            // postName={postName}
             postCreatorId={postCreatorId}
             postPicture={postPicture}
             postDescription={postDescription}
@@ -190,9 +192,9 @@ function PostsFeed({
             postLikes={postLikes}
             postCommentNumber={postCommentNumber}
             polldata={polldata}
-            pollDate={pollDate}
-            pollDateType={pollDateType}
-            pollTotalVote={pollTotalVote}
+            // pollDate={pollDate}
+            // pollDateType={pollDateType}
+            // pollTotalVote={pollTotalVote}
             isPostClicked={isPostClicked}
             setIsPostClicked={setIsPostClicked}
             // postType={singlePostData.postType === "normal"}
diff --git a/client/src/Pages/FullPagePost/FullPagePost.js b/client/src/Pages/FullPagePost/FullPagePost.js
index f1c1474f..e77a00e1 100644
--- a/client/src/Pages/FullPagePost/FullPagePost.js
+++ b/client/src/Pages/FullPagePost/FullPagePost.js
@@ -6,8 +6,6 @@ import LikesCommentsCounter from "../../Components/PostsComponents/LikesComments
 import PostsDescription from "../../Components/PostsComponents/PostsDescription/PostsDescription";
 import PostsComments from "../../Components/PostsComponents/PostsComments/PostsComments";
 import AddCommentInput from "../../Components/PostsComponents/AddCommentInput/AddCommentInput";
-import mediaPostAttanasio from "../../Assets/Image/mediapostattanasio.svg";
-import { Link } from "react-router-dom";
 import PollPost from "../../Components/PostsComponents/PollPost/PollPost";
 
 function FullPagePost({
@@ -25,10 +23,12 @@ function FullPagePost({
   postCommentNumber,
   polldata,
   pollDate,
-  pollDateType,
+  // pollDateType,
   pollTotalVote,
   isPostClicked,
   setIsPostClicked,
+  fullPagePostPageStyle,
+  handleClickCopyPostLink
 }) {
   const [
     isMediaQueriesFullPagePostDisabled,
@@ -119,13 +119,14 @@ function FullPagePost({
           // pollSecondChoiceNumber={pollSecondChoiceNumber}
           // pollThirdChoiceNumber={pollThirdChoiceNumber}
           // pollFourthChoiceNumber={pollFourthChoiceNumber}
-          pollDate={pollDate}
-          pollDateType={pollDateType}
+          // pollDate={pollDate}
+          // pollDateType={pollDateType}
           pollTotalVote={pollTotalVote}
         />
       );
     }
   }
+  console.log("id:", id);
   return (
     <>
       <div
@@ -142,6 +143,16 @@ function FullPagePost({
               ? "post-container-fullpagepost-no-media-queries"
               : "post-container-fullpagepost"
           }
+          style={
+            fullPagePostPageStyle
+              ? {
+                boxShadow: "0px 0px 12px rgba(0, 0, 0, 0.2)",
+                  border: "solid 2px #f6d463",
+                  borderRadius: "10px",
+                  
+                }
+              : {}
+          }
         >
           {postPicture && (
             <>
@@ -163,7 +174,7 @@ function FullPagePost({
             style={
               polldata?.choices[0].text !== "" &&
               polldata?.choices[1].text !== ""
-                ? { paddingBottom: "20px"}
+                ? { paddingBottom: "20px" }
                 : {}
             }
           >
@@ -183,6 +194,8 @@ function FullPagePost({
                 id="dropdown-medium"
               >
                 <HeadOfPost
+                  fullPagePostPageStyle={fullPagePostPageStyle}
+                  handleClickCopyPostLink={handleClickCopyPostLink}
                   setPostStates={setPostStates}
                   postName={postName}
                   //
diff --git a/client/src/Pages/FullPagePostPage/FullPagePostPage.css b/client/src/Pages/FullPagePostPage/FullPagePostPage.css
new file mode 100644
index 00000000..4deef579
--- /dev/null
+++ b/client/src/Pages/FullPagePostPage/FullPagePostPage.css
@@ -0,0 +1,8 @@
+.fullpagepost-page-container{
+    width: 100%;
+    height: 100vh !important;
+    position: absolute;
+    /* position: relative; */
+    /* z-index: 32; */
+    /* background-color: rgba(0, 0, 0, 0.651); */
+}
\ No newline at end of file
diff --git a/client/src/Pages/FullPagePostPage/FullPagePostPage.js b/client/src/Pages/FullPagePostPage/FullPagePostPage.js
new file mode 100644
index 00000000..8f41afd7
--- /dev/null
+++ b/client/src/Pages/FullPagePostPage/FullPagePostPage.js
@@ -0,0 +1,78 @@
+import "./FullPagePostPage.css";
+import React, { useState, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import FullPagePost from "../FullPagePost/FullPagePost";
+import { v4 as uuidv4 } from "uuid";
+import { db } from "../../Configs/firebase";
+import { collection, getDoc, doc } from "firebase/firestore";
+function FullPagePostPage({ dataPost, isLogged, postType }) {
+  const [fullpagePostPageData, setFullPagePostPageData] = useState([]);
+  const [isCopyPostLinkClicked, setIsCopyPostLinkClicked] = useState(false);
+  const [copyPostAnimationHide, setCopyPostAnimationHide] = useState(false);
+  const location = useLocation();
+  const segments = location.pathname.split("/");
+  const postId = segments[2];
+  console.log(location.pathname);
+  const feedPostCollection = collection(db, "feed_post");
+  function handleClickCopyPostLink(postId) {
+    navigator.clipboard.writeText(`https://staging.sofan.app/post/${postId}`);
+    console.log(postId);
+    setIsCopyPostLinkClicked(true);
+    // const timeOutAnimationCopyClicked =
+    setTimeout(() => {
+      setCopyPostAnimationHide(true);
+    }, 5000);
+    // clearTimeout(timeOutAnimationCopyClicked);
+    // const timeOutHideCopyClicked =
+    setTimeout(() => {
+      setIsCopyPostLinkClicked(false);
+      setCopyPostAnimationHide(false);
+    }, 5700);
+  }
+  useEffect(() => {
+    async function getDocumentById() {
+      const docRef = doc(feedPostCollection, postId);
+      const docSnap = await getDoc(docRef);
+
+      if (docSnap.exists()) {
+        // console.log("Document data:", docSnap.data());
+        setFullPagePostPageData((prevData) => {
+          if (!prevData.some((post) => post.id === docSnap.id)) {
+            return [...prevData, docSnap.data()];
+          }
+          return prevData;
+        });
+      }
+    }
+
+    getDocumentById();
+  }, [postId]);
+  console.log(fullpagePostPageData);
+  return (
+    <div className="fullpagepost-page-container">
+      {fullpagePostPageData.length !== 0 && (
+        <FullPagePost
+          key={uuidv4()}
+          fullPagePostPageStyle={true}
+          id={postId}
+          postType={fullpagePostPageData[0]?.visibility}
+          postDate={fullpagePostPageData[0]?.createdAt.seconds}
+          postDescription={fullpagePostPageData[0]?.text}
+          postCreatorId={fullpagePostPageData[0]?.userId}
+          loggedInUserId={isLogged?.id}
+          postLikes={
+            fullpagePostPageData[0]?.likes
+              ? fullpagePostPageData[0]?.likes.length
+              : 0
+          }
+          postCommentNumber={fullpagePostPageData[0]?.comments?.length}
+          postPicture={fullpagePostPageData[0]?.imagePath}
+          polldata={fullpagePostPageData[0]?.pollData}
+          handleClickCopyPostLink={handleClickCopyPostLink}
+        />
+      )}
+    </div>
+  );
+}
+
+export default FullPagePostPage;
diff --git a/client/src/Pages/Home/Home.css b/client/src/Pages/Home/Home.css
index 4b0d1ebb..7b0769d2 100644
--- a/client/src/Pages/Home/Home.css
+++ b/client/src/Pages/Home/Home.css
@@ -13,7 +13,7 @@
   height: 686px; /* A modif*/
   max-height: 686px; /* A modif*/
 }
-.home-navlink-create-post-wrap{
+.home-navlink-create-post-wrap {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -51,13 +51,64 @@
   width: 249px;
   height: 619px;
 }
+.home-post-link-copied {
+  width: 200px;
+  height: 30px;
+  font-size: 14px;
+  font-family: "britanica-black";
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 8%;
+  bottom: 5%;
+  border: 2px solid #f6d463;
+  padding: 5px;
+  border-radius: 10px;
+  animation: slide-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
+}
+.home-post-link-copied-hide {
+  width: 200px;
+  height: 30px;
+  font-size: 14px;
+  font-family: "britanica-black";
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 8%;
+  bottom: 5%;
+  border: 2px solid #f6d463;
+  padding: 5px;
+  border-radius: 10px;
+  animation: hide-smooth 700ms ;
+  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
+}
+@keyframes slide-in {
+  0% {
+    transform: translateX(-150px);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes hide-smooth {
+  0% {
+    opacity: 100%;
+  }
+  100% {
+    opacity: 0%;
+  }
+}
+
 /* Animation Loading */
 .lds-ripple {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
-  margin:  50px auto;
+  margin: 50px auto;
 }
 .lds-ripple div {
   position: absolute;
@@ -123,4 +174,4 @@
   .home-feedsidenavlink-wrap {
     width: 200px;
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/Pages/Home/Home.js b/client/src/Pages/Home/Home.js
index d0728ac7..b7a58643 100644
--- a/client/src/Pages/Home/Home.js
+++ b/client/src/Pages/Home/Home.js
@@ -46,6 +46,8 @@ function Home({
   const [isSuggestionSeeMoreButtonClicked, setIsSuggestSeeMoreButtonClicked] =
     useState(false);
   const [isLoading, setIsLoading] = useState(true);
+  const [isCopyPostLinkClicked, setIsCopyPostLinkClicked] = useState(false);
+  const [copyPostAnimationHide, setCopyPostAnimationHide] = useState(false);
   function handleAthleteSuggestionClick(e) {
     setIsSuggestSeeMoreButtonClicked(true);
   }
@@ -61,6 +63,7 @@ function Home({
       return false;
     }
   }
+  console.log(dataPost);
   useEffect(() => {
     setIsLoading(true);
 
@@ -124,7 +127,23 @@ function Home({
     }
     getSuggestionsAthletes();
   }, []);
-  console.log(isLogged)
+  // console.log(isLogged)
+  function handleClickCopyPostLink(postId) {
+    navigator.clipboard.writeText(`https://staging.sofan.app/post/${postId}`);
+    console.log(postId);
+    setIsCopyPostLinkClicked(true);
+    // const timeOutAnimationCopyClicked =
+    setTimeout(() => {
+      setCopyPostAnimationHide(true);
+    }, 5000);
+    // clearTimeout(timeOutAnimationCopyClicked);
+    // const timeOutHideCopyClicked =
+    setTimeout(() => {
+      setIsCopyPostLinkClicked(false);
+      setCopyPostAnimationHide(false);
+    }, 5700);
+    // clearTimeout(timeOutHideCopyClicked);
+  }
   return (
     <>
       <section className="home-component">
@@ -163,7 +182,7 @@ function Home({
               />
             </div>
             {
-            // isLogged === true &&
+              // isLogged === true &&
               // isLogged !== undefined &&
               isLogged && isLogged.account_type !== "free" && (
                 <Button
@@ -175,7 +194,8 @@ function Home({
                   hover="button-hover-props"
                   active="button-active-props"
                 />
-              )}
+              )
+            }
           </div>
           <FavAthlete />
           <FeedSuggestions
@@ -202,7 +222,6 @@ function Home({
                       key={uuidv4()}
                       id={post.id}
                       singlePostData={post}
-                      postName="Rami Abdou"
                       postDate={post.createdAt.seconds}
                       postDescription={post.text}
                       postLikes={post.likes ? post.likes.length : 0}
@@ -217,6 +236,7 @@ function Home({
                       lockPremiumContent={handleDisplayPremiumContent(index)}
                       handleDropdownPostFeedClick={handleDropdownPostFeedClick}
                       isDropdownClicked={isDropdownClicked}
+                      handleClickCopyPostLink={handleClickCopyPostLink}
                     />
                   );
                 })}
@@ -242,9 +262,7 @@ function Home({
           setState={setIsSuggestSeeMoreButtonClicked}
           style={{ top: "24px", right: "20px" }}
         >
-          <AthleteSuggestPopUp 
-          suggestionsAthletes={suggestionsAthletes}
-          />
+          <AthleteSuggestPopUp suggestionsAthletes={suggestionsAthletes} />
         </Modal>
       )}
       {isNotificationButtonClicked && (
@@ -255,6 +273,19 @@ function Home({
           <NotificationPopUp notificationPopUpComponent={true} />
         </Modal>
       )}
+      {isCopyPostLinkClicked && (
+        <>
+          <div
+            className={
+              copyPostAnimationHide
+                ? "home-post-link-copied-hide"
+                : "home-post-link-copied"
+            }
+          >
+            Copié dans le presse-papier !
+          </div>
+        </>
+      )}
     </>
   );
 }