From 0d9fce4bdaea96f3254f4bfe9911c32b5e9151bf Mon Sep 17 00:00:00 2001 From: SeHyun Date: Wed, 7 Jan 2026 15:44:43 +0900 Subject: [PATCH] =?UTF-8?q?feat(guide):=20guide=20page=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/(public)/guide/page.tsx | 5 + src/screens/guide/ui/guide-screen.tsx | 175 +++++++++++++++++++ src/shared/config/routes.ts | 1 + src/widgets/hero-section/ui/hero-section.tsx | 19 +- 4 files changed, 192 insertions(+), 8 deletions(-) create mode 100644 src/app/(public)/guide/page.tsx create mode 100644 src/screens/guide/ui/guide-screen.tsx diff --git a/src/app/(public)/guide/page.tsx b/src/app/(public)/guide/page.tsx new file mode 100644 index 00000000..32bab968 --- /dev/null +++ b/src/app/(public)/guide/page.tsx @@ -0,0 +1,5 @@ +import GuideScreen from "@/screens/guide/ui/guide-screen"; + +export default function page() { + return ; +} diff --git a/src/screens/guide/ui/guide-screen.tsx b/src/screens/guide/ui/guide-screen.tsx new file mode 100644 index 00000000..e7c2efb9 --- /dev/null +++ b/src/screens/guide/ui/guide-screen.tsx @@ -0,0 +1,175 @@ +import { AuctionItemCard } from "@/entities/auction"; +import { Button, Input } from "@/shared/ui"; + +export default function GuideScreen() { + return ( +
+
+ 서비스 가이드 +

+ 가격이 내려가는 특별한 경매,
+ 네덜란드 경매를 시작하세요 +

+
+ +
+

네덜란드 경매란?

+

+ 시작 가격에서 시간이 지날수록 가격이 점점 낮아지는 역경매 방식입니다. +

+
+

+ 판매자는 기준 금액과
+ 시간 경과에 따른 하락 금액을 설정해요 +

+
+
+ +

5분

+ +
+
+
+ +

10,000원

+
+
+ +

12,000원

+
+
+ +

14,000원

+
+
+ +

16,000원

+
+
+
+
+ +
+

+ 시간이 지날수록 가격이 하락하고 +
+ 구매자는 눈치싸움을 바탕으로 +
+ 원하는 가격에서 빠르게 상품을 확보해요 +

+
+
+
+ +

5분

+ +
+
+
+ +

10,000원

+
+
+ +

12,000원

+
+
+ +

14,000원

+ +
+
+ +

16,000원

+
+
+
+ +
+
+
+ 상품 잘 도착했나요? +
+
오전 10:00
+
+
+ + 네 잘 받았습니다. 상품 상태 좋네요! + +
오전 10:00
+
+
+
+
+
+ +
+

구매자 가이드

+
+
+
+ 판매 품목 + 현재 판매중인 품목이에요 + +
+
+ 예정 품목 + 곧 판매가 시작해요! + +
+
+
+

상품 탐색

+ + 시간이 지날수록 가격이 하락하고,
+ 구매자는 원하는 가격에 빠르게 상품을 확보해요 + +
+ +
+

판매자 가이드

+
+
+
+ 판매 시작가 + +
+
+ 판매 최저가 (Stop Loss) + +
+
+ 가격 하락 단위 설정 + +
+
+ 경매 시작 일정 + +
+
+
+

상품 등록

+ + 판매자는 원하는 가격과 시간에 제품을 등록하고,
+ 경제 진행을 바탕으로 제품을 판매할 수 있어요. + +
+
+ ); +} diff --git a/src/shared/config/routes.ts b/src/shared/config/routes.ts index ff7113d7..6feb21e7 100644 --- a/src/shared/config/routes.ts +++ b/src/shared/config/routes.ts @@ -8,5 +8,6 @@ export const ROUTES = { search: "/search", payment: "/payments", myPage: "/users/me", + guide: "/guide", userReview: (sellerId: number | string) => `/users/${sellerId}/reviews`, } as const; diff --git a/src/widgets/hero-section/ui/hero-section.tsx b/src/widgets/hero-section/ui/hero-section.tsx index c1bbcb3e..36050fa3 100644 --- a/src/widgets/hero-section/ui/hero-section.tsx +++ b/src/widgets/hero-section/ui/hero-section.tsx @@ -1,8 +1,10 @@ import Image from "next/image"; +import Link from "next/link"; import { ArrowRight, TrendingDown } from "lucide-react"; import HeroAuction from "@/shared/assets/images/hero-auction.svg"; +import { ROUTES } from "@/shared/config/routes"; export function HeroSection() { return ( @@ -24,14 +26,15 @@ export function HeroSection() {

- - + + +