diff --git a/assets/img/bds/athletisme.jpg b/assets/img/bds/athletisme.jpg
new file mode 100644
index 0000000..6ce7bc8
Binary files /dev/null and b/assets/img/bds/athletisme.jpg differ
diff --git a/assets/img/bds/badminton.jpg b/assets/img/bds/badminton.jpg
new file mode 100644
index 0000000..dd83cce
Binary files /dev/null and b/assets/img/bds/badminton.jpg differ
diff --git a/assets/img/bds/basket.jpg b/assets/img/bds/basket.jpg
new file mode 100644
index 0000000..b4b6e26
Binary files /dev/null and b/assets/img/bds/basket.jpg differ
diff --git a/assets/img/bds/boxe.jpg b/assets/img/bds/boxe.jpg
new file mode 100644
index 0000000..86dee57
Binary files /dev/null and b/assets/img/bds/boxe.jpg differ
diff --git a/assets/img/bds/escalade.jpg b/assets/img/bds/escalade.jpg
new file mode 100644
index 0000000..b1235e6
Binary files /dev/null and b/assets/img/bds/escalade.jpg differ
diff --git a/assets/img/bds/foot.jpg b/assets/img/bds/foot.jpg
new file mode 100644
index 0000000..fa0dd06
Binary files /dev/null and b/assets/img/bds/foot.jpg differ
diff --git a/assets/img/bds/hand.jpg b/assets/img/bds/hand.jpg
new file mode 100644
index 0000000..b21d4c6
Binary files /dev/null and b/assets/img/bds/hand.jpg differ
diff --git a/assets/img/bds/logo.PNG b/assets/img/bds/logo.PNG
new file mode 100644
index 0000000..ca494af
Binary files /dev/null and b/assets/img/bds/logo.PNG differ
diff --git a/assets/img/bds/logo.jpg b/assets/img/bds/logo.jpg
new file mode 100644
index 0000000..0942a2c
Binary files /dev/null and b/assets/img/bds/logo.jpg differ
diff --git a/assets/img/bds/pompom.jpg b/assets/img/bds/pompom.jpg
new file mode 100644
index 0000000..7244d1f
Binary files /dev/null and b/assets/img/bds/pompom.jpg differ
diff --git a/assets/img/bds/rugby.jpg b/assets/img/bds/rugby.jpg
new file mode 100644
index 0000000..7ab08fd
Binary files /dev/null and b/assets/img/bds/rugby.jpg differ
diff --git a/assets/img/bds/running.jpg b/assets/img/bds/running.jpg
new file mode 100644
index 0000000..bee531f
Binary files /dev/null and b/assets/img/bds/running.jpg differ
diff --git a/assets/img/bds/sports.jpg b/assets/img/bds/sports.jpg
new file mode 100644
index 0000000..98471c7
Binary files /dev/null and b/assets/img/bds/sports.jpg differ
diff --git a/assets/img/bds/tennis.jpg b/assets/img/bds/tennis.jpg
new file mode 100644
index 0000000..6a2ce03
Binary files /dev/null and b/assets/img/bds/tennis.jpg differ
diff --git a/assets/img/bds/trombinoscope/error.jpg b/assets/img/bds/trombinoscope/error.jpg
new file mode 100644
index 0000000..e58b43b
Binary files /dev/null and b/assets/img/bds/trombinoscope/error.jpg differ
diff --git a/assets/img/bds/trombinoscope/logo.PNG b/assets/img/bds/trombinoscope/logo.PNG
new file mode 100644
index 0000000..ca494af
Binary files /dev/null and b/assets/img/bds/trombinoscope/logo.PNG differ
diff --git a/assets/img/bds/volley.jpg b/assets/img/bds/volley.jpg
new file mode 100644
index 0000000..9f51464
Binary files /dev/null and b/assets/img/bds/volley.jpg differ
diff --git a/assets/img/social-networks/facebook.png b/assets/img/social-networks/facebook.png
new file mode 100644
index 0000000..295cc9e
Binary files /dev/null and b/assets/img/social-networks/facebook.png differ
diff --git a/assets/img/social-networks/instagram.png b/assets/img/social-networks/instagram.png
new file mode 100644
index 0000000..cfe61df
Binary files /dev/null and b/assets/img/social-networks/instagram.png differ
diff --git a/assets/img/social-networks/mail.png b/assets/img/social-networks/mail.png
new file mode 100644
index 0000000..11fafb4
Binary files /dev/null and b/assets/img/social-networks/mail.png differ
diff --git a/assets/img/social-networks/snapchat.png b/assets/img/social-networks/snapchat.png
new file mode 100644
index 0000000..9554478
Binary files /dev/null and b/assets/img/social-networks/snapchat.png differ
diff --git a/assets/img/social-networks/tiktok.png b/assets/img/social-networks/tiktok.png
new file mode 100644
index 0000000..4e620ae
Binary files /dev/null and b/assets/img/social-networks/tiktok.png differ
diff --git a/components/Article.vue b/components/Article.vue
index 26645a3..eebbf54 100644
--- a/components/Article.vue
+++ b/components/Article.vue
@@ -82,6 +82,7 @@ export default {
 </script>
 
 <style lang="css" scoped>
+
 #overlay-dots {
   position: absolute;
   bottom: 10%;
@@ -94,4 +95,7 @@ export default {
 #overlay-dots:hover {
   transform: scale(1.4);
 }
-</style>
\ No newline at end of file
+.container {
+  margin-bottom: 1rem;
+}
+</style>
diff --git a/components/Builder.vue b/components/Builder.vue
index d88df29..cf763c2 100644
--- a/components/Builder.vue
+++ b/components/Builder.vue
@@ -11,6 +11,7 @@
         :size="component.parallax.size"
         :scrollTo="component.parallax.scrollTo"
       />
+
       <div
         class="background-gradient-lines"
         v-else-if="typeOf(component) == 'article'"
@@ -24,7 +25,7 @@
           :picture="component.article.picture"
         />
       </div>
-      
+
       <div
         class="background-gradient-lines"
         v-else-if="typeOf(component) == 'timeline'"
@@ -33,7 +34,16 @@
           :items="component.timeline.items"
         />
       </div>
-      
+
+      <div
+        class="background-gradient-lines"
+        v-else-if="typeOf(component) == 'carousel'"
+      >
+        <Carousel
+        :carousels="component.carousel.carousels"
+        />
+      </div>
+
       <div
         class="background-gradient-lines"
         v-else-if="typeOf(component) == 'carousel'"
@@ -97,13 +107,60 @@
           :features="component.features.data"
         />
       </div>
+
+      <div
+        class="background-gradient-lines"
+        v-else-if="typeOf(component) == 'clubs'"
+      >
+        <Clubs
+          :clubs="component.clubs.clubs"
+          :color="component.clubs.color"
+        />
+      </div>
+
+      <div
+        class="background-gradient-lines"
+        v-else-if="typeOf(component) == 'description'"
+      >
+        <Description
+          :quotes="component.description.quotes"
+        />
+      </div>
+
+      <div
+        class="background-gradient-lines"
+        v-else-if="typeOf(component) == 'social'"
+      >
+        <Social
+          :facebook="component.social.facebook"
+          :instagram="component.social.instagram"
+          :snapchat="component.social.snapchat"
+          :tiktok="component.social.tiktok"
+          :mail="component.social.mail"
+        />
+      </div>
+
+      <div
+        class="background-gradient-lines"
+        v-else-if="typeOf(component) == 'trombinoscope'"
+      >
+        <Trombinoscope
+          :title="component.trombinoscope.title"
+          :membres="component.trombinoscope.membres"
+        />
+      </div>
+
       <p v-else>-</p>
     </div>
   </div>
 </template>
 
 <script>
+
+import SocialNetworks from '~/components/Social';
+import Trombinoscope from '~/components/Trombinoscope';
 export default {
+  components: { Trombinoscope, SocialNetworks },
   props: {
     components: { type: Array, required: true, default: () => [] },
   },
diff --git a/components/CardTrombinoscope.vue b/components/CardTrombinoscope.vue
new file mode 100644
index 0000000..7fa90cc
--- /dev/null
+++ b/components/CardTrombinoscope.vue
@@ -0,0 +1,75 @@
+<template>
+    <div class="card">
+      <header class="card-header">
+        <p class="card-header-title is-centered">
+          {{poste}}
+        </p>
+      </header>
+      <div class="card-image">
+        <div>
+            <p>
+              <strong>{{name}}</strong><br>{{ description }}<br>
+           <a v-if="url" :href="url">Lien: Facebook</a> </p>
+        </div>
+        <figure class="image is-2by3">
+          <img v-if="picture" :src="require(`~/assets/img/bds/trombinoscope/${picture}`)" :alt="`${picture}`">
+        </figure>
+      </div>
+    </div>
+
+</template>
+
+<script>
+export default {
+  props:{
+    poste:{type:String ,required: false , default:"Job not found"},
+    picture :{type:String, required: false,default:"logo.PNG" },
+    url:{type:String,required:false},
+    name:{type:String,required:true,default:"Name not found" },
+    description:{type:String, required: false }
+
+  },
+
+};
+
+</script>
+
+<style scoped>
+
+.card-image:hover>div {
+  visibility: visible;
+  background: rgba(160, 160, 160, 0.9);
+  transition-duration: 0.6s;
+
+}
+.card-image:hover>div p{
+  transform: translateY(0%);
+  transition-duration: 0.6s;
+}
+a{
+  color: white;
+  text-decoration:underline;
+}
+.card-image div p{
+  transform: translateY(80%);
+  margin: auto;
+}
+div .card-image div{
+  position: absolute;
+  visibility: hidden;
+  display: flex;
+  font-size: x-large;
+  color:white;
+  text-align: center;
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+  z-index:1;
+}
+p strong{
+  color: white;
+}
+.card{
+  box-shadow: 0 0 25px grey;
+}
+
+</style>
diff --git a/components/Carousel.vue b/components/Carousel.vue
index c474325..1e4e691 100644
--- a/components/Carousel.vue
+++ b/components/Carousel.vue
@@ -1,5 +1,8 @@
 <template>
-    <b-carousel
+
+  <section class="container">
+    <p class="actu has-text-centered">Actualités</p>
+  <b-carousel
         pause-text="Défilement automatique en pause"
         pause-info-type="is-info"
         >
@@ -12,6 +15,8 @@
             </section>
         </b-carousel-item>
     </b-carousel>
+  </section>
+
 </template>
 
 <style scoped>
@@ -20,6 +25,16 @@
         background-repeat:  no-repeat;
         background-size:  cover;
     }
+    .actu {
+       font-size: 60px;
+       font-weight: bold;
+       padding: 20px;
+      font-family: monospace;
+     }
+    .container {
+      margin-top:10px;
+    }
+
 </style>
 
 <script>
@@ -28,4 +43,5 @@ export default {
         carousels: { type: Array, required: true }
     }
 }
-</script>
\ No newline at end of file
+</script>
+
diff --git a/components/Club.vue b/components/Club.vue
new file mode 100644
index 0000000..1ef1d97
--- /dev/null
+++ b/components/Club.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="card feature-card" :style="cardStyle2" >
+    <div class="card-header" :style="cardStyle1" >
+      <h5 class="card-header-title is-centered ">{{ title }}</h5>
+    </div>
+    <div class="card-content" :style="cardStyle2">
+      <div class="media">
+        <div class="media-left">
+          <figure class="image is-128x128">
+            <img :src="image" alt="Placeholder image">
+          </figure>
+        </div>
+        <div class="media-content has-text-centered">
+          <p class="subtitle is-4">Respo(s) :</p>
+          <p class="title is-6 five-lines-max">{{ directedBy }}</p>
+        </div>
+      </div>
+    </div>
+    <div class="card-footer has-text-centered" :style="cardStyle2">
+      <p class="card-footer-item"> Heure: {{ hour }}<br>Lieu: {{ location }}</p>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    image: { type: String, required: true },
+    title: { type: String, required: true },
+    directedBy: { type: String, required: true },
+    hour: { type: String, required: false },
+    location: { type: String, required: false },
+    color: {type: String, default: "rgb(0,156,221)" }
+  },
+  computed: {
+    cardStyle1() {
+      return {
+        "background-color": this.color
+      };
+    },
+    cardStyle2() {
+      return {
+        "border-color": this.color
+      };
+    }
+  }
+};
+</script>
+
+<style lang="css" scoped>
+
+.card-header {
+  background-color: rgb(0,156,221);
+}
+.feature-card:hover {
+  transform: translateY(-10px);
+  transition: transform 0.1s ease-in-out;
+  -o-transition: transform 0.1s ease-in-out;
+  -moz-transition: transform 0.1s ease-in-out;
+  -webkit-transition: transform 0.1s ease-in-out;
+  box-shadow: 0 0 40px grey;
+}
+h5 {
+  color:white;
+}
+
+.card-content {
+  border-bottom:1px solid;
+}
+.card {
+  border:1px solid;
+
+}
+.five-lines-max {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 5; /* number of lines to show */
+  -webkit-box-orient: vertical;
+}
+
+
+</style>
diff --git a/components/Clubs.vue b/components/Clubs.vue
new file mode 100644
index 0000000..3c2f2b5
--- /dev/null
+++ b/components/Clubs.vue
@@ -0,0 +1,54 @@
+<template>
+  <section class="container">
+    <article class="section is-medium">
+      <p class="title has-text-centered" :style="headerColor">Découvrez nos clubs</p>
+      <br>
+      <div class="columns is-multiline">
+        <div class="column is-one-third" v-for="club in computedClubs" v-bind:key="club.title">
+          <Club
+            :title="club.title"
+            :image="club.image"
+            :directedBy="club.directedBy"
+            :hour="club.hour"
+            :location="club.location"
+            :color="club.color"
+          />
+        </div>
+      </div>
+    </article>
+  </section>
+</template>
+
+<script>
+export default {
+  props: {
+    clubs: { type: Array, required: true },
+    color: { type: String, default: "rgb(0,156,221)"}
+  },
+  computed: {
+    computedClubs(){
+      return this.clubs.map((e) => {
+        e.color = e.color ? e.color : this.color
+        return e
+      })
+    },
+    headerColor() {
+      return {
+        "background-color":this.color }
+    }
+  }
+};
+</script>
+
+<style lang="css" scoped>
+
+.section {
+  padding-top:0px;
+  padding-bottom: 0px;
+}
+
+p {
+  color:white;
+  border-radius: 4px;
+}
+</style>
diff --git a/components/Description.vue b/components/Description.vue
new file mode 100644
index 0000000..e511c59
--- /dev/null
+++ b/components/Description.vue
@@ -0,0 +1,44 @@
+<template>
+  <article>
+    <section class="container">
+      <div class="blockquote">
+        <p class="info has-text-centered">Infos</p>
+        <p v-for="quote in quotes" :key="quote"  class="has-text-centered">
+          {{ quote }}
+        </p>
+      </div>
+    </section>
+  </article>
+</template>
+
+<script>
+
+export default {
+  props: {
+    quotes: {Type: Array, required: true}
+  },
+};
+</script>
+
+<style>
+.container {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
+}
+.info {
+  font-weight: bold;
+  font-size: 40px;
+}
+.blockquote {
+  padding: 60px;
+  background-color: white;
+  border-bottom: 1px solid black;
+  border-top: 1px solid black;
+  margin-right: 1.5rem;
+  margin-left: 1.5rem;
+  font-family: "Georgia Pro";
+  font-style: inherit;
+  font-size: 20px;
+}
+
+</style>
diff --git a/components/Footer.vue b/components/Footer.vue
index 5d0b3ed..6f2a25e 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -8,6 +8,10 @@
         <ul class="is-list-style">
           <li><small>Axel Duval</small></li>
           <li><small>Florent Hugouvieux</small></li>
+          <li><small>Julien Vendran</small></li>
+          <li><small>Quentin Desbrousses</small></li>
+          <li><small>Alexandre Fernique</small></li>
+          <li><small>Joan Teriihoania</small></li>
         </ul>
       </div>
 
@@ -97,4 +101,4 @@ export default {
     gap: 30px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/Social.vue b/components/Social.vue
new file mode 100644
index 0000000..9f0cccf
--- /dev/null
+++ b/components/Social.vue
@@ -0,0 +1,59 @@
+<template>
+  <section class="container">
+    <p class="follow">SUIVEZ-NOUS</p>
+    <div class="buttons is-centered">
+      <b-button
+        icon-left="facebook"
+        class="has-text-info"
+        v-if="facebook"
+        @click="socialNetworkRedirect(facebook)"
+      />
+      <b-button
+        icon-left="instagram"
+        class="has-text-danger"
+        v-if="instagram"
+        @click="socialNetworkRedirect(instagram)"
+      />
+      <b-button
+        icon-left="snapchat"
+        class="has-text-warning"
+        v-if="snapchat"
+        @click="socialNetworkRedirect(snapchat)"
+      />
+      <b-button
+        icon-left="tiktok"
+        v-if="tiktok"
+        @click="socialNetworkRedirect(tiktok)"
+      />
+    </div>
+  </section>
+</template>
+
+<script>
+
+export default {
+  props: {
+    facebook: { Type: String, required: false },
+    instagram: { Type: String, required: false },
+    snapchat: { Type: String, required: false },
+    tiktok: { Type: String, required: false },
+  },
+  methods: {
+    socialNetworkRedirect(url) {
+      window.open(url, "_blank");
+    },
+  },
+}
+
+</script>
+
+<style>
+
+.follow {
+  text-align: center;
+  font-family: "Georgia Pro";
+  font-size: 30px;
+  font-weight: bold;
+}
+
+</style>
diff --git a/components/Timeline.vue b/components/Timeline.vue
index 6e13ab0..3cbeec9 100644
--- a/components/Timeline.vue
+++ b/components/Timeline.vue
@@ -30,7 +30,7 @@
                     :item_type="item.timelineitem.item_type"
                     />
                 </div>
-                
+
                 <TimelineHeader
                 title="Fin"
                 date="0000-00-00T00:00:00.000Z"
@@ -61,13 +61,11 @@ export default {
         } else {
           a = a.timelineheader
         }
-        
         if(b.timelineitem){
           b = b.timelineitem
         } else {
           b = b.timelineheader
         }
-        
         return (new Date(a.date) > new Date(b.date)) ? 1 : -1
       })
     }
@@ -76,4 +74,4 @@ export default {
 </script>
 
 <style lang="css" scoped>
-</style>
\ No newline at end of file
+</style>
diff --git a/components/Trombinoscope.vue b/components/Trombinoscope.vue
new file mode 100644
index 0000000..cbb5569
--- /dev/null
+++ b/components/Trombinoscope.vue
@@ -0,0 +1,30 @@
+<template>
+  <section class="container">
+    <article class="section is-medium ">
+      <h1 v-if="title" class="title is-1 has-text-centered mb-6">{{title}}</h1>
+
+      <div class="columns is-multiline is-centered ">
+        <div class="column is-one-quarter " v-for="membre in membres" v-bind:key="membre.name">
+          <CardTrombinoscope
+            :name="membre.name"
+            :picture="membre.picture"
+            :poste="membre.poste"
+            :url="membre.url"
+            :description="membre.description"
+          />
+        </div>
+      </div>
+    </article>
+  </section>
+
+</template>
+
+<script>
+
+export default {
+  props:{
+    title:{type:String,required: false},
+    membres:{type:Array ,required:true }
+  }
+};
+</script>
diff --git a/static/structure.timeline.json b/static/structure.timeline.json
index f5eb05a..c4208db 100644
--- a/static/structure.timeline.json
+++ b/static/structure.timeline.json
@@ -37,4 +37,4 @@
             }
         ]
     }
-}
\ No newline at end of file
+}
diff --git a/static/structure.trombinoscope.json b/static/structure.trombinoscope.json
new file mode 100644
index 0000000..ec29716
--- /dev/null
+++ b/static/structure.trombinoscope.json
@@ -0,0 +1,27 @@
+{
+  "trombinoscope": {
+    "id": "BDE",
+    "title": "Rejoins nous",
+    "membres":[
+      {
+        "poste": "Respo K-fet",
+        "name": "Clement Texier",
+        "picture": "test.jpg",
+        "url": "https://www.facebook.com"
+
+      },
+      {
+        "name": "test",
+        "picture": "test.jpg"
+      },
+      {
+        "name": "test2",
+        "picture": "test.jpg"
+      },
+      {
+        "name": "test3",
+        "picture": "test.jpg"
+      }
+    ]
+  }
+}
diff --git a/static/website.json b/static/website.json
index 2c81247..70189ae 100644
--- a/static/website.json
+++ b/static/website.json
@@ -158,22 +158,195 @@
       "president": "Donald Trump",
       "body": [
         {
-          "article": {
-            "id": "bdsArticle",
-            "title": "Bureau des sports",
-            "subtitle": "Bureaux",
-            "contents": [
-              "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed orci non erat sagittis vehicula. Nullam venenatis ornare arcu, at dignissim lectus mollis et. Sed in venenatis eros, sed tincidunt purus. Curabitur at ex quis turpis consequat rutrum.",
-              "Duis at risus eu sapien tincidunt dignissim. Curabitur nec venenatis libero. Sed vulputate augue vel orci luctus aliquet. Aliquam nec volutpat leo, ac dapibus neque. Donec magna augue, accumsan in egestas ullamcorper, placerat ut arcu. Sed sollicitudin scelerisque tristique."
-            ],
-            "picture": "organigram.jpg",
-            "pictureFirst": true
+        "article": {
+          "title": "Bienvenue au BDS",
+          "subtitle": "Bureau Des Sports",
+          "picture": "bds/sports.jpg",
+          "startWithImage": false,
+          "contents": ["Cette page vous permettra de suivre nos actualités ainsi que les différents clubs et évènements que nous proposerons !"]
+        }
+      },
+        {
+          "carousel": {
+            "carousels" : [
+              {
+                "title": "Nouvelle page",
+                "content": "La page du BDS est à présent disponible !!",
+                "picture": "/_nuxt/assets/img/bds/logo.PNG"
+              }
+            ]
           }
         },
         {
-          "picture": {
-            "id": "bde-organigram",
-            "picture": "organigram.jpg"
+          "trombinoscope": {
+            "title": "Voici notre bureau !",
+            "membres": [
+              {
+                "name": "Vincent BARRAS (MI)",
+                "poste": "PRESIDENT"
+              },
+              {
+                "name": "Maelenn MARTENOT (EGC)",
+                "poste": "VICE-PRESIDENTE"
+
+              },
+              {
+                "name": "Valentin GUILLAUME (MI)",
+                "poste": "TRESORIER"
+
+              },
+              {
+                "name": "Thibault BUFFIERE (STE)",
+                "poste": "VICE-TRESORIER"
+
+              },
+              {
+                "name": "Louise MONMUSSON (GBA)",
+                "poste": "SECRETAIRE"
+
+              },
+              {
+                "name": "Doriane N'GUESSAN (GBA)",
+                "poste": "PARTENARIATS / GOODIES"
+
+              },
+              {
+                "name": "Rémi BARONE (EGC)",
+                "poste": "PARTENARIATS / GOODIES"
+
+              },
+              {
+                "name": "Malo ENEL (MI)",
+                "poste": "COMMUNICATION"
+
+              }
+            ]
+          }
+        },
+        {
+          "description": {
+            "quotes": [
+              "Une période d’essai gratuite est mise en place en début d’année pour une durée d’un mois (dates communiquées ultérieurement).",
+              "Ensuite pour accéder aux activitées du BDS, l’adhésion est nécessaire (….$). Cette adhésion permet aussi l’accès à des tarifs préférentiels pour les goodies du BDS (et évènements éventuels), à tous les partenariats proposés par le BDS …"
+              ]
+          }
+        },
+        {
+          "clubs": {
+            "color": "rgb(124,86,199)",
+            "clubs": [
+              {
+                "id": "club1",
+                "image": "/_nuxt/assets/img/bds/athletisme.jpg",
+                "title": "Athlétisme",
+                "directedBy": "Pierre VERMUSE (MI)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club2",
+                "image": "/_nuxt/assets/img//bds/badminton.jpg",
+                "title": "Badminton",
+                "directedBy": "Jodie COTTAVE (IG) et Lou VIVENOT",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club3",
+                "image": "/_nuxt/assets/img/bds/basket.jpg",
+                "title": "Basket",
+                "directedBy": "Hugo Ménart (MI) et Anthony ROYON (MAT)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club4",
+                "image": "/_nuxt/assets/img/bds/boxe.jpg",
+                "title": "Boxe",
+                "directedBy": "Théo BOISSERIE (MI)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club5",
+                "image": "/_nuxt/assets/img/bds/running.jpg",
+                "title": "Course à pied",
+                "directedBy": "Louise MONMUSSON (GBA) et Manon LASSUS (GBA)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club6",
+                "image": "/_nuxt/assets/img/bds/escalade.jpg",
+                "title": "Escalade",
+                "directedBy": "Antton ETCHEVERRIA et Juliette BRETAUD (STE)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club7",
+                "image": "/_nuxt/assets/img/bds/foot.jpg",
+                "title": "Foot",
+                "directedBy": "Louis JALLIER (MI) et Mazen DEBS (MAT)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club8",
+                "image": "/_nuxt/assets/img/bds/hand.jpg",
+                "title": "Hand",
+                "directedBy": "Timothé DELABY (GBA), Anna LEMOINE (GBA) et Thomas LENFAN (MAT)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club9",
+                "image": "/_nuxt/assets/img/bds/pompom.jpg",
+                "title": "Pompom",
+                "directedBy": "Jodie COTTAVE (IG) et Elisa VALDERRAMA",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club10",
+                "image": "/_nuxt/assets/img/bds/rugby.jpg",
+                "title": "Rugby",
+                "directedBy": "Léo FLAQUET (MI) et Célia DULERME (GBA)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club11",
+                "image": "/_nuxt/assets/img/bds/tennis.jpg",
+                "title": "Tennis",
+                "directedBy": "Lucie MARQUES (GBA) et Titouan (GBA)",
+                "hour": "-",
+                "location": "-"
+              },
+              {
+                "id": "club12",
+                "image": "/_nuxt/assets/img/bds/volley.jpg",
+                "title": "Volley",
+                "directedBy": "Fabien LACAZE (STE) et Pierre ORTHOLAND (MAT)",
+                "hour": "-",
+                "location": "-"
+              }
+            ]
+          }
+        },
+        {
+          "description": {
+            "quotes": [
+              "Pour plus d'informations contactez-nous sur les réseaux !",
+              "Facebook: @BDS.Polytech.Montpellier",
+              "Instagram: @bds_polytech_montpellier)"
+              ]
+          }
+        },
+        {
+          "social": {
+            "facebook": "https://www.facebook.com/BDS.Polytech.Montpellier/",
+            "instagram": "https://www.instagram.com/bds_polytech_montpellier/"
           }
         }
       ]