diff --git a/components.d.ts b/components.d.ts
index 17d3fca..770e9a7 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,32 +7,16 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    DialogClose: typeof import('radix-vue')['DialogClose']
-    DialogContent: typeof import('radix-vue')['DialogContent']
-    DialogDescription: typeof import('radix-vue')['DialogDescription']
-    DialogOverlay: typeof import('radix-vue')['DialogOverlay']
-    DialogPortal: typeof import('radix-vue')['DialogPortal']
-    DialogRoot: typeof import('radix-vue')['DialogRoot']
-    DialogTitle: typeof import('radix-vue')['DialogTitle']
-    DialogTrigger: typeof import('radix-vue')['DialogTrigger']
     FeatureCard: typeof import('./src/components/FeatureSection/FeatureCard.vue')['default']
     FeatureSection: typeof import('./src/components/FeatureSection/FeatureSection.vue')['default']
     FooterSection: typeof import('./src/components/FooterSection.vue')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
-    IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
-    IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']
-    IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default']
-    IconSupport: typeof import('./src/components/icons/IconSupport.vue')['default']
-    IconTooling: typeof import('./src/components/icons/IconTooling.vue')['default']
-    InfoSection: typeof import('./src/components/InfoSection.vue')['default']
     MainSection: typeof import('./src/components/MainSections/MainSection.vue')['default']
-    MainSections: typeof import('./src/components/MainSections/MainSections.vue')['default']
     PeopleSection: typeof import('./src/components/MainSections/PeopleSection/PeopleSection.vue')['default']
     PersonIntro: typeof import('./src/components/MainSections/PeopleSection/PersonIntro.vue')['default']
     ResponsiveXPos: typeof import('./src/components/ResponsiveXPos.vue')['default']
     SubSection: typeof import('./src/components/MainSections/SubSection.vue')['default']
     TestComp: typeof import('./src/components/TestComp.vue')['default']
-    TheWelcome: typeof import('./src/components/TheWelcome.vue')['default']
     TitleSection: typeof import('./src/components/TitleSection/TitleSection.vue')['default']
     TitleSectionButton: typeof import('./src/components/TitleSection/TitleSectionButton.vue')['default']
     UseCaseCard: typeof import('./src/components/MainSections/UseCaseSection/UseCaseCard.vue')['default']
diff --git a/src/components/MainSections/PeopleSection/PeopleSection.vue b/src/components/MainSections/PeopleSection/PeopleSection.vue
index 1a47899..181252f 100644
--- a/src/components/MainSections/PeopleSection/PeopleSection.vue
+++ b/src/components/MainSections/PeopleSection/PeopleSection.vue
@@ -35,6 +35,17 @@ const props = defineProps({
                 twitter: "eri24816",
                 linkedin: "eric-chen-789894239"
             },
+            {
+                name: "Ping-Yu Chen (greenslime1024)",
+                role: "backend dev",
+                github: "greenslime1024",
+            },
+            {
+                name: "Cheng-Shian Yeh (yeh-sudo)",
+                role: "backend dev",
+                github: "yeh-sudo",
+                linkedin: "yeh-profile"
+            },
         ]
     }
 })
diff --git a/src/components/MainSections/PeopleSection/PersonIntro.vue b/src/components/MainSections/PeopleSection/PersonIntro.vue
index 900b69e..02ce658 100644
--- a/src/components/MainSections/PeopleSection/PersonIntro.vue
+++ b/src/components/MainSections/PeopleSection/PersonIntro.vue
@@ -3,7 +3,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <div class="person-intro mb-4">
         <div class="flex flex-row gap-4 mb-2">
-        <h3 class="text-2xl font-bold text-gray-300">{{ props.name }}</h3>
+        <h3 class="text-xl font-bold text-gray-300">{{ props.name }}</h3>
             <div class="flex flex-row gap-1">
                 <a v-if="props.github" :href="'https://github.com/'+props.github" target="_blank" rel="noopener noreferrer" class="fa fa-brands fa-github  flex content-center justify-center"> </a>
                 <a v-if="props.twitter" :href="'https://x.com/'+props.twitter" target="_blank" rel="noopener noreferrer" class="fa fa-brands fa-twitter  flex content-center justify-center"></a>
diff --git a/src/components/TitleSection/TitleSection.vue b/src/components/TitleSection/TitleSection.vue
index e8af268..f370ff4 100644
--- a/src/components/TitleSection/TitleSection.vue
+++ b/src/components/TitleSection/TitleSection.vue
@@ -30,7 +30,7 @@
                 <!-- use tailwind -->
                 <TitleSectionButton class="bg-purple-button  border-2 border-purple-button-border " text="Download" link="#get-started"></TitleSectionButton>
 
-                <TitleSectionButton class="bg-gray-900 border-2 border-gray-700" text="Visit GitHub repository" link="https://github.com/grapycal/grapycal" icon="src/assets/github.svg"></TitleSectionButton>
+                <TitleSectionButton class="bg-gray-900 border-2 border-gray-700" text="Visit GitHub repository" link="https://github.com/grapycal/grapycal" ><div class="fa fa-2x fa-github"> &nbsp;</div></TitleSectionButton>
                 <TitleSectionButton class="bg-gray-900 border-2 border-gray-700" text="Join Discord" link="https://discord.com/invite/adNQcS42CT" icon="https://www.svgrepo.com/show/353655/discord-icon.svg"></TitleSectionButton>
             </div>
                 
diff --git a/src/components/TitleSection/TitleSectionButton.vue b/src/components/TitleSection/TitleSectionButton.vue
index 359b5d1..ce97310 100644
--- a/src/components/TitleSection/TitleSectionButton.vue
+++ b/src/components/TitleSection/TitleSectionButton.vue
@@ -2,6 +2,7 @@
     <a :href="props.link" class="text-white py-2 px-4 rounded-full text-lg flex items-center text-gray-300">
         
         <img v-if="props.icon" :src="props.icon" alt="icon" class="w-7 h-7 inline-block mr-2 fill-white">
+        <slot></slot>
         {{ props.text }}
         
     </a>