diff --git a/src/components/home/HomeFooter.tsx b/src/components/home/HomeFooter.tsx
index 0c9f6a38..1d28750c 100644
--- a/src/components/home/HomeFooter.tsx
+++ b/src/components/home/HomeFooter.tsx
@@ -25,9 +25,8 @@ export default function HomeFooter() {
         </a>
       </div>
       <div className='mt-[36px] flex justify-end gap-[16px] md:mt-0 md:basis-[145px]'>
-        {/* TODO: 시연 영상 제작 후 링크 변경 */}
         <a
-          href='https://www.youtube.com/'
+          href='https://www.youtube.com/watch?v=6mZkO7UfjLE'
           target='_blank'
           aria-label='시연영상 보러가기'
           rel='noreferrer'>
diff --git a/src/components/home/HomeHeroSection.tsx b/src/components/home/HomeHeroSection.tsx
index 53885909..eef9912b 100644
--- a/src/components/home/HomeHeroSection.tsx
+++ b/src/components/home/HomeHeroSection.tsx
@@ -5,8 +5,18 @@ import Title from '@/components/common/Title';
 
 export default function HomeHeroSection() {
   return (
-    <section className='flex flex-col items-center gap-12 px-[40px]'>
-      <img src={images.mainVisual} className='w-full lg:w-[722px]' alt='' />
+    <section className='flex flex-col items-center gap-12'>
+      <div className='flex w-full justify-center px-[40px]'>
+        <div className='w-full max-w-[722px] overflow-hidden rounded-lg'>
+          <img
+            src={images.mainVisual}
+            width={722}
+            height={423}
+            className='h-auto w-full object-cover'
+            alt=''
+          />
+        </div>
+      </div>
       <Title
         className='flex flex-col items-center gap-1.5 text-[40px] leading-[48px] tracking-[-2px] whitespace-nowrap text-gray-0 md:flex-row md:gap-6 md:text-[56px] md:leading-[100px] lg:gap-7 lg:text-[76px]'
         weight={'bold'}>
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 9155ad65..092b3d53 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -5,11 +5,6 @@ import HomeIntroSection from '@/components/home/HomeIntroSection';
 import HomeServiceDetailsSection from '@/components/home/HomeServiceDetailsSection';
 
 export default function Home() {
-  /**
-   * TODO: 로그인 되었을 때 /dashboard/{dashboardId}로,
-   * dashboard가 없다면 /dashboard 리다이렉트 되도록 구현
-   */
-
   return (
     <div className='bg-gray-900 px-[16px] sm:px-[40px]'>
       <HomeHeader />
diff --git a/src/styles/base/fonts.css b/src/styles/base/fonts.css
index 8a184574..94c584d8 100644
--- a/src/styles/base/fonts.css
+++ b/src/styles/base/fonts.css
@@ -14,6 +14,7 @@
   font-family: 'Pretendard';
   src: url('/font/Pretendard-Medium.woff2') format('woff2');
   font-weight: 500;
+  font-display: swap;
 }
 
 /* Pretendard Semibold */
@@ -22,6 +23,7 @@
   font-family: 'Pretendard';
   src: url('/font/Pretendard-SemiBold.woff2') format('woff2');
   font-weight: 600;
+  font-display: swap;
 }
 
 /* Pretendard Bold */
@@ -30,6 +32,7 @@
   font-family: 'Pretendard';
   src: url('/font/Pretendard-Bold.woff2') format('woff2');
   font-weight: 700;
+  font-display: swap;
 }
 
 @theme {