[🐛 Fix] footer sns 수정, open graph 이미지파일 경로 수정, 카드 선택 반응형 추가

index.html

@@ -17,7 +17,9 @@
     <meta property="og:title" content="GlobalNomad | 글로벌 액티비티 예약 플랫폼" />
     <meta property="og:description" content="전 세계 액티비티·체험을 한 번에 예약하세요." />
     <meta property="og:url" content="https://globalnomad-team6.vercel.app" />
-    <meta property="og:image" content="https://globalnomad-team6.vercel.app/image/GlobalNomad.webp" />
+    <meta
+      property="og:image"
+      content="https://globalnomad-team6.vercel.app/GlobalNomad.webp" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta property="og:locale" content="ko_KR" />
@@ -26,7 +28,7 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="GlobalNomad | 글로벌 액티비티 예약 플랫폼" />
     <meta name="twitter:description" content="전 세계 액티비티·체험을 한 번에 예약하세요." />
-    <meta name="twitter:image" content="https://globalnomad-team6.vercel.app/image/GlobalNomad.webp" />
+    <meta name="twitter:image" content="https://globalnomad-team6.vercel.app/GlobalNomad.webp" />
 
     <link
       rel="stylesheet"

src/assets/icons/index.ts

@@ -6,10 +6,9 @@ export { default as Bell } from './header/bell.svg';
 export { default as ProfileLg } from './header/default-profile-lg.svg';
 export { default as ProfileMd } from './header/default-profile-md.svg';
 export { default as ProfileSm } from './header/default-profile-sm.svg';
-export { default as FaceBook } from './footer/facebook.svg';
-export { default as X } from './footer/x.svg';
-export { default as Instagram } from './footer/instagram.svg';
 export { default as Youtube } from './footer/youtube.svg';
+export { default as Github } from './footer/github.svg';
+export { default as Notion } from './footer/notion.svg';
 export { default as ArrowDown } from './page/arrow_down.svg';
 export { default as ArrowRight } from './page/arrow_right.svg';
 export { default as ArrowUp } from './page/arrow_up.svg';

src/components/common/Footer/Footer.tsx

@@ -36,7 +36,7 @@ const Footer = () => {
         {/* 모바일 하단 + PC 전체 한 줄 */}
         <div className='flex items-center justify-between md:h-full'>
           {/* 왼쪽: 카피라이트 */}
-          <span className='text-sm text-gray-400'>&copy; codeit - 2023</span>
+          <span className='text-sm text-gray-400'>&copy; codeit - 2026</span>
 
           {/* 가운데: PC 전용 정책 / FAQ */}
           <div className='hidden md:flex'>

src/components/common/Footer/FooterSNS.tsx

@@ -13,21 +13,24 @@
  * - 접근성을 고려하여 모든 링크에 `aria-label`을 제공합니다.
  */
 
-import { FaceBook, Instagram, X, Youtube } from '@/assets/icons';
+import { Youtube, Github, Notion } from '@/assets/icons';
 
 const snsLinks = [
   {
-    Icon: FaceBook,
-    label: '페이스북으로 이동',
-    href: '#',
+    Icon: Youtube,
+    label: '유튜브로 이동',
+    href: 'https://www.youtube.com/?app=desktop&hl=ko&gl=KR',
   },
   {
-    Icon: Instagram,
-    label: '인스타그램으로 이동',
-    href: '#',
+    Icon: Github,
+    label: '깃허브로 이동',
+    href: 'https://github.com/Codeit-FE19-Part4-Team6/GlobalNomad',
+  },
+  {
+    Icon: Notion,
+    label: '노션으로 이동',
+    href: 'https://www.notion.so/PART4-6-GlobalNomad-2c356c5be06980c3898df2ff5decf023?source=copy_link',
   },
-  { Icon: Youtube, label: '유튜브로 이동', href: '#' },
-  { Icon: X, label: 'X로 이동', href: '#' },
 ];
 
 const FooterSNS = () => {

src/components/common/card/CardImage.tsx

@@ -10,17 +10,20 @@ import { cn } from '@/utils/cn';
  *
  * <Card.Image src="..." alt="..." />
  */
+
 export default function CardImage({ src, alt }: { src?: string; alt?: string }) {
   const { variant } = useCardContext();
 
   const imageWrapperStyle = {
-    grid: 'aspect-square h-38.75 w-full overflow-hidden rounded-[18px_18px_0_0] md:h-86.75 md:rounded-[32px_32px_0_0] lg:h-72.5',
-    list: 'h-20.5 w-20.5 shrink-0 lg:h-35.5 lg:w-35.5',
+    grid: 'group aspect-square h-38.75 w-full overflow-hidden rounded-[18px_18px_0_0] md:h-86.75 md:rounded-[32px_32px_0_0] lg:h-72.5',
+    list: 'group h-20.5 w-20.5 shrink-0 overflow-hidden lg:h-35.5 lg:w-35.5',
     reservation:
-      'aspect-square h-34 min-h-38.25 w-34 shrink-0 overflow-hidden rounded-[0_24px_24px_0] bg-gray-100 lg:h-45.25 lg:w-45.25 lg:rounded-[0_32px_32px_0] relative z-0 -ml-6 lg:-ml-10',
+      'group aspect-square h-34 min-h-38.25 w-34 shrink-0 overflow-hidden rounded-[0_24px_24px_0] bg-gray-100 lg:h-45.25 lg:w-45.25 lg:rounded-[0_32px_32px_0] relative z-0 -ml-6 lg:-ml-10',
   }[variant];
 
-  const imgStyle = 'h-full w-full object-cover';
+  const imgStyle =
+    'h-full w-full object-cover transition-all duration-300 ease-out group-hover:scale-[1.03] group-hover:brightness-93';
+
   const listImgStyle = variant === 'list' ? 'rounded-[20px] lg:rounded-4xl' : '';
 
   return (

src/pages/ActivityDetail/ActivityReviews.tsx

@@ -38,7 +38,7 @@ export default function ActivityReviews({ activityId }: ActivityReviewsProps) {
   if (isLoading) {
     return (
       <section className='mb-10 border-t border-gray-100 pt-10'>
-        <div className='flex h-[200px] items-center justify-center'>
+        <div className='flex h-50 items-center justify-center'>
           <span className='font-md-medium text-gray-500'>후기를 불러오는 중...</span>
         </div>
       </section>
@@ -53,8 +53,8 @@ export default function ActivityReviews({ activityId }: ActivityReviewsProps) {
             체험 후기
           </Title>
         </div>
-        <div className='flex h-[200px] items-center justify-center'>
-          <span className='font-md-medium text-gray-500'>아직 후기가 없습니다.</span>
+        <div className='flex h-50 items-center justify-center'>
+          <span className='font-md-medium text-gray-500'>아직 등록된 후기가 없습니다.</span>
         </div>
       </section>
     );