[Release] feat: 골프 집중 - 배너 UI 개선 및 콘도·피트니스 카테고리 숨김

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('카테고리 버튼 클릭 시 활성화된다', () => {

src/app/(main)/home/page.tsx

@@ -1,24 +1,17 @@
 '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'
 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,16 +41,14 @@ function LoginBanner() {
           </g>
         </svg>
         Google로 계속하기
-      </Button>
+      </button>
     </div>
   )
 }
 
 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"

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({

src/app/login/__tests__/page.test.tsx

@@ -1,4 +1,4 @@
 import { render, screen, fireEvent } from '@testing-library/react'
 import LoginPage from '../page'
 
 const mockReplace = jest.fn()
@@ -17,7 +17,7 @@
   it('서비스 소개 텍스트를 렌더링한다', () => {
     render(<LoginPage />)
     expect(screen.getByText('MembershipFlow')).toBeInTheDocument()
-    expect(screen.getByText('여러 거래소 시세를 한 번에')).toBeInTheDocument()
+    expect(screen.getByText('여러 골프거래소 시세를 한눈에')).toBeInTheDocument()
   })
 
   it('3개 기능 아이콘을 렌더링한다', () => {

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">

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">