diff --git a/_data/navigation.yml b/_data/navigation.yml
index 21875a5..9781d9c 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -1,6 +1,8 @@
 header:
   - title: "Home"
     url: "/"
+  - title: "Research"
+    url: "/research/"
   - title: "News"
     url: "/news/"
   - title: "Team"
diff --git a/_includes/footer.html b/_includes/footer.html
index 2dfd9f9..12d6a98 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,48 +1,14 @@
-
-<footer class="footer py-4 js-page-footer">
-  <div class="main">
-
-    {%- assign _site_author = site.author -%}
-    {%- if _site_author.type == 'organization' -%}
-      {%- assign _site_author_itemtype = 'http://schema.org/Organization' -%}
-    {%- else -%}
-      {%- assign _site_author_itemtype = 'http://schema.org/Person' -%}
-    {%- endif -%}
-
-    <div itemscope itemtype="{{ _site_author_itemtype }}">
-      <meta itemprop="name" content="{{ _site_author.name }}">
-      {%- assign _site_author_url = _site_author.url | default: '/'-%}
-      {%- include snippets/get-nav-url.html path=_site_author_url -%}
-      {%- assign _site_author_url = __return -%}
-      <meta itemprop="url" content="{{ _site_author_url }}">
-      {%- if _site_author.bio -%}
-        <meta itemprop="description" content="{{ _site_author.bio }}">
-      {%- endif -%}
-      <div class="footer__author-links">
-        {%- include author-links.html author=_site_author -%}
-      </div>
+<footer class="footer site-footer js-page-footer">
+  <div class="site-footer__inner">
+    <div>
+      <p class="site-footer__name">Chong Lab</p>
+      <p>Department of Genome Sciences<br>University of Virginia School of Medicine</p>
     </div>
-    {%- include snippets/get-locale-string.html key='COPYRIGHT_DATES' -%}
-    {%- assign _locale_copyright_dates = __return -%}
-
-    <div class="site-info mt-2">
-      <div>
-        © Chong Lab 2026  
-      </div>
+    <div class="site-footer__links">
+      <a href="{{ '/contact/' | relative_url }}">Contact</a>
+      <a href="{{ '/positions/' | relative_url }}">Join Us</a>
+      <a href="https://github.com/ChongLab" target="_blank" rel="noopener noreferrer">GitHub</a>
     </div>
-
-<!--
-<div class="site-info mt-2">
-  <div>
-    {%- include snippets/get-locale-string.html key='COPYRIGHT_DATES' -%}
-    {%- assign _locale_copyright_dates = __return -%}
-    © {{ site.title }} 2025,
-    Powered by <a title="Jekyll is a simple, blog-aware, static site generator." href="http://jekyllrb.com/">Jekyll</a> & <a
-    title="TeXt is a super customizable Jekyll theme." href="https://github.com/kitian616/jekyll-TeXt-theme">TeXt Theme</a>.
-  </div>
-</div>
--->
-
-    
+    <p class="site-footer__copyright">© {{ 'now' | date: '%Y' }} Chong Lab</p>
   </div>
 </footer>
diff --git a/_includes/head/custom.html b/_includes/head/custom.html
index 33b1508..6ee513a 100644
--- a/_includes/head/custom.html
+++ b/_includes/head/custom.html
@@ -1,3 +1,15 @@
 <!-- start custom head snippets -->
 
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:wght@400;700&family=Libre+Franklin:wght@400;500;600;700&display=swap" rel="stylesheet">
+
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="{{ site.title }}">
+<meta property="og:title" content="{% if page.title %}{{ page.title }} · {% endif %}{{ site.title }}">
+<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description | strip }}{% endif %}">
+<meta property="og:url" content="{{ page.url | absolute_url }}">
+<meta property="og:image" content="{{ '/assets/images/lab_logo.png' | absolute_url }}">
+<meta name="twitter:card" content="summary_large_image">
+
 <!-- end custom head snippets -->
diff --git a/_includes/header.html b/_includes/header.html
index 7c286f9..10262be 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,29 +1,28 @@
-<header class="header">
-  <!-- Titre du site -->
-  <div class="header_title">
-    <h1>{{ site.title }}</h1>
-    <h4>{{ site.description }}</h4>
-  </div>
+<header class="header site-header">
+  <div class="site-header__inner">
+    <a class="site-header__brand" href="{{ '/' | relative_url }}" aria-label="Chong Lab home">
+      <span class="site-header__name">Chong Lab</span>
+      <span class="site-header__affiliation">University of Virginia</span>
+    </a>
 
-  <!-- Menu de navigation -->
-  <nav class="navigation">
-    <ul>
-      {%- for _item in site.data.navigation.header -%}
-        {%- include snippets/get-nav-url.html path=_item.url -%}
-        {%- assign _nav_url = __return -%}
-        {%- include snippets/get-nav-url.html path=page.url -%}
-        {%- assign _page_url = __return -%}
-        {%- include snippets/get-string-from-locale-config.html locale=_item.titles -%}
-        {%- if _nav_url == _page_url or page.nav_key and _item.key and page.nav_key == _item.key -%}
-          <li class="navigation__item navigation__item--active">
-            <a href="{{ _nav_url }}">{{ _item.title }}</a>
-          </li>
-        {%- else -%}
-          <li class="navigation__item">
-            <a href="{{ _nav_url }}">{{ _item.title }}</a>
-          </li>
-        {%- endif -%}
-      {%- endfor -%}
-    </ul>
-  </nav>
+    <nav class="navigation site-navigation" aria-label="Primary navigation">
+      <ul>
+        {%- for _item in site.data.navigation.header -%}
+          {%- include snippets/get-nav-url.html path=_item.url -%}
+          {%- assign _nav_url = __return -%}
+          {%- include snippets/get-nav-url.html path=page.url -%}
+          {%- assign _page_url = __return -%}
+          {%- if _nav_url == _page_url or page.nav_key and _item.key and page.nav_key == _item.key -%}
+            <li class="navigation__item navigation__item--active">
+              <a href="{{ _nav_url }}" aria-current="page">{{ _item.title }}</a>
+            </li>
+          {%- else -%}
+            <li class="navigation__item">
+              <a href="{{ _nav_url }}">{{ _item.title }}</a>
+            </li>
+          {%- endif -%}
+        {%- endfor -%}
+      </ul>
+    </nav>
+  </div>
 </header>
diff --git a/_sass/custom.scss b/_sass/custom.scss
index d108b2a..4e35ebc 100644
--- a/_sass/custom.scss
+++ b/_sass/custom.scss
@@ -257,4 +257,505 @@
   font-size: 1.25rem;
 }
 
+.publication-item,
+.news-item,
+.software-card {
+  margin-bottom: 2rem;
+}
+
+.publication-authors,
+.publication-title,
+.publication-journal,
+.news-title {
+  font-size: 1.15rem;
+}
+
+.software-card {
+  padding: 1.5rem;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 0.5rem;
+}
+
+.news-image {
+  display: block;
+  width: 100%;
+  max-width: 30rem;
+  height: auto;
+  margin-top: 0.75rem;
+}
+
+.album-item img {
+  width: 100%;
+  max-width: 42rem;
+  height: auto;
+  border-radius: 0.5rem;
+}
+
+.album-item figcaption {
+  margin-top: 0.5rem;
+  font-weight: 700;
+}
+
+.lab-logo {
+  display: block;
+  width: 50%;
+  max-width: 32rem;
+  height: auto;
+  margin: 0 auto;
+}
+
+.lab-timeline,
+.contact-map-frame {
+  width: 100%;
+  border: 0;
+}
+
+.lab-timeline {
+  height: 650px;
+}
+
+.contact-map-frame {
+  min-height: 28rem;
+}
+
+.alumni-list li {
+  margin-bottom: 0.5rem;
+}
+
+@media (max-width: 600px) {
+  .main {
+    padding: 1rem;
+  }
+
+  .lab-logo {
+    width: 80%;
+    max-width: 24rem;
+  }
+}
+
+/* Simple academic homepage */
+.lab-intro {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 16rem;
+  align-items: center;
+  gap: 4rem;
+  max-width: 68rem;
+  margin: 2rem auto 4rem;
+  padding: 2rem;
+}
+
+.lab-intro h1 {
+  margin: 0 0 0.4rem;
+  color: #134e5e;
+  font-size: 3rem;
+  line-height: 1.1;
+}
+
+.lab-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.5rem;
+  margin-top: 1.5rem;
+}
+
+.lab-intro__tagline {
+  margin: 0 0 1.5rem;
+  color: #327b88;
+  font-size: 1.35rem;
+}
+
+.lab-intro__text > p:not(.lab-intro__tagline) {
+  font-size: 1.08rem;
+  line-height: 1.75;
+}
+
+.lab-intro__logo {
+  width: 100%;
+  height: auto;
+}
+
+.simple-section {
+  max-width: 64rem;
+  margin: 0 auto;
+  padding: 0 2rem 3rem;
+}
+
+.simple-section h2 {
+  color: #134e5e;
+  font-size: 2rem;
+}
+
+.simple-section--bordered {
+  padding-top: 2.5rem;
+  border-top: 1px solid #d6e2e4;
+}
+
+.interest-list {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 2rem;
+  margin: 2rem 0;
+}
+
+.interest-list article {
+  padding-top: 1rem;
+  border-top: 3px solid #59a5ad;
+}
+
+.interest-list h3 {
+  margin-top: 0;
+  color: #205d69;
+  font-size: 1.15rem;
+}
+
+.simple-link {
+  color: #147d8a;
+  font-weight: 700;
+  text-decoration: none;
+}
+
+.simple-link:hover {
+  text-decoration: underline;
+}
+
+@media (max-width: 760px) {
+  .lab-intro {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+
+  .lab-intro__logo {
+    max-width: 13rem;
+  }
+
+  .interest-list {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* UVA-inspired site-wide visual system */
+:root {
+  --uva-blue: #232d4b;
+  --uva-orange: #e57200;
+  --uva-link: #495e9d;
+  --uva-cream: #fafaf2;
+  --uva-light-gray: #f1f1ef;
+  --uva-medium-gray: #dadada;
+  --uva-text: #232323;
+  --uva-muted: #666666;
+}
+
+html {
+  background: var(--uva-cream);
+}
+
+body {
+  color: var(--uva-text);
+  background: #fff;
+  font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.68;
+}
+
+a {
+  color: var(--uva-link);
+  text-decoration-thickness: 0.08em;
+  text-underline-offset: 0.16em;
+}
+
+a:hover,
+a:focus {
+  color: #344577;
+}
+
+a:focus-visible,
+button:focus-visible {
+  outline: 3px solid var(--uva-orange);
+  outline-offset: 3px;
+}
+
+.site-header {
+  position: relative;
+  z-index: 10;
+  padding: 0;
+  color: #fff;
+  text-align: left;
+  background: var(--uva-blue);
+  border-top: 5px solid var(--uva-orange);
+  box-shadow: none;
+}
+
+.site-header__inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 2rem;
+  width: 100%;
+  max-width: 76rem;
+  min-height: 6rem;
+  margin: 0 auto;
+  padding: 1rem 2rem;
+}
+
+.site-header__brand {
+  display: inline-flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  color: #fff;
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.site-header__brand:hover,
+.site-header__brand:focus {
+  color: #fff;
+  text-decoration: none;
+}
 
+.site-header__name {
+  font-family: "Libre Caslon Text", Georgia, serif;
+  font-size: 1.75rem;
+  font-weight: 700;
+}
+
+.site-header__affiliation {
+  margin-top: 0.35rem;
+  color: #f9dcbf;
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+.site-navigation ul {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.15rem 0.35rem;
+  margin: 0;
+  padding: 0;
+}
+
+.site-navigation .navigation__item {
+  flex: none;
+}
+
+.site-navigation .navigation__item a {
+  position: relative;
+  padding: 0.65rem 0.6rem;
+  color: #fff;
+  font-size: 0.86rem;
+  font-weight: 600;
+  line-height: 1.2;
+  text-decoration: none;
+}
+
+.site-navigation .navigation__item a:hover,
+.site-navigation .navigation__item a:focus {
+  color: #f9dcbf;
+}
+
+.site-navigation .navigation__item--active a::after {
+  position: absolute;
+  right: 0.6rem;
+  bottom: 0.25rem;
+  left: 0.6rem;
+  height: 3px;
+  background: var(--uva-orange);
+  content: "";
+}
+
+.page__content {
+  background: #fff;
+}
+
+.page__content .main {
+  max-width: 72rem;
+  margin: 0 auto;
+  padding: 3.5rem 2rem 5rem;
+}
+
+.js-article-content {
+  color: var(--uva-text);
+}
+
+.js-article-content h1,
+.js-article-content h2,
+.js-article-content h3,
+.article__header h1 {
+  color: var(--uva-blue);
+}
+
+.js-article-content h1,
+.article__header h1 {
+  margin-top: 0;
+  font-family: "Libre Caslon Text", Georgia, serif;
+  font-size: 2.6rem;
+  line-height: 1.18;
+  letter-spacing: -0.025em;
+}
+
+.js-article-content h2 {
+  margin-top: 2.5rem;
+  padding-bottom: 0.4rem;
+  font-family: "Libre Caslon Text", Georgia, serif;
+  font-size: 1.8rem;
+  line-height: 1.25;
+  border-bottom: 2px solid #f9dcbf;
+}
+
+.js-article-content h3 {
+  margin-top: 2rem;
+  font-size: 1.2rem;
+}
+
+.js-article-content p,
+.js-article-content li {
+  line-height: 1.72;
+}
+
+.js-article-content strong {
+  color: var(--uva-blue);
+}
+
+.lab-intro {
+  max-width: 68rem;
+  margin-top: 0;
+  padding-top: 1rem;
+}
+
+.lab-intro h1 {
+  color: var(--uva-blue);
+  font-family: "Libre Caslon Text", Georgia, serif;
+  font-size: 2.85rem;
+}
+
+.lab-intro__tagline {
+  color: var(--uva-orange);
+  font-size: 1.1rem;
+  font-weight: 600;
+}
+
+.simple-link {
+  color: var(--uva-link);
+}
+
+.team-card,
+.software-card {
+  border-color: var(--uva-medium-gray);
+  box-shadow: none;
+}
+
+.team-card:hover {
+  transform: none;
+}
+
+.publication-item {
+  padding: 1rem 0 1.5rem;
+  border-bottom: 1px solid var(--uva-medium-gray);
+}
+
+.publication-item a,
+.software-card a {
+  font-weight: 600;
+}
+
+.contact-map-frame {
+  border: 1px solid var(--uva-medium-gray);
+}
+
+.site-footer {
+  padding: 0;
+  color: #fff;
+  text-align: left;
+  background: var(--uva-blue);
+  border-top: 5px solid var(--uva-orange);
+}
+
+.site-footer__inner {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 1.5rem 3rem;
+  max-width: 76rem;
+  margin: 0 auto;
+  padding: 2.5rem 2rem;
+}
+
+.site-footer p {
+  margin: 0;
+  color: #fff;
+}
+
+.site-footer__name {
+  font-family: "Libre Caslon Text", Georgia, serif;
+  font-size: 1.3rem;
+  font-weight: 700;
+}
+
+.site-footer__links {
+  display: flex;
+  align-items: flex-start;
+  gap: 1.25rem;
+}
+
+.site-footer a {
+  color: #fff;
+  font-weight: 600;
+}
+
+.site-footer a:hover,
+.site-footer a:focus {
+  color: #f9dcbf;
+}
+
+.site-footer__copyright {
+  grid-column: 1 / -1;
+  padding-top: 1rem;
+  color: #dadada !important;
+  font-size: 0.78rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.22);
+}
+
+@media (max-width: 980px) {
+  .site-header__inner {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
+  .site-navigation ul {
+    justify-content: flex-start;
+  }
+}
+
+@media (max-width: 620px) {
+  .site-header__inner,
+  .page__content .main,
+  .site-footer__inner {
+    padding-right: 1.25rem;
+    padding-left: 1.25rem;
+  }
+
+  .site-navigation .navigation__item a {
+    padding: 0.55rem 0.5rem;
+    font-size: 0.8rem;
+  }
+
+  .js-article-content h1,
+  .article__header h1,
+  .lab-intro h1 {
+    font-size: 2.15rem;
+  }
+
+  .site-footer__inner {
+    grid-template-columns: 1fr;
+  }
+
+  .site-footer__links {
+    flex-wrap: wrap;
+  }
+
+  .site-footer__copyright {
+    grid-column: 1;
+  }
+}
diff --git a/about.md b/about.md
index 6a7019d..af4a114 100644
--- a/about.md
+++ b/about.md
@@ -1,74 +1,32 @@
 ---
-layout: article
-titles:
-  # @start locale config
-  en      : &EN       About
-  en-GB   : *EN
-  en-US   : *EN
-  en-CA   : *EN
-  en-AU   : *EN
-  zh-Hans : &ZH_HANS  关于
-  zh      : *ZH_HANS
-  zh-CN   : *ZH_HANS
-  zh-SG   : *ZH_HANS
-  zh-Hant : &ZH_HANT  關於
-  zh-TW   : *ZH_HANT
-  zh-HK   : *ZH_HANT
-  ko      : &KO       소개
-  ko-KR   : *KO
-  fr      : &FR       À propos
-  fr-BE   : *FR
-  fr-CA   : *FR
-  fr-CH   : *FR
-  fr-FR   : *FR
-  fr-LU   : *FR
-  # @end locale config
-key: page-about
+layout: page
+title: Research
+description: Research interests of the Chong Lab at the University of Virginia.
+permalink: /research/
 ---
 
-![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.jpg)
+Our lab develops computational methods for analyzing large-scale genomic data and applies these methods to fundamental questions in genome biology and human disease.
 
-TeXt is a super customizable Jekyll theme for personal site, team site, blog, project, documentation, etc. Similar to iOS 11 style, it has large and prominent titles, round buttons and cards.
+## Algorithm development for emerging sequencing data
 
-```javascript
-(() => console.log('Hello, World!'))();
-```
+The scale and complexity of modern genomic data demand computational methods that are more sensitive, efficient, and precise. Long-read platforms such as PacBio HiFi and Oxford Nanopore generate reads spanning thousands of base pairs, creating powerful opportunities for haplotype resolution, genome assembly, and the study of complex genomic regions.
 
-## Features
+Our lab develops algorithms that address platform-specific errors and analytical challenges while unlocking the full value of these data. We also design methods for emerging technologies, including pangenomics, single-cell sequencing, strand-seq, and other multi-omic platforms.
 
-- Responsive
-- Semantic HTML
-- Skins
-- Highlight Theme
-- Internationalization
-- Search
-- Table of contents
-- Authors
-- Additional styles (alert, tag, image, icon, button, grid, etc)
-- Extensions (audios, videos, slides, demos)
-- Markdown enhancements ([MathJax](https://www.mathjax.org/), [mermaid](https://mermaidjs.github.io/), [chartjs](http://www.chartjs.org/))
-- Sharing ([AddToAny](https://www.addtoany.com/), [AddThis](https://www.addthis.com/))
-- Comments ([Disqus](https://disqus.com/), [Gitalk](https://gitalk.github.io/), [Valine](https://valine.js.org/en/))
-- Pageview ([LeanCloud](https://leancloud.cn/))
-- Analytics ([Google Analytics](https://analytics.google.com/analytics/web/))
-- RSS ([jekyll-feed](https://github.com/jekyll/jekyll-feed))
+## Functions and mechanisms of genomic rearrangements
 
-## Skins
+Structural variants and other genomic rearrangements play a central role in shaping genetic diversity within and between species. Yet their functions, origins, and biological consequences remain incompletely understood.
 
-TeXt has 6 built-in skins, you can also set up your own skin.
+We investigate these complex events through computational, integrative, and hypothesis-driven approaches. Our work explores structural variation, chromothripsis, and other large-scale rearrangements to reveal how genomes change and how those changes affect phenotype.
 
-| `default` | `dark` | `forest` |
-| --- |  --- | --- |
-| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
+## Disease genomics
 
-| `ocean` | `chocolate` | `orange` |
-| --- |  --- | --- |
-| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
+Disease often emerges from a complex interplay of genetic, epigenetic, and environmental factors. We study this interface by identifying disease-associated variants and integrating genomic, transcriptomic, epigenomic, and clinical data.
 
-### Highlight Theme
+Through pan-disease, pan-cancer, and multi-omic analyses, we aim to deepen understanding of genotype-to-phenotype relationships and contribute to improved diagnosis, prognosis, and therapeutic strategies.
 
-TeXt use [Tomorrow](https://github.com/chriskempson/tomorrow-theme) as the highlight theme.
+## Collaborations
 
-| `tomorrow` | `tomorrow-night` | `tomorrow-night-eighties` | `tomorrow-night-blue` | `tomorrow-night-bright` |
-| --- |  --- | --- | --- |  --- |
-| ![Tomorrow](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/highlight_tomorrow.png) | ![Tomorrow Night](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/highlight_tomorrow-night.png) | ![Tomorrow Night Eighties](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/highlight_tomorrow-night-eighties.png) | ![Tomorrow Night Blue](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/highlight_tomorrow-night-blue.png) | ![Tomorrow Night Bright](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/highlight_tomorrow-night-bright.png) |
+Complex questions in genomics are best addressed through collaboration. We work with investigators across the University of Virginia and with national and international partners. These collaborations bring together expertise in computation, biology, and medicine and expand our ability to translate new methods into meaningful discoveries.
+
+[Contact us to discuss a collaboration →]({{ '/contact/' | relative_url }})
diff --git a/index.html b/index.html
index 2300252..97e41bc 100644
--- a/index.html
+++ b/index.html
@@ -1,71 +1,20 @@
 ---
 layout: home
-# title: Chong lab at UVA
-# articles:
-#   excerpt_type: html
+title: Chong Lab
+description: Computational genomics research at the University of Virginia.
 ---
-<div class="hero">
-  <h2>About the lab </h2>
-  <p>
-    We are a computational genomics research group in the <a href="https://med.virginia.edu/genome-sciences/">Department of Genome Sciences</a> at the <a href="https://www.virginia.edu/">University of Virginia</a> <a href="https://med.virginia.edu/">School of Medicine</a>. Our research focuses on developing innovative computational methods and bioinformatics tools to advance genomic discovery. We are particularly interested in leveraging cutting-edge sequencing technologies, including next-generation sequencing, long-read sequencing (PacBio HiFi and Oxford Nanopore), and emerging multi-omics platforms to better understand human genome variation and its role in health and disease.
-  </p>
-</div>
-
-
-<div class="homepage-container">
-
-  <!-- Section À propos -->
-  <section class="project-summary">
-    <h2>Vision of the lab</h2>
-    <p style="font-size: 1.25rem;">
-	The rapid evolution of sequencing and biotechnology is transforming biology at an unprecedented pace. Our lab is dedicated to leveraging these breakthroughs to extract meaningful insights from both healthy and diseased genomes. By combining innovation in bioinformatics with state-of-the-art sequencing platforms, our ultimate goal is to advance precision medicine and improve human health.
-    </p>
-    <p>
-      
-    </p>
-    <h2>Algorithm development for new sequencing data</h2>
-    <p style="font-size: 1.25rem;">
-	While numerous tools exist for next-generation sequencing, the sheer volume and complexity of modern data demand new, more sensitive, and more efficient computational methods. Third-generation sequencing platforms such as PacBio and Oxford Nanopore provide long reads spanning thousands of base pairs, offering tremendous potential for haplotype resolution and genome assembly. However, these platforms are also characterized by high error rates, presenting significant analytical challenges. Our research develops novel algorithms to overcome these barriers and unlock the full value of TGS data. In addition, we address data generated by emerging biotechnologies—including 10X Genomics, strand-seq, and advanced single-cell sequencing—designing solutions tailored to these rapidly evolving data types.
-    </p>
-
-    <h2>Functions and mechanisms of genomic rearrangements</h2>
-    <p style="font-size: 1.25rem;">
-	Structural variations (genomic rearrangements) play a central role in shaping genetic diversity within and between species. Yet their functions and underlying mechanisms remain incompletely understood. Our group investigates these complex variations through integrative and hypothesis-driven approaches, exploring phenomena such as chromothripsis and other large-scale rearrangements to shed light on their biological consequences.
-    </p>
-    <p>
-      
-    </p>
-    <h2>Disease genomics</h2>
-    <p style="font-size: 1.25rem;">
-	A disease represents a disruption of normal phenotype, often resulting from a complex interplay of genetic, epigenetic, and environmental factors. Our lab explores fundamental questions at this interface, including the identification of disease-causing variants, integrative pan-disease and pan-cancer genomics, and multi-omic data analysis. Through these efforts, we aim to deepen understanding of the genotype-to-phenotype relationship and contribute to improved diagnosis, prognosis, and therapeutic strategies.
-    </p>
-    <p>
-      
-    </p>
-    <h2>Collaborations</h2>
-    <p style="font-size: 1.25rem;">
-	In the past few years, we have established extensive collaborations across the UAB community and with partners nationwide. We envision to expand the fruitful collaborations at UVA. These collaborations strengthen our ability to tackle challenging problems at the intersection of computational biology, genomics, and medicine.
-    </p>
-    
-    <p>
-      
-    </p>
-</div>
-
-<br>
-  <img src="assets/images/lab_logo.png" alt="team1" width="50%" style="display: block; margin: auto;" />
-
-<br>
-
-<!-- Section Derniers articles -->
-
-<h2>Lab Timeline</h2>
-<iframe src='https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=v2%3A2PACX-1vTgjoDGrbuW7hx8whqyIE6YYKvSwmvRcGn27fR0l0zvRDjA7pJFoxvBgEGWJmGaTMaIqQIxRSXI5sCb&font=Default&lang=en&initial_zoom=2&width=100%25&height=650' width='100%' height='650' webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder='0'></iframe>
-
-<!-- Back to Top Button -->
-<div style="text-align: center; margin-top: 3em;">
-  <a href="#top" style="font-weight: bold; text-decoration: underline;">Back to Top</a>
-</div>
-
-
 
+<section class="lab-intro">
+  <div class="lab-intro__text">
+    <h1>Making sense of biology using bioinformatics</h1>
+    <p class="lab-intro__tagline">Computational genomics at the University of Virginia</p>
+    <p>We are a research group in the <a href="https://med.virginia.edu/genome-sciences/">Department of Genome Sciences</a> at the <a href="https://www.virginia.edu/">University of Virginia</a> School of Medicine.</p>
+    <p>We develop computational methods for long-read sequencing, structural variation, genome assembly, and disease genomics to better understand human genome variation and its role in health and disease.</p>
+    <nav class="lab-actions" aria-label="Explore the Chong Lab">
+      <a class="simple-link" href="{{ '/research/' | relative_url }}">Research →</a>
+      <a class="simple-link" href="{{ '/team/' | relative_url }}">Team →</a>
+      <a class="simple-link" href="{{ '/positions/' | relative_url }}">Join us →</a>
+    </nav>
+  </div>
+  <img src="{{ '/assets/images/lab_logo.png' | relative_url }}" alt="Chong Lab logo" class="lab-intro__logo">
+</section>