mkdir fitness-membership-landing-page && cd fitness-membership-landing-page

이 폴더에서 Laravel 13.x 프로젝트를 시작합니다.

**요구사항:**
1. Laravel 13.x 최신 버전으로 새 프로젝트 생성 (composer create-project laravel/laravel .)
2. .env 파일에서 데이터베이스를 SQLite로 설정 (DB_CONNECTION=sqlite)
3. database/database.sqlite 파일 생성 (touch database/database.sqlite)
4. Tailwind CSS 설치 및 설정 (npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p)
5. tailwind.config.js에서 content 경로 설정: ["./resources/**/*.blade.php", "./resources/**/*.js"]
6. resources/css/app.css에 Tailwind 디렉티브 추가 (@tailwind base; @tailwind components; @tailwind utilities;)
7. vite.config.js 확인 및 npm run dev 실행 준비
8. 기본 welcome 페이지가 정상 작동하는지 확인 (php artisan serve)

프로젝트 초기 설정이 완료되면 "Laravel 13.x + Tailwind CSS 설정 완료" 메시지를 출력하세요.

**회원권 플랜 데이터 구조 및 메인 페이지 레이아웃 구성:**

1. 라우트 설정:
   - routes/web.php에 메인 페이지 라우트 추가: Route::get('/', [MembershipController::class, 'index'])->name('home');

2. MembershipController 생성 (php artisan make:controller MembershipController):
   - index() 메서드에서 3가지 회원권 플랜 배열 정의:
     * Basic: 월 50,000원, 1개월, 헬스장 이용만 가능
     * Standard: 월 80,000원, 3개월, 헬스장 + PT 2회 포함
     * Premium: 월 120,000원, 6개월, 헬스장 + PT 8회 + 락커 + 샤워실 이용
   - Standard 플랜에 'popular' => true 플래그 추가 (추천 배지용)
   - 플랜 배열을 Blade 뷰로 전달: return view('home', ['plans' => $plans]);

3. resources/views/home.blade.php 생성:
   - Tailwind CSS로 스타일링된 레이아웃 구성
   - 상단: 헬스장 이름 "FitZone Fitness" + 캐치프레이즈 (예: "당신의 건강한 변화, 지금 시작하세요!")
   - 중앙: 3개 플랜 카드를 그리드 레이아웃(grid grid-cols-1 md:grid-cols-3 gap-6)으로 배치
   - 각 플랜 카드에는:
     * 플랜 이름 (큰 제목)
     * 가격 (강조 텍스트, 예: "월 50,000원")
     * 이용 기간
     * 포함 서비스 목록 (체크 아이콘 + 텍스트)
     * "가입 신청" 버튼 (클릭 시 다음 단계에서 구현할 폼으로 이동)
   - popular 플랜에는 "Most Popular" 배지를 카드 상단에 표시 (배경색 강조)

4. Tailwind 스타일 가이드:
   - 카드: bg-white shadow-lg rounded-lg p-6 border
   - 인기 배지: bg-blue-500 text-white px-3 py-1 rounded-full text-sm
   - 버튼: bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg

5. npm run dev 실행 후 브라우저에서 확인 (http://localhost:8000)

카드 레이아웃이 예쁘게 정렬되고, 각 플랜 정보가 명확하게 보여야 합니다.

**가입 신청 폼 페이지 및 DB 마이그레이션 생성:**

1. 마이그레이션 파일 생성 (php artisan make:migration create_applications_table):
   - 테이블 구조:
     * id (primary key)
     * name (string, 신청자 이름)
     * phone (string, 연락처)
     * plan (string, 선택한 플랜명)
     * timestamps (생성일, 수정일)
   - php artisan migrate 실행하여 테이블 생성

2. Application 모델 생성 (php artisan make:model Application):
   - $fillable = ['name', 'phone', 'plan']; 설정

3. 라우트 추가 (routes/web.php):
   - Route::get('/apply/{plan}', [MembershipController::class, 'showApplyForm'])->name('apply.form');
   - Route::post('/apply', [MembershipController::class, 'submitApplication'])->name('apply.submit');

4. MembershipController에 메서드 추가:
   - showApplyForm($plan): 선택한 플랜명을 받아 신청 폼 페이지로 전달 (return view('apply', ['plan' => $plan]);)
   - submitApplication(Request $request): 폼 데이터 검증 및 DB 저장 후 완료 페이지로 리다이렉트

5. resources/views/apply.blade.php 생성:
   - 상단: "회원권 가입 신청" 제목 + 선택한 플랜명 표시 (예: "선택한 플랜: Standard")
   - 폼 필드:
     * 이름 (required, text)
     * 연락처 (required, text, placeholder: "010-1234-5678")
     * 선택한 플랜 (hidden input, value는 URL 파라미터에서 받은 플랜명)
   - 제출 버튼: "신청 완료" (bg-green-600 hover:bg-green-700)
   - 폼 action: {{ route('apply.submit') }}, method: POST, @csrf 토큰 포함

6. home.blade.php 수정:
   - 각 플랜 카드의 "가입 신청" 버튼에 링크 추가: href="{{ route('apply.form', ['plan' => $plan['name']]) }}"

7. 브라우저에서 테스트:
   - 메인 페이지에서 플랜 선택 → 신청 폼 페이지로 이동 확인
   - 폼에 선택한 플랜명이 자동으로 표시되는지 확인

**폼 검증 및 DB 저장 로직 구현 + 신청 완료 페이지:**

1. MembershipController의 submitApplication 메서드 구현:
   - 폼 검증 (Laravel Validation):
     * name: required|string|max:100
     * phone: required|string|regex:/^010-\d{4}-\d{4}$/ (010-1234-5678 형식)
     * plan: required|string|in:Basic,Standard,Premium
   - 검증 성공 시 Application 모델로 DB 저장:
     ```php
     Application::create([
         'name' => $request->name,
         'phone' => $request->phone,
         'plan' => $request->plan,
     ]);
     ```
   - 저장 후 완료 페이지로 리다이렉트: return redirect()->route('apply.success')->with('application', $request->only(['name', 'plan']));

2. 라우트 추가 (routes/web.php):
   - Route::get('/apply/success', [MembershipController::class, 'showSuccess'])->name('apply.success');

3. MembershipController에 showSuccess 메서드 추가:
   - return view('success');  (세션 데이터는 Blade에서 @session('application')로 접근)

4. resources/views/success.blade.php 생성:
   - 상단: 성공 메시지 "✅ 가입 신청이 완료되었습니다!"
   - 신청 내역 표시:
     * 신청자 이름
     * 선택한 플랜
     * 안내 메시지: "담당자가 곧 연락드릴 예정입니다."
   - 메인 페이지로 돌아가기 버튼: href="{{ route('home') }}"

5. apply.blade.php에 검증 에러 메시지 표시:
   - @error 디렉티브로 각 필드별 에러 메시지 출력 (예: @error('name') <p class="text-red-500 text-sm mt-1">{{ $message }}</p> @enderror)

6. 브라우저에서 전체 플로우 테스트:
   - 메인 페이지 → 플랜 선택 → 폼 작성 → 제출 → 완료 페이지
   - 잘못된 입력 시 검증 에러 메시지 표시 확인
   - DB에 데이터가 정상 저장되는지 확인 (php artisan tinker로 Application::all() 실행)

모든 기능이 정상 작동하면 "회원권 가입 신청 시스템 완성!" 메시지 출력.