diff --git a/images/BannerGaspe.png b/images/BannerGaspe.png
deleted file mode 100644
index 14d25c4..0000000
Binary files a/images/BannerGaspe.png and /dev/null differ
diff --git a/images/Creer.png b/images/Creer.png
deleted file mode 100644
index 95c339d..0000000
Binary files a/images/Creer.png and /dev/null differ
diff --git a/images/bannieremobile.png b/images/bannieremobile.png
deleted file mode 100644
index 657db94..0000000
Binary files a/images/bannieremobile.png and /dev/null differ
diff --git a/images/contactpicture.png b/images/contactpicture.png
deleted file mode 100644
index fec8353..0000000
Binary files a/images/contactpicture.png and /dev/null differ
diff --git a/images/contactpicturemobile.png b/images/contactpicturemobile.png
deleted file mode 100644
index 6488362..0000000
Binary files a/images/contactpicturemobile.png and /dev/null differ
diff --git a/images/creermobile.png b/images/creermobile.png
deleted file mode 100644
index d9e757c..0000000
Binary files a/images/creermobile.png and /dev/null differ
diff --git a/images/dom.png b/images/dom.png
deleted file mode 100644
index 4565c3e..0000000
Binary files a/images/dom.png and /dev/null differ
diff --git a/images/icons/bookmark.png b/images/icons/bookmark.png
new file mode 100644
index 0000000..29233c8
Binary files /dev/null and b/images/icons/bookmark.png differ
diff --git a/images/icons/messenger.png b/images/icons/messenger.png
new file mode 100644
index 0000000..31b2a50
Binary files /dev/null and b/images/icons/messenger.png differ
diff --git a/images/icons/share.png b/images/icons/share.png
new file mode 100644
index 0000000..519b572
Binary files /dev/null and b/images/icons/share.png differ
diff --git a/images/inspirermobile.png b/images/inspirermobile.png
deleted file mode 100644
index 40c62de..0000000
Binary files a/images/inspirermobile.png and /dev/null differ
diff --git a/images/instafacebook.png b/images/instawhite.png
similarity index 100%
rename from images/instafacebook.png
rename to images/instawhite.png
diff --git a/images/marco.jpg b/images/marco.jpg
deleted file mode 100644
index 27ca96a..0000000
Binary files a/images/marco.jpg and /dev/null differ
diff --git a/images/profitez.png b/images/profitez.png
deleted file mode 100644
index 36034ff..0000000
Binary files a/images/profitez.png and /dev/null differ
diff --git a/images/profitezmobile.png b/images/profitezmobile.png
deleted file mode 100644
index 38077c8..0000000
Binary files a/images/profitezmobile.png and /dev/null differ
diff --git a/images/surhutopyfille01.png b/images/surhutopyfille01.png
deleted file mode 100644
index e9d4e58..0000000
Binary files a/images/surhutopyfille01.png and /dev/null differ
diff --git a/images/surhutopygars01.png b/images/surhutopygars01.png
deleted file mode 100644
index e7441a6..0000000
Binary files a/images/surhutopygars01.png and /dev/null differ
diff --git a/images/surhutopygars02.png b/images/surhutopygars02.png
deleted file mode 100644
index f73f4e2..0000000
Binary files a/images/surhutopygars02.png and /dev/null differ
diff --git a/images/tampa.jpg b/images/tampa.jpg
deleted file mode 100644
index 7c1b1ba..0000000
Binary files a/images/tampa.jpg and /dev/null differ
diff --git a/images/tiktok.png b/images/tiktok.png
new file mode 100644
index 0000000..ad4ed3c
Binary files /dev/null and b/images/tiktok.png differ
diff --git a/images/world.png b/images/world.png
deleted file mode 100644
index 154bd71..0000000
Binary files a/images/world.png and /dev/null differ
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index cc72488..4588a2a 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -32,7 +32,7 @@
 
             <RouterLink :to="{ name: 'home' }">
               <v-btn size="x-large"
-                style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.03);"
+                style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
                 elevation="0">
                 <v-icon left class="icon-size" style="margin-left: -95%;">mdi-home</v-icon>
                 <div style="margin-left: 10%;"> Accueil</div>
@@ -42,31 +42,247 @@
 
             <RouterLink :to="{ name: 'contact' }">
               <v-btn size="x-large"
-                style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.03);"
+                style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
                 elevation="0">
-                <v-icon left class="icon-size" style="margin-left: -1%;">mdi-account-plus</v-icon>
-                <div style="margin-left: 10%;">Ajouter des amis</div>
+                <v-icon left class="icon-size" style="margin-left: -3%;">mdi-account-plus</v-icon>
+                <div style="margin-left: 6%;">Ajouter des amis</div>
               </v-btn>
             </RouterLink>
 
             <RouterLink :to="{ name: 'creatorfolio' }">
               <v-btn size="x-large"
-                style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.03);"
+                style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
                 elevation="0">
                 <v-icon left class="icon-size" style="margin-left: -79%;">mdi-newspaper</v-icon>
                 <div style="margin-left: 10%;">Contenu</div>
               </v-btn>
             </RouterLink>
+
+
+            <v-dialog transition="dialog-top-transition" width="auto">
+              <template v-slot:activator="{ props: activatorProps }">
+
+                <v-btn v-bind="activatorProps" text="Transition from Top" block size="x-large"
+                  style="margin-left: -8%; background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
+                  elevation="0">
+                  <v-icon color="black">mdi-wallet</v-icon>
+                  <div style="margin-left: 10%;" @click="isActive.value = false">PORTEFEUILLE</div>
+                </v-btn>
+
+
+
+
+              </template>
+              <template v-slot:default="{ isActive }">
+                <v-card style="border-radius: 30px;">
+                  <div class="text-center" style=" margin-top: 2%; margin-bottom: 2%;">
+                    <v-icon left size="48">mdi-wallet</v-icon>
+                    <v-toolbar title="PORTEFEUILLE"
+                      style="color: white; width: 750px; background-color: #a30e79; margin-bottom: -6%;"></v-toolbar>
+                  </div>
+
+                  <v-card-text class="text-h1 pa-12">
+
+
+
+                    <v-row>
+                      <v-col>
+                        <v-row>
+                          <v-col cols="7">
+                            <h1 style="margin-bottom: 4%; font-size: 1.3rem;">Balance actuelle</h1>
+                            <h1 style="margin-bottom: 4%; font-size: 1.3rem;">Montant reçu</h1>
+                            <h1 style="margin-bottom: 4%; font-size: 1.3rem;">Dernier don</h1>
+
+
+
+                          </v-col>
+                          <v-col>
+                            <h1 style="margin-bottom: 4%; font-size: 1.3rem;">0$</h1>
+                            <h1 style="margin-bottom: 4%; font-size: 1.3rem;">0$</h1>
+                            <h1 style="margin-bottom: 4%; font-size: 1.3rem;">2024-10-04</h1>
+
+                            <p></p>
+                          </v-col>
+                        </v-row>
+
+
+
+                      </v-col>
+
+                      <v-col>
+                        <v-row>
+                          <v-col cols="8">
+
+                            <h1 style="margin-bottom: 4%; font-size: 1.2rem;">Dons</h1>
+                            <h1 style="margin-bottom: 4%; font-size: 1.2rem;">Montant retiré</h1>
+
+
+                          </v-col>
+                          <v-col>
+                            <h1 style="margin-bottom: 4%; font-size: 1.2rem;">0</h1>
+                            <h1 style="margin-bottom: 4%; font-size: 1.2rem;">0$</h1>
+
+
+                            <p></p>
+                          </v-col>
+                        </v-row>
+                      </v-col>
+
+                    </v-row>
+
+
+                  </v-card-text>
+                  <v-card-actions class="justify-center">
+                    <v-btn text="Fermer" @click="isActive.value = false"></v-btn>
+                  </v-card-actions>
+                </v-card>
+
+                <v-card style="border-radius: 25pxo; margin-top: 3%; height: 30px;">
+                  <v-row>
+                    <v-col style="margin-right: -2%;" cols="1"
+                      class="text-truncate text-center font-weight-bold">T#</v-col>
+                    <v-col style="margin-right: -1%; background-color: #fbccee;" cols="1"
+                      class="text-truncate text-center font-weight-bold">$</v-col>
+                    <v-col cols="2" class="text-truncate text-center font-weight-bold">Date</v-col>
+                    <v-col cols="3" class="text-truncate text-center font-weight-bold"
+                      style="margin-right: 2%; background-color: #fbccee">Name</v-col>
+                    <v-col cols="5" class="text-truncate text-center font-weight-bold">message</v-col>
+                  </v-row>
+                </v-card>
+
+                <v-card style=" border-radius: 25pxo; margin-top: .5%; max-height: 450px;">
+
+
+
+                  <v-row>
+                    <v-col style="margin-right: -2%;" cols="1" class="text-truncate">1</v-col>
+                    <v-col style="margin-right: -1%; background-color: #fbccee;" cols="1"
+                      class="text-truncate">10$</v-col>
+                    <v-col cols="2" class="text-truncate">20-10-2025</v-col>
+                    <v-col cols="3" class="text-truncate"
+                      style="margin-right: 2%;  background-color: #fbccee">Pascal</v-col>
+
+
+
+                    <v-col cols="5" class="text-truncate">Good Job</v-col>
+                  </v-row>
+
+
+
+                </v-card>
+
+              </template>
+            </v-dialog>
+
+
+
           </v-container>
+
+
+
+
+
+
+
         </v-col>
 
 
 
+
+
         <!-- center menu -->
 
         <v-col cols="7" class="mx-0">
 
 
+          <v-container>
+
+            <v-col>
+              <v-img src="../../../images/guillaume.png" class="image-profile elevation-4"
+                style="margin-left: 0%; width: 25%;"></v-img>
+            </v-col>
+            <v-row>
+              <v-col cols="2">
+
+              </v-col>
+
+              <v-col style="margin-top: -18%;">
+                <v-container
+                  style="border-top: 4px solid #a40e79; border-right: 4px solid #a40e79; margin: 0; margin-left: -10%;  background-color: #cc6f91;border-top-right-radius: 25px;">
+                  <v-row>
+                    <v-col cols="0">
+
+                    </v-col>
+                    <v-col cols="6">
+                      <h1 style="margin-bottom: -1%; font-size: 2rem; color: white;">Guillaume Mousseau </h1>
+                    </v-col>
+
+                    <v-col cols="3">
+                      <v-row>
+
+                        <v-img style="margin-top: 3%; height: 50px;" src="../../../images/facebookicon.png"></v-img>
+                        <v-img style="margin-top: 2%; height: 50px;" src="../../../images/instawhite.png"></v-img>
+                        <v-img style="margin-top: 2%; height: 50px;" src="../../../images/xicon.png"></v-img>
+                        <v-img style="margin-top: 2%; height: 50px;" src="../../../images/tiktok.png"></v-img>
+                      </v-row>
+                    </v-col>
+                  </v-row>
+
+                </v-container>
+
+                <v-container
+                  style="border-right: 4px solid #a40e79; margin: 0; margin-left: -10%; margin-bottom: -2%;  background-color: #aedcde;">
+                  <v-row>
+                    <v-col cols="0">
+
+                    </v-col>
+                    <v-col cols="6">
+                      <h1 style="margin-bottom: -5%; font-size: 2rem; color: white;">Créateur de contenus</h1>
+                    </v-col>
+                    <v-col cols="3">
+                      <v-row>
+                        <v-img style="margin-top: 3%; height: 50px;" src="../../../images/icons/messenger.png"></v-img>
+                        <v-img style="margin-top: 2%; height: 50px;" src="../../../images/icons/bookmark.png"></v-img>
+                        <v-img style="margin-top: 2%; height: 50px;" src="../../../images/icons/share.png"></v-img>
+
+                      </v-row>
+                    </v-col>
+                  </v-row>
+
+                </v-container>
+
+                <v-container
+                  style="border-right: 4px solid #a40e79; margin: 0; margin-left: -10%;  background-color: #aedcde;border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;">
+                  <v-row>
+                    <v-col>
+
+                    </v-col>
+                    <v-col cols="10">
+                      <v-expansion-panels>
+                        <v-col cols="12" offset="-1">
+                          <v-expansion-panel
+                            style=" margin-left: 2%; font-size: 1.2rem; background-color: #0baab2; color: white;"
+                            :key="i"
+                            text="Ma mission est claire : mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
+                            title="À propos"></v-expansion-panel>
+                        </v-col>
+                      </v-expansion-panels>
+
+
+                    </v-col>
+                  </v-row>
+
+                </v-container>
+
+
+              </v-col>
+
+            </v-row>
+
+
+
+
+          </v-container>
 
 
           <v-card class="flow-menu m-0"
@@ -94,8 +310,12 @@
               style="background-color: rgba(255, 255, 255, 0.1); margin-left: -4%; margin-right: -4%; margin-bottom: -5%;">
               <v-container>
 
-                <iframe width=100% height="650px" src="https://www.youtube.com/embed/CDlj1IUhBqg?si=ot1YPBMKbmviOXvD">
-                </iframe>
+                <iframe style="margin-left: 2.1%;" width=96% height="650px"
+                  src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  allowfullscreen></iframe>
+
+
 
 
                 <p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1.2em">Ma mission est claire :
@@ -406,8 +626,8 @@ export default {
 
   margin-left: 15%;
   margin-top: -7%;
-  border: 10px solid white;
-  z-index: 9999;
+  border: 4px solid white;
+  z-index: 200;
 
 }