From f4f14c6e3bfe35a8f56d6e274de8c227c119aa78 Mon Sep 17 00:00:00 2001
From: MinSeok1_2 <kimjunseok23@gmail.com>
Date: Fri, 20 Feb 2026 11:35:30 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20main=20page=EC=9D=98=20=EB=B0=B0?=
 =?UTF-8?q?=EB=84=88=EC=97=90=20demo-day=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EB=A1=9C=EC=9D=98=20redirect=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80(#268)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mainPage/PromotionBanner.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/mainPage/PromotionBanner.tsx b/src/components/mainPage/PromotionBanner.tsx
index 0bf6a582..75b757d4 100644
--- a/src/components/mainPage/PromotionBanner.tsx
+++ b/src/components/mainPage/PromotionBanner.tsx
@@ -1,4 +1,5 @@
 import { useState, useRef } from "react";
+import { useNavigate } from "react-router"; // [demo-day] 데모데이 끝나면 제거
 import {
   promotionBanner1,
   promotionBanner2,
@@ -9,6 +10,7 @@ interface MainBannerProps {
   id: number;
   alt: string;
   src: string;
+  link?: string; // [demo-day] 데모데이 끝나면 제거
 }
 
 const BANNERS: MainBannerProps[] = [
@@ -16,6 +18,7 @@ const BANNERS: MainBannerProps[] = [
     id: 1,
     alt: "AI 사진 복원 프로모션 배너",
     src: promotionBanner1,
+    link: "/demo-day", // [demo-day] 데모데이 끝나면 제거
   },
   {
     id: 2,
@@ -30,6 +33,7 @@ const BANNERS: MainBannerProps[] = [
 ];
 
 export default function PromotionBanner() {
+  const navigate = useNavigate(); // [demo-day] 데모데이 끝나면 제거
   const [currentIndex, setCurrentIndex] = useState(0);
   const scrollRef = useRef<HTMLDivElement>(null);
 
@@ -52,6 +56,10 @@ export default function PromotionBanner() {
           <div
             key={banner.id}
             className="min-w-[calc(100%-3px)] shrink-0 snap-center"
+            // [demo-day] 아래 3줄 데모데이 끝나면 제거
+            onClick={banner.link ? () => navigate(banner.link!) : undefined}
+            role={banner.link ? "link" : undefined}
+            style={banner.link ? { cursor: "pointer" } : undefined}
           >
             <div className="relative aspect-335/250 w-full overflow-hidden rounded-2xl">
               <img