히어로 섹션에 Vimeo 영상을 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

.cursorrules

@@ -0,0 +1,36 @@
+# Cursor AI 전역 설정
+
+## 작업 완료 시 Git 커밋 메시지 자동 생성 규칙
+
+작업이 완료되면 항상 다음 형식으로 git 커밋 명령어를 제안하세요:
+
+### 커밋 메시지 형식
+```
+g "작업 요약: 변경된 파일 및 주요 내용"
+```
+
+### 커밋 메시지 작성 가이드
+1. **간결하고 명확한 요약**: 한 줄로 작업 내용을 요약
+2. **변경된 파일 포함**: 주요 수정 파일명을 언급
+3. **한국어 사용**: 프로젝트가 한국어로 진행되므로 커밋 메시지도 한국어로 작성
+4. **구체적인 변경사항**: "수정", "추가", "삭제" 등 동작을 명시
+
+### 예시
+- `g "히어로 섹션에 Vimeo 영상 추가 (etc/shutter.php)"`
+- `g "품질인정제도 가이드 페이지에 영상 설명 섹션 추가"`
+- `g "자동방화셔터 가이드: 영상 임베드 및 반응형 디자인 적용"`
+
+### 작업 완료 시 필수 동작
+작업이 완료되면 반드시 터미널 명령어를 다음 형식으로 제안하세요:
+
+```powershell
+g "작업 요약 내용"
+```
+
+이 명령어는 `git add .`, `git commit -m "메시지"`, `git push`를 자동으로 실행합니다.
+
+### 주의사항
+- 사용자가 명시적으로 요청하지 않는 한 실제로 git 명령어를 실행하지 마세요
+- 단지 제안만 하세요
+- 커밋 메시지는 작업 내용을 정확히 반영해야 합니다
+

etc/shutter.php

@@ -252,7 +252,7 @@
                     화재 시 연기와 열을 감지하여 생명을 지키는 자동 폐쇄 시스템.<br>
                     <strong class="text-white font-medium">강화된 2021 품질인정제도</strong>의 모든 기준을 제안합니다.
                 </p>
-                <div class="flex flex-col sm:flex-row justify-center gap-6">
+                <div class="flex flex-col sm:flex-row justify-center gap-6 mb-12">
                     <button onclick="scrollToSection('section-process')" class="fire-gradient hover:scale-105 active:scale-95 text-white font-bold py-4 px-10 rounded-2xl transition-all shadow-2xl glow-orange">
                         인정 절차 확인하기
                     </button>
@@ -260,6 +260,29 @@
                         현장 체크리스트
                     </button>
                 </div>
+                
+                <!-- Video Section -->
+                <div class="mt-16 max-w-4xl mx-auto animate-slide-up" style="animation-delay: 0.2s;">
+                    <div class="card-glass rounded-3xl p-6 md:p-8 overflow-hidden border border-white/10 hover:border-orange-500/30 transition-all">
+                        <div class="flex items-center justify-center gap-3 mb-6">
+                            <div class="w-2 h-2 bg-orange-500 rounded-full animate-pulse"></div>
+                            <h3 class="text-2xl md:text-3xl font-black text-white tracking-tight">
+                                <span class="fire-text-gradient">품질인정제도의 현실</span>
+                            </h3>
+                            <div class="w-2 h-2 bg-orange-500 rounded-full animate-pulse"></div>
+                        </div>
+                        <div class="relative w-full" style="padding-bottom: 56.25%; background: #000;">
+                            <iframe 
+                                src="https://player.vimeo.com/video/1151273154?title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479" 
+                                frameborder="0" 
+                                allow="autoplay; fullscreen; picture-in-picture" 
+                                allowfullscreen
+                                class="absolute top-0 left-0 w-full h-full rounded-2xl"
+                                style="border: none;">
+                            </iframe>
+                        </div>
+                    </div>
+                </div>
             </div>
         </header>