diff --git a/assets/scss/content/index.scss b/assets/scss/content/index.scss
new file mode 100644
index 0000000..3bc7acc
--- /dev/null
+++ b/assets/scss/content/index.scss
@@ -0,0 +1,5 @@
+body.home {
+  .info.container.primary {
+    margin-bottom: var(--section-margin);
+  }
+}
\ No newline at end of file
diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index 5f3854c..24d6e7d 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -1,2 +1,8 @@
+@import "variables.scss";
+
+@import "content/index.scss";
+
 @import "partials/staff.scss";
+@import "partials/live_panels.scss";
+
 @import "staffs/list.scss";
diff --git a/assets/scss/partials/live_panels.scss b/assets/scss/partials/live_panels.scss
new file mode 100644
index 0000000..cbdd58a
--- /dev/null
+++ b/assets/scss/partials/live_panels.scss
@@ -0,0 +1,16 @@
+.shortcodes_livePanels {
+  &_panels {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--space-4);
+    margin-bottom: var(--section-margin);
+  }
+
+  &_timeline {
+    width: 45%;
+    @media (max-width: 52rem) {
+      width: 80%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
new file mode 100644
index 0000000..5691fda
--- /dev/null
+++ b/assets/scss/variables.scss
@@ -0,0 +1,3 @@
+:root {
+  --section-margin: 4rem;
+}
\ No newline at end of file
diff --git a/content/_index.ja.md b/content/_index.ja.md
index ca3b30c..12643b4 100644
--- a/content/_index.ja.md
+++ b/content/_index.ja.md
@@ -50,11 +50,14 @@ icon="right" %}}
 {{% /home-speakers %}}
 -->
 
+{{% live-panels %}}
+
 {{% home-tickets %}}
+
 # 参加登録
 
 <ul>
-<li>{{<ticket name="セッション"
+<li>{{<ticket name="オンライン会場"
            price="無料"
            url="https://gocon.connpass.com/event/213865/">}}
 </li>
diff --git a/content/_index.md b/content/_index.md
index 8428c59..172e559 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -47,12 +47,14 @@ icon="right" %}}
 {{% /home-speakers %}}
 -->
 
+{{% live-panels %}}
 
 {{% home-tickets %}}
+
 # Registration
 
 <ul>
-<li>{{<ticket name="Sessions"
+<li>{{<ticket name="Virtual Venue"
            price="Free"
            url="https://gocon.connpass.com/event/213865/">}}
 </li>
diff --git a/layouts/shortcodes/live-panels.html b/layouts/shortcodes/live-panels.html
new file mode 100644
index 0000000..9b112d3
--- /dev/null
+++ b/layouts/shortcodes/live-panels.html
@@ -0,0 +1,43 @@
+<div class="shortcodes_livePanels">
+  <div class="shortcodes_livePanels_panels">
+    <div class="shortcodes_livePanels_youtube">
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube.com/embed/EVUCSrj83uM"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen
+      ></iframe>
+    </div>
+    <div class="shortcodes_livePanels_youtube">
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube.com/embed/w2m4u3wruJY"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen
+      ></iframe>
+    </div>
+  </div>
+
+  <div class="shortcodes_livePanels_panels">
+    <div class="shortcodes_livePanels_timeline">
+      <a
+        class="twitter-timeline"
+        data-width="100%"
+        data-height="500"
+        href="https://twitter.com/gocon_staff?ref_src=twsrc%5Etfw"
+        >Tweets by gocon_staff</a
+      >
+      <script
+        async
+        src="https://platform.twitter.com/widgets.js"
+        charset="utf-8"
+      ></script>
+    </div>
+  </div>
+</div>