diff --git a/docs/index.html b/docs/index.html
index 4809e0b..2ce8904 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -28,20 +28,16 @@
 
   <title>MACP: Efficient Model Adaptation for Cooperative Perception</title>
   <link rel="icon" type="image/x-icon" href="static/images/icon.jpeg">
-  <link
-    href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
-    rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
 
   <link rel="stylesheet" href="static/css/bulma.min.css">
   <link rel="stylesheet" href="static/css/bulma-carousel.min.css">
   <link rel="stylesheet" href="static/css/bulma-slider.min.css">
   <link rel="stylesheet" href="static/css/fontawesome.all.min.css">
-  <link rel="stylesheet"
-    href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
   <link rel="stylesheet" href="static/css/index.css">
 
-  <script
-    src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
   <script defer src="static/js/fontawesome.all.min.js"></script>
   <script src="static/js/bulma-carousel.min.js"></script>
@@ -122,16 +118,15 @@ <h1 class="title is-1 publication-title">MACP: Efficient Model
                   Ma</a><sup>1</sup><sup>*</sup>,
               </span>
               <span class="author-block">
-                <a href="https://www.linkedin.com/in/juanwu-lu-35a9951b8" ,
-                  target="_blank">Juanwu Lu</a><sup>1</sup><sup>*</sup>,
+                <a href="https://www.linkedin.com/in/juanwu-lu-35a9951b8" , target="_blank">Juanwu
+                  Lu</a><sup>1</sup><sup>*</sup>,
               </span>
               <span class="author-block">
                 <a href="https://cancui19.github.io/" target="_blank">Can
                   Cui</a><sup>1</sup>,
               </span><br>
               <span class="author-block">
-                <a href="https://sites.google.com/view/schzhao"
-                  target="_blank">Sicheng Zhao</a><sup>2</sup>,
+                <a href="https://sites.google.com/view/schzhao" target="_blank">Sicheng Zhao</a><sup>2</sup>,
               </span>
               <span class="author-block">
                 <a href="https://www.irohxucao.com/" target="_blank">Xu
@@ -189,8 +184,7 @@ <h1 class="title is-1 publication-title">MACP: Efficient Model
 
                 <!-- Github link -->
                 <span class="link-block">
-                  <a href="https://github.com/PurdueDigitalTwin/MACP"
-                    target="_blank"
+                  <a href="https://github.com/PurdueDigitalTwin/MACP" target="_blank"
                     class="external-link button is-normal is-rounded is-dark">
                     <span class="icon">
                       <i class="fab fa-github"></i>
@@ -201,8 +195,7 @@ <h1 class="title is-1 publication-title">MACP: Efficient Model
 
                 <!-- ArXiv abstract Link -->
                 <span class="link-block">
-                  <a href="https://arxiv.org/abs/2310.16870"
-                    target="_blank"
+                  <a href="https://arxiv.org/abs/2310.16870" target="_blank"
                     class="external-link button is-normal is-rounded is-dark">
                     <span class="icon">
                       <i class="ai ai-arxiv"></i>
@@ -218,14 +211,43 @@ <h1 class="title is-1 publication-title">MACP: Efficient Model
     </div>
   </section>
 
+  <!-- Demonstration -->
+  <section class="hero is-small">
+    <div class="hero-body">
+      <div class="container">
+        <div id="cooperation-carousel" class="carousel results-carousel">
+          <div class="item">
+            <center>
+              <img src="static/videos/openv2v_1.GIF" alt="compression-factor" style="width:100%">
+            </center>
+          </div>
+          <div class="item">
+            <center>
+              <img src="static/videos/openv2v_3.GIF" alt="num-cav" style="width:100%">
+            </center>
+          </div>
+          <div class="item">
+            <center>
+              <img src="static/videos/v2v4real_1.GIF" alt="num-cav" style="width:100%">
+            </center>
+          </div>
+          <div class="item">
+            <center>
+              <img src="static/videos/v2v4real_2.GIF" alt="num-cav" style="width:100%">
+            </center>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Demonstration -->
 
   <!-- Teaser video-->
   <!-- <section class="hero teaser">
     <div class="container is-max-desktop">
       <div class="hero-body">
-        <video poster="" id="tree" autoplay controls muted loop height="100%"> -->
-  <!-- Your video here -->
-  <!-- <source src="static/videos/banner_video.mp4" type="video/mp4">
+        <video poster="" id="tree" autoplay controls muted loop height="100%">
+          <source src="static/videos/banner_video.mp4" type="video/mp4">
         </video>
         <h2 class="subtitle has-text-centered">
           Aliquam vitae elit ullamcorper tellus egestas pellentesque. Ut lacus
@@ -284,16 +306,14 @@ <h2 class="title is-3">Performance Results</h2>
             <h2 class="subtitle has-text-centered"><b>Performance Comparison on
                 the V2V4Real Dataset</b></h2>
             <div class="tabel-container">
-              <table class="tg"
-                style="border:1px solid black; margin-left:auto;margin-right:auto;">
+              <table class="tg" style="border:1px solid black; margin-left:auto;margin-right:auto;">
 
                 </caption>
                 <thead>
                   <tr>
                     <th class="tg-amwm" rowspan="2">Method</th>
                     <th class="tg-amwm" colspan="2">Param (M)</th>
-                    <th class="tg-amwm" colspan="4">AP@IoU=50/70 (<span
-                        style="font-weight:400">↑</span>)</th>
+                    <th class="tg-amwm" colspan="4">AP@IoU=50/70 (<span style="font-weight:400">↑</span>)</th>
                     <th class="tg-amwm" rowspan="2">AM (↓)<br>(MB)</th>
                   </tr>
                   <tr>
@@ -333,8 +353,7 @@ <h2 class="subtitle has-text-centered"><b>Performance Comparison on
                     <td class="tg-baqh">59.7/32.1</td>
                     <td class="tg-baqh">76.1/46.3</td>
                     <td class="tg-baqh">42.5/20.8</td>
-                    <td class="tg-baqh"><span
-                        style="text-decoration:underline">47.6</span>/<span
+                    <td class="tg-baqh"><span style="text-decoration:underline">47.6</span>/<span
                         style="text-decoration:underline">21.1</span></td>
                     <td class="tg-baqh">0.96</td>
                   </tr>
@@ -364,8 +383,7 @@ <h2 class="subtitle has-text-centered"><b>Performance Comparison on
                     <td class="tg-baqh">6.58</td>
                     <td class="tg-baqh">64.7/33.6</td>
                     <td class="tg-baqh">79.8/44.1</td>
-                    <td class="tg-baqh"><span
-                        style="text-decoration:underline">53.1</span>/<span
+                    <td class="tg-baqh"><span style="text-decoration:underline">53.1</span>/<span
                         style="text-decoration:underline">29.3</span></td>
                     <td class="tg-baqh">43.6/19.3</td>
                     <td class="tg-baqh">0.20</td>
@@ -374,10 +392,8 @@ <h2 class="subtitle has-text-centered"><b>Performance Comparison on
                     <td class="tg-baqh">V2X-ViT</td>
                     <td class="tg-baqh">13.45</td>
                     <td class="tg-baqh">13.45</td>
-                    <td class="tg-baqh">64.9/<span
-                        style="text-decoration:underline">36.9</span></td>
-                    <td class="tg-baqh">82.0/<span
-                        style="text-decoration:underline">55.3</span></td>
+                    <td class="tg-baqh">64.9/<span style="text-decoration:underline">36.9</span></td>
+                    <td class="tg-baqh">82.0/<span style="text-decoration:underline">55.3</span></td>
                     <td class="tg-baqh">51.7/26.6</td>
                     <td class="tg-baqh">43.2/16.2</td>
                     <td class="tg-baqh">0.20</td>
@@ -386,30 +402,23 @@ <h2 class="subtitle has-text-centered"><b>Performance Comparison on
                     <td class="tg-baqh">CoBEVT</td>
                     <td class="tg-baqh">10.51</td>
                     <td class="tg-baqh">10.51</td>
-                    <td class="tg-baqh"><span
-                        style="text-decoration:underline">66.5</span>/36.0</td>
-                    <td class="tg-baqh"><span
-                        style="text-decoration:underline">82.3</span>/51.1</td>
+                    <td class="tg-baqh"><span style="text-decoration:underline">66.5</span>/36.0</td>
+                    <td class="tg-baqh"><span style="text-decoration:underline">82.3</span>/51.1</td>
                     <td class="tg-baqh">52.1/28.2</td>
-                    <td class="tg-baqh"><span
-                        style="font-weight:bold">49.1</span>/19.5</td>
+                    <td class="tg-baqh"><span style="font-weight:bold">49.1</span>/19.5</td>
                     <td class="tg-baqh">0.20</td>
                   </tr>
                   <tr>
                     <td class="tg-amwm">MACP (Ours)</td>
                     <td class="tg-baqh">8.94</td>
                     <td class="tg-baqh">1.97</td>
-                    <td class="tg-baqh"><span
-                        style="font-weight:bold">67.6</span>/<span
+                    <td class="tg-baqh"><span style="font-weight:bold">67.6</span>/<span
                         style="font-weight:bold">47.9</span></td>
-                    <td class="tg-baqh"><span
-                        style="font-weight:bold">83.7</span>/<span
+                    <td class="tg-baqh"><span style="font-weight:bold">83.7</span>/<span
                         style="font-weight:bold">62.1</span></td>
-                    <td class="tg-baqh"><span
-                        style="font-weight:bold">58.4</span>/<span
+                    <td class="tg-baqh"><span style="font-weight:bold">58.4</span>/<span
                         style="font-weight:bold">38.5</span></td>
-                    <td class="tg-baqh">34.6/<span
-                        style="font-weight:bold">23.1</span></td>
+                    <td class="tg-baqh">34.6/<span style="font-weight:bold">23.1</span></td>
                     <td class="tg-baqh">0.13</td>
                   </tr>
                 </tbody>
@@ -420,16 +429,14 @@ <h2 class="subtitle has-text-centered"><b>Performance Comparison on
             <div class="tabel-container">
               <h2 class="subtitle has-text-centered"><b>Performance compared to
                   SOTA on the OPV2V</b></h2>
-              <table class="tg"
-                style="border:1px solid black; margin-left:auto;margin-right:auto;">
+              <table class="tg" style="border:1px solid black; margin-left:auto;margin-right:auto;">
 
                 </caption>
                 <thead>
                   <tr>
                     <th class="tg-amwm" rowspan="2">Method</th>
                     <th class="tg-amwm" colspan="2">Param (M)</th>
-                    <th class="tg-amwm" colspan="2">AP@IoU=50/70 (<span
-                        style="font-weight:400">↑</span>)</th>
+                    <th class="tg-amwm" colspan="2">AP@IoU=50/70 (<span style="font-weight:400">↑</span>)</th>
                   </tr>
                   <tr>
                     <th class="tg-73vb">Total</th>
@@ -492,29 +499,24 @@ <h2 class="subtitle has-text-centered"><b>Performance compared to
                     <td class="tg-baqh">CoBEVT</td>
                     <td class="tg-baqh">10.51</td>
                     <td class="tg-baqh">10.51</td>
-                    <td class="tg-baqh">91.4/<span
-                        style="text-decoration:underline">86.1</span></td>
+                    <td class="tg-baqh">91.4/<span style="text-decoration:underline">86.1</span></td>
                     <td class="tg-baqh">85.9/77.2</td>
                   </tr>
                   <tr>
                     <td class="tg-baqh">AdaFusion</td>
                     <td class="tg-baqh">7.27</td>
                     <td class="tg-baqh">7.27</td>
-                    <td class="tg-baqh"><span
-                        style="text-decoration:underline">91.6</span>/85.6</td>
-                    <td class="tg-baqh"><span
-                        style="text-decoration:underline">88.1</span>/<span
+                    <td class="tg-baqh"><span style="text-decoration:underline">91.6</span>/85.6</td>
+                    <td class="tg-baqh"><span style="text-decoration:underline">88.1</span>/<span
                         style="text-decoration:underline">79.0</span></td>
                   </tr>
                   <tr>
                     <td class="tg-amwm">MACP (Ours)</td>
                     <td class="tg-baqh">8.98</td>
                     <td class="tg-baqh">2.00</td>
-                    <td class="tg-baqh"><span
-                        style="font-weight:bold">93.7</span>/<span
+                    <td class="tg-baqh"><span style="font-weight:bold">93.7</span>/<span
                         style="font-weight:bold">90.3</span></td>
-                    <td class="tg-baqh"><span
-                        style="font-weight:bold">91.4</span>/<span
+                    <td class="tg-baqh"><span style="font-weight:bold">91.4</span>/<span
                         style="font-weight:bold">80.7</span></td>
                   </tr>
                 </tbody>
@@ -538,8 +540,7 @@ <h2 class="subtitle has-text-centered">
               <b>Performance vs. Communication Data Compression Factor</b>
             </h2>
             <center>
-              <img src="static/images/compression_factor.png"
-                alt="compression-factor" style="width:60%">
+              <img src="static/images/compression_factor.png" alt="compression-factor" style="width:80%">
             </center>
           </div>
           <div class="item">
@@ -547,8 +548,7 @@ <h2 class="subtitle has-text-centered">
               <b>Performance vs. Maximum Number of CAVs</b>
             </h2>
             <center>
-              <img src="static/images/max_num_cavs.png" alt="num-cav"
-                style="width:60%">
+              <img src="static/images/max_num_cavs.png" alt="num-cav" style="width:80%">
             </center>
           </div>
         </div>
@@ -616,13 +616,12 @@ <h2 class="title is-3">Another Carousel</h2>
 
   <!-- Paper poster -->
   <!-- <section class="hero is-small is-light">
-  <div class="hero-body">
-    <div class="container">
-      <h2 class="title">Poster</h2>
+    <div class="hero-body">
+      <div class="container">
+        <h2 class="title">Poster</h2>
+        <iframe src="static/pdf/wacv24-1099.pdf" width="10%" height="550">
+        </iframe>
 
-      <iframe  src="static/pdfs/sample.pdf" width="100%" height="550">
-          </iframe>
-        
       </div>
     </div>
   </section> -->
@@ -630,12 +629,19 @@ <h2 class="title">Poster</h2>
 
 
   <!--BibTex citation -->
-  <!-- <section class="section" id="BibTeX">
+  <section class="section" id="BibTeX">
     <div class="container is-max-desktop content">
       <h2 class="title">BibTeX</h2>
-      <pre><code>BibTex Code Here</code></pre>
+      <pre><code>@inproceedings{ma2024macp,
+  title={MACP: Efficient Model Adaptation for Cooperative Perception},
+  author={Ma, Yunsheng and Lu, Juanwu and Cui, Can and Zhao, Sicheng and Cao, Xu and Ye, Wenqian and Wang, Ziran},
+  booktitle={Proceedings of the IEEE/CVF Winter Conference on Applications of Computer Vision},
+  pages={3373--3382},
+  year={2024}
+}
+      </code></pre>
     </div>
-  </section> -->
+  </section>
   <!--End BibTex citation -->
 
 
@@ -646,8 +652,8 @@ <h2 class="title">BibTeX</h2>
           <p>
             Copyright &#169; 2023 Purdue Digital Twin Lab<br>
             This page was built using the
-            <a href="https://github.com/eliahuhorwitz/Academic-project-page-template"
-              target="_blank">Academic Project Page Template</a>
+            <a href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic Project
+              Page Template</a>
           </p>
 
         </div>
diff --git a/docs/static/pdf/wacv24-1099.pdf b/docs/static/pdf/wacv24-1099.pdf
new file mode 100644
index 0000000..34456e2
Binary files /dev/null and b/docs/static/pdf/wacv24-1099.pdf differ
diff --git a/docs/static/videos/openv2v_1.GIF b/docs/static/videos/openv2v_1.GIF
new file mode 100644
index 0000000..dc77307
Binary files /dev/null and b/docs/static/videos/openv2v_1.GIF differ
diff --git a/docs/static/videos/openv2v_3.GIF b/docs/static/videos/openv2v_3.GIF
new file mode 100644
index 0000000..60a3ce0
Binary files /dev/null and b/docs/static/videos/openv2v_3.GIF differ
diff --git a/docs/static/videos/v2v4real_1.GIF b/docs/static/videos/v2v4real_1.GIF
new file mode 100644
index 0000000..edefe88
Binary files /dev/null and b/docs/static/videos/v2v4real_1.GIF differ
diff --git a/docs/static/videos/v2v4real_2.GIF b/docs/static/videos/v2v4real_2.GIF
new file mode 100644
index 0000000..6e6e4fd
Binary files /dev/null and b/docs/static/videos/v2v4real_2.GIF differ