diff --git a/apps/web/.env.example b/apps/web/.env.example
index 4017e642..d350d061 100644
--- a/apps/web/.env.example
+++ b/apps/web/.env.example
@@ -8,3 +8,5 @@ AVAILABLE_APPLY_SPONSOR=
 ENABLE_INVITE_STAFF=
 ENABLE_OPERATE_ADMIN=
 ENABLE_SWITCH_LOCALE=
+ENABLE_REGISTER_TICKET=
+ENABLE_REGISTER_NAMECARD=
diff --git a/apps/web/app/components/TicketPageSection.vue b/apps/web/app/components/TicketPageSection.vue
new file mode 100644
index 00000000..a37c1e57
--- /dev/null
+++ b/apps/web/app/components/TicketPageSection.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { useRuntimeConfig } from '#imports'
+import TicketSection from '~/components/ticket/TicketSection.vue'
+import NamecardSection from '~/components/ticket/NamecardSection.vue'
+
+const config = useRuntimeConfig()
+</script>
+
+<template>
+  <TicketSection />
+  <NamecardSection v-if="config.public.enableRegisterNamecard" />
+</template>
diff --git a/apps/web/app/components/ticket/NamecardSection.vue b/apps/web/app/components/ticket/NamecardSection.vue
new file mode 100644
index 00000000..ccf3aa69
--- /dev/null
+++ b/apps/web/app/components/ticket/NamecardSection.vue
@@ -0,0 +1,3 @@
+<template>
+  Namecard
+</template>
diff --git a/apps/web/app/components/ticket/TicketSection.vue b/apps/web/app/components/ticket/TicketSection.vue
new file mode 100644
index 00000000..ae9c1ce4
--- /dev/null
+++ b/apps/web/app/components/ticket/TicketSection.vue
@@ -0,0 +1,3 @@
+<template>
+  Ticket
+</template>
diff --git a/apps/web/app/pages/index.vue b/apps/web/app/pages/index.vue
index 48aedc5c..d521f4c2 100644
--- a/apps/web/app/pages/index.vue
+++ b/apps/web/app/pages/index.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { useHead, useI18n } from '#imports'
+import { useHead, useI18n, useRuntimeConfig } from '#imports'
 import { conferenceTitle } from '~/utils/constants'
 import { generalOg, twitterOg } from '~/utils/og.constants'
 
 const { locale } = useI18n({ useScope: 'global' })
+const config = useRuntimeConfig()
 
 useHead({
   // eslint-disable-next-line no-unused-vars
@@ -18,6 +19,7 @@ useHead({
   <SpeakerPageSection />
   <VolunteerPageSection v-if="locale === 'ja'" />
   <SponsorPageSection />
+  <TicketPageSection v-if="config.public.enableRegisterTicket" />
   <CooperationPartnerSection />
   <FormPageSection />
 </template>
diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index 8e8e93b4..d7305b12 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -140,6 +140,8 @@ export default defineNuxtConfig({
       enableInviteStaff: process.env.ENABLE_INVITE_STAFF,
       enableOperateAdmin: process.env.ENABLE_OPERATE_ADMIN,
       enableSwitchLocale: process.env.ENABLE_SWITCH_LOCALE,
+      enableRegisterTicket: process.env.ENABLE_REGISTER_TICKET,
+      enableRegisterNamecard: process.env.ENABLE_REGISTER_NAMECARD,
     },
   },
   // for https on localhost