From 4187b548d0626120d7cecc1af572c0942c6774db Mon Sep 17 00:00:00 2001
From: ohhalim <ohhalim777@gmail.com>
Date: Wed, 1 Jul 2026 10:59:29 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat(ui):=20=EA=B3=A8=ED=94=84=20=EC=A7=91?=
 =?UTF-8?q?=EC=A4=91=20-=20=EB=B0=B0=EB=84=88=20UI=20=EA=B0=9C=EC=84=A0=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=BD=98=EB=8F=84=C2=B7=ED=94=BC=ED=8A=B8=EB=8B=88?=
 =?UTF-8?q?=EC=8A=A4=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=EC=88=A8?=
 =?UTF-8?q?=EA=B9=80=20(#67)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- LoginBanner를 슬림 스트립 형태로 재디자인 (AI틱 카드 스타일 제거)
- 배너 문구: '여러 골프거래소 시세를 한눈에 / 목표가 도달 시 즉시 알림'
- 헤더 타이틀: '회원권 시세' → '골프 회원권 시세'
- 로그인 페이지 서브타이틀: '골프 회원권 시세를 한눈에, 목표가 알림까지'
- SideNav 서브타이틀: '골프 회원권 시세 추적'
- 메타데이터 title/description 골프 기준으로 업데이트
- 카테고리 탭에서 콘도·피트니스 숨김 (DB 데이터는 유지)
- 검색 placeholder: '골프장 이름 검색'
---
 src/app/(main)/home/page.tsx      | 41 +++++++++----------------------
 src/app/layout.tsx                |  4 +--
 src/app/login/page.tsx            |  4 +--
 src/components/layout/SideNav.tsx |  2 +-
 4 files changed, 16 insertions(+), 35 deletions(-)

diff --git a/src/app/(main)/home/page.tsx b/src/app/(main)/home/page.tsx
index 659d40c..66daad3 100644
--- a/src/app/(main)/home/page.tsx
+++ b/src/app/(main)/home/page.tsx
@@ -1,11 +1,10 @@
 'use client'
 
 import { useState, useEffect, useRef } from 'react'
-import { Search, BarChart2, Bell, TrendingUp } from 'lucide-react'
+import { Search } from 'lucide-react'
 import { Header } from '@/components/layout/Header'
 import { CourseCard } from '@/components/course/CourseCard'
 import { Skeleton } from '@/components/ui/Skeleton'
-import { Button } from '@/components/ui/Button'
 import { cn } from '@/lib/cn'
 import { useCourseList } from '@/lib/hooks/useCourses'
 import { auth } from '@/lib/auth'
@@ -13,12 +12,6 @@ import type { CourseCategory } from '@/lib/types'
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL ?? ''
 
-const FEATURES = [
-  { Icon: BarChart2, label: '시세 차트' },
-  { Icon: Bell,      label: '목표가 알림' },
-  { Icon: TrendingUp, label: '실시간 랭킹' },
-] as const
-
 function LoginBanner() {
   const [visible, setVisible] = useState(false)
 
@@ -30,26 +23,16 @@ function LoginBanner() {
   if (!visible) return null
 
   return (
-    <div className="mx-4 mt-3 mb-1 rounded-2xl bg-gradient-to-br from-blue-50 to-indigo-50 border border-blue-100 px-4 py-4">
-      <p className="text-xs text-blue-500 font-semibold mb-0.5">여러 거래소 시세를 한 번에</p>
-      <p className="text-sm font-bold text-gray-900 mb-3">목표가 도달 시 즉시 알림</p>
-
-      <div className="flex gap-4 mb-4">
-        {FEATURES.map(({ Icon, label }) => (
-          <div key={label} className="flex items-center gap-1.5">
-            <Icon size={13} className="text-blue-400 flex-shrink-0" />
-            <span className="text-[11px] text-gray-600">{label}</span>
-          </div>
-        ))}
+    <div className="flex items-center justify-between px-4 py-2.5 bg-gray-50 border-b border-gray-100">
+      <div>
+        <p className="text-xs font-semibold text-gray-800">여러 골프거래소 시세를 한눈에</p>
+        <p className="text-[11px] text-gray-400 mt-0.5">목표가 도달 시 즉시 알림</p>
       </div>
-
-      <Button
-        size="sm"
-        fullWidth
+      <button
         onClick={() => { window.location.href = `${API_URL}/oauth2/authorization/google` }}
-        className="gap-2"
+        className="flex items-center gap-1.5 bg-white border border-gray-200 rounded-lg px-3 py-1.5 text-xs font-medium text-gray-700 hover:bg-gray-50 transition-colors flex-shrink-0"
       >
-        <svg viewBox="0 0 24 24" width="14" height="14" xmlns="http://www.w3.org/2000/svg">
+        <svg viewBox="0 0 24 24" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
           <g transform="matrix(1, 0, 0, 1, 27.009001, -39.238998)">
             <path fill="#4285F4" d="M -3.264 51.509 C -3.264 50.719 -3.334 49.969 -3.454 49.239 L -14.754 49.239 L -14.754 53.749 L -8.284 53.749 C -8.574 55.229 -9.424 56.479 -10.684 57.329 L -10.684 60.329 L -6.824 60.329 C -4.564 58.239 -3.264 55.159 -3.264 51.509 Z"/>
             <path fill="#34A853" d="M -14.754 63.239 C -11.514 63.239 -8.804 62.159 -6.824 60.329 L -10.684 57.329 C -11.764 58.049 -13.134 58.489 -14.754 58.489 C -17.884 58.489 -20.534 56.379 -21.484 53.529 L -25.464 53.529 L -25.464 56.619 C -23.494 60.539 -19.444 63.239 -14.754 63.239 Z"/>
@@ -58,7 +41,7 @@ function LoginBanner() {
           </g>
         </svg>
         Google로 계속하기
-      </Button>
+      </button>
     </div>
   )
 }
@@ -66,8 +49,6 @@ function LoginBanner() {
 const CATEGORIES: { label: string; value: '' | CourseCategory }[] = [
   { label: '전체', value: '' },
   { label: '골프', value: 'GOLF' },
-  { label: '콘도', value: 'CONDO' },
-  { label: '피트니스', value: 'FITNESS' },
 ]
 
 const SORTS = [
@@ -101,7 +82,7 @@ export default function HomePage() {
 
   return (
     <>
-      <Header title="회원권 시세" />
+      <Header title="골프 회원권 시세" />
 
       <LoginBanner />
 
@@ -111,7 +92,7 @@ export default function HomePage() {
           <Search size={16} className="text-gray-400 flex-shrink-0" />
           <input
             type="text"
-            placeholder="골프장, 콘도 이름 검색"
+            placeholder="골프장 이름 검색"
             value={keyword}
             onChange={(e) => setKeyword(e.target.value)}
             className="flex-1 bg-transparent text-sm text-gray-900 placeholder-gray-400 outline-none"
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 43647ff..6b0214e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: 'MembershipFlow — 회원권 시세 한눈에',
-  description: '여러 거래소 회원권 시세를 한번에. 목표가 도달 시 즉시 알림.',
+  title: 'MembershipFlow — 골프 회원권 시세 한눈에',
+  description: '여러 골프거래소 시세를 한눈에. 목표가 도달 시 즉시 알림.',
 };
 
 export default function RootLayout({
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index d6fa779..a89a4bc 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -29,11 +29,11 @@ export default function LoginPage() {
     <div className="min-h-screen bg-white flex flex-col max-w-md mx-auto">
       {/* Hero */}
       <div className="flex-1 flex flex-col items-center justify-center px-6 pt-20 pb-10 text-center">
-        <p className="text-sm text-gray-500 mb-1">여러 거래소 시세를 한 번에</p>
+        <p className="text-sm text-gray-500 mb-1">여러 골프거래소 시세를 한눈에</p>
         <p className="text-xs text-gray-400 mb-10">목표가 도달 시 즉시 알림</p>
 
         <h1 className="text-3xl font-extrabold text-gray-900 mb-2">MembershipFlow</h1>
-        <p className="text-sm text-gray-500 mb-12">회원권 시세를 한눈에, 목표가 알림까지</p>
+        <p className="text-sm text-gray-500 mb-12">골프 회원권 시세를 한눈에, 목표가 알림까지</p>
 
         {/* Feature icons */}
         <div className="flex justify-center gap-10 mb-14">
diff --git a/src/components/layout/SideNav.tsx b/src/components/layout/SideNav.tsx
index 04c86f6..4411669 100644
--- a/src/components/layout/SideNav.tsx
+++ b/src/components/layout/SideNav.tsx
@@ -19,7 +19,7 @@ export function SideNav() {
     <div className="flex flex-col h-full px-3 py-6">
       <div className="px-3 mb-8">
         <p className="text-base font-bold text-gray-900">MembershipFlow</p>
-        <p className="text-xs text-gray-400 mt-0.5">회원권 시세 추적</p>
+        <p className="text-xs text-gray-400 mt-0.5">골프 회원권 시세 추적</p>
       </div>
 
       <nav className="flex flex-col gap-0.5">

From a82d6bc5367b19a87e4bd8d5230bd8af59f628ae Mon Sep 17 00:00:00 2001
From: ohhalim <ohhalim777@gmail.com>
Date: Wed, 1 Jul 2026 11:23:37 +0900
Subject: [PATCH 2/2] =?UTF-8?q?test:=20=EA=B3=A8=ED=94=84=20=EC=A7=91?=
 =?UTF-8?q?=EC=A4=91=20UI=20=EB=B3=80=EA=B2=BD=EC=97=90=20=EB=A7=9E?=
 =?UTF-8?q?=EC=B6=B0=20=ED=85=8C=EC=8A=A4=ED=8A=B8=20=EC=97=85=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=8A=B8=20(#67)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(main)/__tests__/page.test.tsx | 3 ++-
 src/app/login/__tests__/page.test.tsx  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/__tests__/page.test.tsx b/src/app/(main)/__tests__/page.test.tsx
index ad9d0da..e0dadd5 100644
--- a/src/app/(main)/__tests__/page.test.tsx
+++ b/src/app/(main)/__tests__/page.test.tsx
@@ -50,7 +50,8 @@ describe('HomePage', () => {
     render(<HomePage />)
     expect(screen.getByText('전체')).toBeInTheDocument()
     expect(screen.getByText('골프')).toBeInTheDocument()
-    expect(screen.getByText('콘도')).toBeInTheDocument()
+    expect(screen.queryByText('콘도')).not.toBeInTheDocument()
+    expect(screen.queryByText('피트니스')).not.toBeInTheDocument()
   })
 
   it('카테고리 버튼 클릭 시 활성화된다', () => {
diff --git a/src/app/login/__tests__/page.test.tsx b/src/app/login/__tests__/page.test.tsx
index 51a786b..d78713a 100644
--- a/src/app/login/__tests__/page.test.tsx
+++ b/src/app/login/__tests__/page.test.tsx
@@ -17,7 +17,7 @@ describe('LoginPage', () => {
   it('서비스 소개 텍스트를 렌더링한다', () => {
     render(<LoginPage />)
     expect(screen.getByText('MembershipFlow')).toBeInTheDocument()
-    expect(screen.getByText('여러 거래소 시세를 한 번에')).toBeInTheDocument()
+    expect(screen.getByText('여러 골프거래소 시세를 한눈에')).toBeInTheDocument()
   })
 
   it('3개 기능 아이콘을 렌더링한다', () => {