From a7497ad90e1894df90d3271874b18427fbf8f728 Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:25:47 +0900 Subject: [PATCH 01/14] feat(home): modernize landing layout and visual hierarchy --- app/(home)/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx index 4d4a220..5c19ac6 100644 --- a/app/(home)/page.tsx +++ b/app/(home)/page.tsx @@ -9,7 +9,7 @@ import PageBackground from '@/components/common/page-background/page-background' export default function HomePage() { return ( - +
From 89f086f8b2950c8876de53bf97644f51dd0a9c68 Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:26:12 +0900 Subject: [PATCH 02/14] refactor(home): rebuild hero section with split content and report preview --- app/(home)/_section/HeroSection.tsx | 181 +++++++++++++++------------- 1 file changed, 97 insertions(+), 84 deletions(-) diff --git a/app/(home)/_section/HeroSection.tsx b/app/(home)/_section/HeroSection.tsx index 20607bf..5ae7021 100644 --- a/app/(home)/_section/HeroSection.tsx +++ b/app/(home)/_section/HeroSection.tsx @@ -1,101 +1,114 @@ -import { Check, Sparkles, Star } from 'lucide-react'; -import { Card, CardContent } from '@/components/ui/card'; +import { ArrowRight, BadgeCheck, Check, Clock3, LineChart, ShieldCheck, Sparkles } from 'lucide-react'; import Link from 'next/link'; import { Button } from '@/components/ui/button'; export default function HeroSection() { return ( -
-
-
-
-
+
+
+
+
+
-
-
-
- - AI 기반 개인 맞춤 스타일링 -
+
+
+
+
+ + AI 기반 개인 맞춤 스타일링 +
-

- 나만의 -
- - 완벽한 스타일 - -
- 을 찾아보세요 -

+

+ 결제 후 바로 받는 +
+ + 프리미엄 스타일 리포트 + +

-

- 17가지 정밀한 골격 분석으로 당신에게 가장 잘 어울리는 스타일을 찾아드려요. -
- 전문 스타일리스트의 노하우가 담긴 맞춤형 가이드를 받아보세요. -

+

+ 골격 진단 결과를 끝내지 않고, 실제 코디에 바로 쓰는 추천/주의/보완 포인트까지 한 번에 제공합니다. +

- {/* Service Card */} -
- - -
- 👗 -
-

AI 골격진단

-

정확하고 세심한 맞춤 스타일링

-
- 30,000원 - 0원 -
🎉 런칭 이벤트
-
-
    -
  • - - 17문항 정밀 골격 분석 -
    • -
  • - - 개인 맞춤 스타일링 가이드 -
    • -
  • - - 개인 맞춤 패션 제품 추천 -
    • -
  • - - 액세서리 스타일링 팁 -
    • -
  • - - 체형별 코디 가이드 -
    • -
  • - - 카카오톡 채널로 연락주시면 1:1 상담을 통해 더 자세한 정보를 드립니다 -
    • -
- - - - - +
+ + + 10분 내 완료 + + + + 개인 맞춤 분석 + + + + 결과 PDF 저장 + +
+ +
+ + + + + 서비스 살펴보기 + +
+ +
+
+

1,000+

+

누적 진단

+
+
+

99%

+

만족도

+
+
+

PDF

+

리포트 제공

+
+
-
-
-
10,000+
-
만족한 고객
+
+
+

RESULT PREVIEW

+ + 분석 완료 + +
+
+

진단 타입

+

웨이브 타입

+

곡선을 살리는 실루엣이 강점을 극대화합니다.

-
-
99%
-
만족도
+ +
+ {[ + '추천: 허리 라인이 보이는 자켓', + '피해야 할 스타일: 과한 박시 핏 상의', + '보완 팁: 목선이 열린 상의로 밸런스 조절', + ].map((item, index) => ( +
+ + {item} +
+ ))}
-
-
무료
-
이벤트 중
+ +
+ + 리포트 PDF로 저장해서 쇼핑할 때 바로 참고
From b13e5e91ded47ba85f40b4ae37286f5419a430fa Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:26:13 +0900 Subject: [PATCH 03/14] refactor(home): redesign service features into card-based structure --- .../_section/ServiceFeaturesSection.tsx | 133 ++++++++---------- 1 file changed, 59 insertions(+), 74 deletions(-) diff --git a/app/(home)/_section/ServiceFeaturesSection.tsx b/app/(home)/_section/ServiceFeaturesSection.tsx index a36b903..c43d5b1 100644 --- a/app/(home)/_section/ServiceFeaturesSection.tsx +++ b/app/(home)/_section/ServiceFeaturesSection.tsx @@ -1,96 +1,80 @@ -import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; +import { Card, CardContent } from '@/components/ui/card'; import SectionHeader from '@/components/common/section-header/section-header'; +import { Brain, Palette, Shirt } from 'lucide-react'; export default function ServiceFeaturesSection() { return ( -
+
-
- - - - 💄 - AI 퍼스널 스타일링 - - - -
-
- 30,000원 - 0원 +
+ {[ + { + title: '정밀 골격 분석', + description: '설문 기반으로 체형 강점과 실루엣 특성을 분류합니다.', + icon: , + tone: 'border-rose-200 bg-rose-50/70', + }, + { + title: '개인화 스타일 가이드', + description: '추천/주의/보완 포인트를 실행 가능한 문장으로 제공합니다.', + icon: , + tone: 'border-amber-200 bg-amber-50/70', + }, + { + title: '코디 중심 결과물', + description: '쇼핑과 코디에 바로 쓸 수 있는 요약형 PDF를 생성합니다.', + icon: , + tone: 'border-sky-200 bg-sky-50/70', + }, + ].map((feature) => ( + + +
{feature.icon}
+

{feature.title}

+

{feature.description}

+ + + ))} +
+ +
+ + +
+
+

현재 제공 범위

+

AI 퍼스널 스타일링 리포트

-
- 🎉 런칭 기념 무료 이벤트 +
+

정가 30,000원

+

런칭 이벤트 0원

-

- 최신 AI 기술로 정확한 골격 분석을 받고, 전문 스타일리스트가 설계한 맞춤형 스타일링 - 가이드를 무료로 만나보세요! -

-
-
-

- ✨ - 포함 서비스 -

-
    -
  • - 👗 - 17문항 정밀 골격 진단 -
    • -
  • - 🎨 - 개인 맞춤 스타일링 가이드 -
    • -
  • - 🛍️ - 개인 맞춤 패션 제품 추천 -
    • -
  • - 💎 - 액세서리 스타일링 팁 -
    • +
    +
    +

    포함 항목

    +
      +
    • 15문항 정밀 골격 진단
      • +
    • 개인 맞춤 스타일링 가이드
      • +
    • 패션 제품 및 액세서리 추천
    -
    -

    - 💎 - 특별 혜택 -

    -
      -
    • - ⚡ - 즉시 결과 확인 (10분) -
      • -
    • - 📱 - 모바일 최적화 가이드 -
      • -
    • - 👔 - 체형별 코디 가이드 -
      • -
    • - ♾️ - 평생 활용 가능 -
      • +
      +

      이런 분께 추천

      +
        +
      • 옷을 살 때 확신이 필요한 분
        • +
      • 체형에 맞는 실루엣이 궁금한 분
        • +
      • 빠르게 스타일 방향을 잡고 싶은 분
    - -
    -

    - 이런 분께 추천: 나에게 어울리는 스타일을 찾고 싶은 분, 쇼핑할 때 - 확신이 필요한 분, 이미지 변신을 원하는 분 -

    -
    @@ -98,3 +82,4 @@ export default function ServiceFeaturesSection() {
); } + From e544734d502ca3ca20adb0f46e3492d779b5437b Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:26:14 +0900 Subject: [PATCH 04/14] style(home): refresh CTA section with high-contrast dark theme --- app/(home)/_section/CTASection.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/app/(home)/_section/CTASection.tsx b/app/(home)/_section/CTASection.tsx index 654b8cf..d1064fe 100644 --- a/app/(home)/_section/CTASection.tsx +++ b/app/(home)/_section/CTASection.tsx @@ -4,23 +4,23 @@ import { ArrowRight, Clock } from 'lucide-react'; export default function CTASection() { return ( -
+

나만의 스타일을 무료로 찾아보세요

-

+

런칭 기념 무료 이벤트! 평생 써먹을 수 있는 나만의 스타일 가이드를 지금 받아보세요

-
+
10분 만에 완료
@@ -28,4 +28,4 @@ export default function CTASection() {
); -} \ No newline at end of file +} From b0d5681bd92d96441e73985ac0e15be46f18c81c Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:26:14 +0900 Subject: [PATCH 05/14] fix(copy): update FAQ question count from 17 to 15 --- app/(home)/_section/FAQSection.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(home)/_section/FAQSection.tsx b/app/(home)/_section/FAQSection.tsx index b9e0a64..35c9449 100644 --- a/app/(home)/_section/FAQSection.tsx +++ b/app/(home)/_section/FAQSection.tsx @@ -25,7 +25,7 @@ export default function FAQSection() {
- 총 17개의 질문에 답변하는데 약 10-15분 정도 소요됩니다. 각 질문은 선택형으로 되어있어 + 총 15개의 질문에 답변하는데 약 10-15분 정도 소요됩니다. 각 질문은 선택형으로 되어있어 빠르게 진행할 수 있으며, 결제 완료 후 즉시 진단을 시작할 수 있습니다. 진단 결과는 설문 완료 즉시 확인 가능합니다. From c9c467cfe59701a71265f7fe71098c4dea02c339 Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:26:15 +0900 Subject: [PATCH 06/14] fix(copy): update apply service info question count to 15 --- app/apply/components/service-info/ServiceInfo.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/apply/components/service-info/ServiceInfo.tsx b/app/apply/components/service-info/ServiceInfo.tsx index 027d885..3d823d8 100644 --- a/app/apply/components/service-info/ServiceInfo.tsx +++ b/app/apply/components/service-info/ServiceInfo.tsx @@ -1,4 +1,4 @@ -import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; +import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Check } from 'lucide-react'; import type React from 'react'; @@ -23,7 +23,7 @@ export default function ServiceInfo() {
  • - AI 기반 17문항 골격 진단 + AI 기반 15문항 골격 진단
  • @@ -64,3 +64,4 @@ export default function ServiceInfo() {
); } + From 9335cdc579de2a8b7fa9746210a341135cc4b1c7 Mon Sep 17 00:00:00 2001 From: Tnalxmsk Date: Tue, 3 Mar 2026 15:26:16 +0900 Subject: [PATCH 07/14] fix(copy): update complete step question count to 15 --- app/complete/_section/NextSteps.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/complete/_section/NextSteps.tsx b/app/complete/_section/NextSteps.tsx index b21149e..a3934df 100644 --- a/app/complete/_section/NextSteps.tsx +++ b/app/complete/_section/NextSteps.tsx @@ -21,7 +21,7 @@ export default function NextSteps() {

골격진단 설문 진행

- 17개의 질문에 답변하여 정확한 골격 타입을 분석받으세요. 약 10-15분 소요됩니다. + 15개의 질문에 답변하여 정확한 골격 타입을 분석받으세요. 약 10-15분 소요됩니다.

-
-
- - yourmode0604@gmail.com + + {isSubmitted ? ( +
+ +

문의가 접수되었습니다

+

+ 확인 후 등록하신 이메일로 답변드릴게요. +

+
-
+ ) : ( +
+
+ + setHoneypot(event.target.value)} + tabIndex={-1} + autoComplete='off' + /> +
+ +
+ + setName(event.target.value)} + placeholder='홍길동' + maxLength={40} + className='w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-rose-400 focus:outline-none' + required + /> +
+ +
+ + setEmail(event.target.value)} + placeholder='name@example.com' + maxLength={100} + className='w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-rose-400 focus:outline-none' + required + /> +
+ +
+ + +
+ +
+ +