diff --git a/src/components/Carousel.astro b/src/components/Carousel.astro
new file mode 100644
index 0000000..a27256f
--- /dev/null
+++ b/src/components/Carousel.astro
@@ -0,0 +1,13 @@
+---
+import '../scripts/swiper.js';
+---
+
+<swiper-container
+  slides-per-view="1"
+  autoplay="true"
+  loop="true"
+>
+  <swiper-slide>Item 1</swiper-slide>
+  <swiper-slide>Item 2</swiper-slide>
+  <swiper-slide>Item 3</swiper-slide>
+</swiper-container>
\ No newline at end of file
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 9def57f..b51b1b3 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -2,6 +2,7 @@
 const { currentOS } = Astro.props;
 import 'swiper/css';
 import 'swiper/element/bundle';
+import Carousel from '../components/Carousel.astro';
 ---
 
 <nav>
@@ -16,10 +17,10 @@ import 'swiper/element/bundle';
 
   <details open={currentOS === "linux"}>
     <summary class={currentOS === "linux" ? "active" : ""}>
-      <a href="/en/linux/">Linux</a>
+      <a href="/en/linux/">Linux/ChromeBook</a>
     </summary>
     <ul>
-      <li><a href="/en/chromebook/">Chromebook Installation</a></li>
+      <li><a href="/en/chromebook/">ChromeBook Installation</a></li>
       <li><a href="/en/linux/chapter1/">Chapter 1</a></li>
       <!-- more chapters -->
     </ul>
@@ -79,15 +80,7 @@ import 'swiper/element/bundle';
 </style>
 
 <aside class="sidebar">
-  <swiper-container
-    slides-per-view="1"
-    autoplay="true"
-    loop="true"
-  >
-    <swiper-slide>Item 1</swiper-slide>
-    <swiper-slide>Item 2</swiper-slide>
-    <swiper-slide>Item 3</swiper-slide>
-  </swiper-container>
+  <Carousel client:load />
 </aside>