diff --git a/index.html b/index.html index 5d5dfb2..e6e4ac5 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,9 @@ - + @@ -26,7 +28,7 @@ - + - - \ No newline at end of file diff --git a/src/assets/icons/footer/github.svg b/src/assets/icons/footer/github.svg new file mode 100755 index 0000000..f5d9218 --- /dev/null +++ b/src/assets/icons/footer/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/footer/instagram.svg b/src/assets/icons/footer/instagram.svg deleted file mode 100644 index 2433860..0000000 --- a/src/assets/icons/footer/instagram.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/assets/icons/footer/notion.svg b/src/assets/icons/footer/notion.svg new file mode 100644 index 0000000..f44bd1c --- /dev/null +++ b/src/assets/icons/footer/notion.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/footer/x.svg b/src/assets/icons/footer/x.svg deleted file mode 100644 index fa2f7b9..0000000 --- a/src/assets/icons/footer/x.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts index 931132b..d0e8d36 100644 --- a/src/assets/icons/index.ts +++ b/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'; diff --git a/src/components/common/Footer/Footer.tsx b/src/components/common/Footer/Footer.tsx index 7eb4021..482a826 100644 --- a/src/components/common/Footer/Footer.tsx +++ b/src/components/common/Footer/Footer.tsx @@ -36,7 +36,7 @@ const Footer = () => { {/* 모바일 하단 + PC 전체 한 줄 */}
{/* 왼쪽: 카피라이트 */} - © codeit - 2023 + © codeit - 2026 {/* 가운데: PC 전용 정책 / FAQ */}
diff --git a/src/components/common/Footer/FooterSNS.tsx b/src/components/common/Footer/FooterSNS.tsx index 09fe456..8e257ea 100644 --- a/src/components/common/Footer/FooterSNS.tsx +++ b/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 = () => { diff --git a/src/components/common/card/CardImage.tsx b/src/components/common/card/CardImage.tsx index 10dc05b..09ccf60 100644 --- a/src/components/common/card/CardImage.tsx +++ b/src/components/common/card/CardImage.tsx @@ -10,17 +10,20 @@ import { cn } from '@/utils/cn'; * * */ + 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 ( diff --git a/src/pages/ActivityDetail/ActivityReviews.tsx b/src/pages/ActivityDetail/ActivityReviews.tsx index 6edf73e..7d8eba8 100644 --- a/src/pages/ActivityDetail/ActivityReviews.tsx +++ b/src/pages/ActivityDetail/ActivityReviews.tsx @@ -38,7 +38,7 @@ export default function ActivityReviews({ activityId }: ActivityReviewsProps) { if (isLoading) { return (
-
+
후기를 불러오는 중...
@@ -53,8 +53,8 @@ export default function ActivityReviews({ activityId }: ActivityReviewsProps) { 체험 후기
-
- 아직 후기가 없습니다. +
+ 아직 등록된 후기가 없습니다.
);