hmw1001
87 lines
4.2 KiB
PHP
87 lines
4.2 KiB
PHP
<?php
|
|
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
|
|
|
// CSS와 JS 파일의 버전을 파일 수정 시간으로 자동 갱신
|
|
$module_css_path = './module.css';
|
|
$module_js_path = './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">×</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="./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 = './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>
|