first commit 2

theme/rb.basic/rb.custom/contact/module.php

@@ -0,0 +1,87 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// CSS와 JS 파일의 버전을 파일 수정 시간으로 자동 갱신
+$module_css_path = G5_THEME_PATH.'/rb.custom/contact/module.css';
+$module_js_path = G5_THEME_PATH.'/rb.custom/contact/module.js';
+$module_css_ver = file_exists($module_css_path) ? filemtime($module_css_path) : G5_CSS_VER;
+$module_js_ver = file_exists($module_js_path) ? filemtime($module_js_path) : G5_JS_VER;
+
+// 이 모듈만의 고유 ID를 생성합니다.
+$module_id = 'contact_module_'.uniqid();
+?>
+
+<!-- 모듈의 가장 바깥 요소에 고유 ID를 부여합니다. -->
+<div id="<?php echo $module_id; ?>" class="contact-module">
+
+    <!-- 💡 [핵심] 이 모듈에 종속된 모달 HTML (사용자가 제공한 디자인 적용) -->
+    <div class="contact-modal-local">
+        <div class="modal-overlay"></div>
+        <div class="modal-content-local">
+            <button type="button" class="modal-close">&times;</button>
+            <div class="section-header">
+                <span class="subtitle">Contact Us</span>
+                <h2>공간의 가능성을 열어보세요.</h2>
+                <p>성진미도어의 전문가와 상담하고, 당신의 공간에 꼭 맞는 솔루션을 찾아보세요.</p>
+            </div>
+            <div class="contact-wrapper">
+                <div class="contact-info">
+                    <h3>Information</h3>
+                    <div class="info-item"><strong>본사 및 전시장</strong><p>충청남도 아산시 음봉면 월산로 128-130</p></div>
+                    <div class="info-item"><strong>대표 연락처</strong><p>T. 041-532-0555 / H. 010-5434-4126</p></div>
+                    <div class="info-item"><strong>청주 전시장</strong><p>T. 043-235-2352 / H. 010-2066-4126</p></div>
+                    <div class="info-item"><strong>운영시간</strong><p>평일 09:00 - 18:00 (주말 및 공휴일 휴무)</p></div>
+                </div>
+                <form name="fcontactform_<?php echo $module_id; ?>" id="fcontactform_<?php echo $module_id; ?>" class="contact-form" method="post">
+                    <h3>상담 신청</h3>
+                    <div class="form-message-area"></div>
+                    <input type="text" name="contact_name" placeholder="이름" required>
+                    <input type="tel" name="contact_hp" placeholder="연락처" required>
+                    <input type="email" name="contact_email" placeholder="이메일" required>
+                    <textarea name="contact_message" placeholder="문의 내용을 입력해주세요." rows="5" required></textarea>
+                    <button type="submit" class="cta-button">상담 신청하기</button>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <!-- 💡 [핵심] 모듈의 실제 내용 (페이지에 표시될 부분) -->
+    <div class="contact-section-trigger">
+        <div class="container">
+            <div class="section-header">
+                <span class="subtitle">Get a Quote</span>
+                <h2>궁금한 점이 있으신가요?</h2>
+                <p>전문가의 상담을 통해 당신의 공간에 가장 적합한 솔루션을 찾아보세요.</p>
+            </div>
+            <button type="button" class="btn-open-contact-modal cta-button">무료 상담 신청하기</button>
+        </div>
+    </div>
+</div>
+
+<!-- 이 모듈에 필요한 CSS와 JS를 불러옵니다. -->
+<link rel="stylesheet" href="<?php echo G5_THEME_URL; ?>/rb.custom/contact/module.css?ver=<?php echo $module_css_ver; ?>">
+<script>
+    (function() {
+        const currentModuleId = '<?php echo $module_id; ?>';
+        const scriptId = 'contact-module-script';
+
+        if (document.getElementById(scriptId)) {
+            if (typeof window.initContactModule === 'function') {
+                window.initContactModule(currentModuleId);
+            }
+            return;
+        }
+
+        const script = document.createElement('script');
+        script.id = scriptId;
+        script.src = '<?php echo G5_THEME_URL; ?>/rb.custom/contact/module.js?ver=<?php echo $module_js_ver; ?>';
+        script.async = true;
+
+        script.onload = () => {
+            if (typeof window.initContactModule === 'function') {
+                window.initContactModule(currentModuleId);
+            }
+        };
+        document.head.appendChild(script);
+    })();
+</script>