diff --git a/index.html b/index.html
index 2bbbd69..08ecea0 100644
--- a/index.html
+++ b/index.html
@@ -220,12 +220,12 @@ <h2 class="title is-3">Abstract</h2>
 <section class="hero">
     <div class="hero-body">
         <div class="container is-max-desktop">
-            <div class="columns is-centered">
+            <div class="columns is-centered has-text-centered">
                 <div class="column is-four-fifths">
                     <div class="item">
                         <!-- Your image here -->
                         <img src="static/images/teaser.png" alt="Traditional RAG vs. LongRAG." />
-                        <h2 class="subtitle">
+                        <h2 class="subtitle has-text-centered">
                             Figure 1: Traditional RAG vs. LongRAG.
                         </h2>
                         <p style="text-align: left;">
@@ -310,6 +310,21 @@ <h2 class="subtitle has-text-centered">
 <!-- End retrieval results -->
 
 
+<!-- BibTex citation -->
+<section class="section" id="BibTeX">
+    <div class="container is-max-desktop content">
+        <h2 class="title">Reference</h2>
+            Please kindly cite our paper if you use our code, data, models or results:
+                <br><br>
+                    <pre><code>@article{longrag,
+                  title={LongRAG: Enhancing Retrieval-Augmented Generation with Long-context LLMs},
+                  author={Ziyan Jiang, Xueguang Ma, Wenhu Chen},
+                  journal={arXiv preprint},
+                  year={2024}
+                    }</code></pre>
+    </div>
+</section>
+<!-- End BibTex citation -->
 
 </body>