362 lines
22 KiB
PHP
362 lines
22 KiB
PHP
<?= $this->extend($viewDatas['layout']['layout']) ?>
|
|
<?= $this->section('content') ?>
|
|
<!-- Layout Middle Start -->
|
|
<div class="layout_top"><?= $this->include($viewDatas['layout']['layout'] . '/top'); ?></div>
|
|
<!-- Layout Middle Start -->
|
|
<!-- Hero Section -->
|
|
<section id="home" class="hero-section">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<h1 class="display-3 fw-bold mb-4">Enterprise-grade <span class="text-primary">Infrastructure</span>
|
|
</h1>
|
|
<p class="lead mb-5 text-light opacity-75">
|
|
High Performance • Secure • Low Latency<br>
|
|
도쿄 가야바초의 최첨단 IDC에서 제공하는 압도적 성능의 전용 서버 인프라.
|
|
</p>
|
|
<div class="d-flex justify-content-center gap-3">
|
|
<a href="#servers" class="btn btn-primary btn-lg px-5 py-3 fw-bold">서버 사양 보기</a>
|
|
<a href="#support" class="btn btn-outline-light btn-lg px-5 py-3 fw-bold">상담 및 문의</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Stats Bar -->
|
|
<section class="py-5 bg-white border-bottom">
|
|
<div class="container text-center">
|
|
<div class="row g-4">
|
|
<div class="col-6 col-lg-3">
|
|
<i class="fa-solid fa-microchip text-primary fa-2x mb-3"></i>
|
|
<h6 class="fw-bold">NVMe Gen4</h6>
|
|
<p class="small text-muted mb-0">엔터프라이즈 전용 SSD</p>
|
|
</div>
|
|
<div class="col-6 col-lg-3">
|
|
<i class="fa-solid fa-shield-halved text-primary fa-2x mb-3"></i>
|
|
<h6 class="fw-bold">DDoS Protected</h6>
|
|
<p class="small text-muted mb-0">실시간 L3/L4/L7 방어</p>
|
|
</div>
|
|
<div class="col-6 col-lg-3">
|
|
<i class="fa-solid fa-bolt text-primary fa-2x mb-3"></i>
|
|
<h6 class="fw-bold">100G Backbone</h6>
|
|
<p class="small text-muted mb-0">글로벌 고속 네트워크</p>
|
|
</div>
|
|
<div class="col-6 col-lg-3">
|
|
<i class="fa-solid fa-headset text-primary fa-2x mb-3"></i>
|
|
<h6 class="fw-bold">24/7 Monitoring</h6>
|
|
<p class="small text-muted mb-0">상주 엔지니어 지원</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Server Hosting Section -->
|
|
<section id="servers" class="py-5 bg-light">
|
|
<div class="container py-5">
|
|
<div class="text-center mb-5">
|
|
<h2 class="fw-bold mb-3">전용 서버 호스팅</h2>
|
|
<p class="text-muted">도쿄 IDC 기반의 최신 하드웨어 라인업을 확인하세요.</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
|
|
|
|
<!-- Proxmox 가상 서버 (추가 요청) -->
|
|
<div class="col">
|
|
<div class="server-card border-info" style="border-width: 2px;">
|
|
<div class="card-header-custom">
|
|
<div class="type-title text-info">Proxmox VPS</div>
|
|
<div class="type-subtitle text-info">고성능 가상 서버</div>
|
|
</div>
|
|
<div class="spec-list">
|
|
<div class="spec-item"><i class="fa-solid fa-check text-info"></i> <span
|
|
class="spec-label">Hypervisor:</span> <span class="spec-value">Proxmox VE
|
|
(KVM)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-info"></i> <span
|
|
class="spec-label">vCPU:</span> <span class="spec-value">Intel Xeon Gold
|
|
(Dedicated)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-info"></i> <span
|
|
class="spec-label">RAM:</span> <span class="spec-value">8GB ~ 64GB (No
|
|
Overselling)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-info"></i> <span
|
|
class="spec-label">Storage:</span> <span class="spec-value">Enterprise NVMe
|
|
SSD</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-info"></i> <span
|
|
class="spec-label">Feature:</span> <span class="spec-value">Snapshot, Backup, 웹
|
|
콘솔</span></div>
|
|
</div>
|
|
<div class="card-footer-custom">
|
|
<div class="price-text text-info">가격 문의</div>
|
|
<button class="btn btn-info btn-inquiry text-white shadow-sm">문의하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- B타입 -->
|
|
<div class="col">
|
|
<div class="server-card">
|
|
<div class="card-header-custom">
|
|
<div class="type-title">B타입</div>
|
|
<div class="type-subtitle text-blue">범용 서버</div>
|
|
</div>
|
|
<div class="spec-list">
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">CPU:</span> <span class="spec-value">Xeon (4 Core)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAM:</span> <span class="spec-value">16GB 이상</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">HDD:</span> <span class="spec-value">SSD 256GB x2 + SSD 500GB
|
|
x2</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAID 구성:</span> <span class="spec-value">RAID 1/1</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">주요 용도:</span> <span class="spec-value">모든 서비스 지원</span></div>
|
|
</div>
|
|
<div class="card-footer-custom">
|
|
<div class="price-text">월 45만원</div>
|
|
<button class="btn btn-primary btn-inquiry bg-blue shadow-sm">문의하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- C타입 (가장 인기) -->
|
|
<div class="col">
|
|
<div class="server-card card-featured shadow">
|
|
<div class="popular-badge">가장 인기</div>
|
|
<div class="card-header-custom">
|
|
<div class="type-title">C타입</div>
|
|
<div class="type-subtitle text-purple">고성능 서버</div>
|
|
</div>
|
|
<div class="spec-list">
|
|
<div class="spec-item"><i class="fa-solid fa-check text-purple"></i> <span
|
|
class="spec-label">CPU:</span> <span class="spec-value">Xeon (8 Core)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-purple"></i> <span
|
|
class="spec-label">RAM:</span> <span class="spec-value">16GB 이상</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-purple"></i> <span
|
|
class="spec-label">HDD:</span> <span class="spec-value">SSD 256GB x2 + SSD 500GB
|
|
x2</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-purple"></i> <span
|
|
class="spec-label">RAID 구성:</span> <span class="spec-value">RAID 1/1</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-purple"></i> <span
|
|
class="spec-label">주요 용도:</span> <span class="spec-value">모든 서비스 지원</span></div>
|
|
</div>
|
|
<div class="card-footer-custom">
|
|
<div class="price-text price-purple">월 55만원</div>
|
|
<button class="btn btn-primary btn-inquiry bg-purple shadow-sm">문의하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- D타입 -->
|
|
<div class="col">
|
|
<div class="server-card">
|
|
<div class="card-header-custom">
|
|
<div class="type-title">D타입</div>
|
|
<div class="type-subtitle text-blue">프리미엄 서버</div>
|
|
</div>
|
|
<div class="spec-list">
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">CPU:</span> <span class="spec-value">Xeon (12 Core)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAM:</span> <span class="spec-value">16GB 이상</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">HDD:</span> <span class="spec-value">SSD 256GB x2 + SSD 500GB
|
|
x2</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAID 구성:</span> <span class="spec-value">RAID 1/1</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">주요 용도:</span> <span class="spec-value">모든 서비스 지원</span></div>
|
|
</div>
|
|
<div class="card-footer-custom">
|
|
<div class="price-text">월 65만원</div>
|
|
<button class="btn btn-primary btn-inquiry bg-blue shadow-sm">문의하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- E타입 -->
|
|
<div class="col">
|
|
<div class="server-card">
|
|
<div class="card-header-custom">
|
|
<div class="type-title">E타입</div>
|
|
<div class="type-subtitle text-blue">엔터프라이즈 서버</div>
|
|
</div>
|
|
<div class="spec-list">
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">CPU:</span> <span class="spec-value">Xeon (20 Core)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAM:</span> <span class="spec-value">32GB 이상</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">HDD:</span> <span class="spec-value">SSD 256GB x2 + SSD 500GB
|
|
x2</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAID 구성:</span> <span class="spec-value">RAID 1/1</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">주요 용도:</span> <span class="spec-value">모든 서비스 지원</span></div>
|
|
</div>
|
|
<div class="card-footer-custom">
|
|
<div class="price-text">월 75만원</div>
|
|
<button class="btn btn-primary btn-inquiry bg-blue shadow-sm">문의하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- E2타입 -->
|
|
<div class="col">
|
|
<div class="server-card">
|
|
<div class="card-header-custom">
|
|
<div class="type-title">E2타입</div>
|
|
<div class="type-subtitle text-blue">최상위 서버</div>
|
|
</div>
|
|
<div class="spec-list">
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">CPU:</span> <span class="spec-value">Xeon (28 Core)</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAM:</span> <span class="spec-value">32GB 이상</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">HDD:</span> <span class="spec-value">SSD 256GB x2 + SSD 500GB
|
|
x2</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">RAID 구성:</span> <span class="spec-value">RAID 1/1</span></div>
|
|
<div class="spec-item"><i class="fa-solid fa-check text-success"></i> <span
|
|
class="spec-label">주요 용도:</span> <span class="spec-value">모든 서비스 지원</span></div>
|
|
</div>
|
|
<div class="card-footer-custom">
|
|
<div class="price-text">월 85만원</div>
|
|
<button class="btn btn-primary btn-inquiry bg-blue shadow-sm">문의하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Network & DDoS Section -->
|
|
<section id="network" class="py-5 bg-white">
|
|
<div class="container py-5">
|
|
<div class="row align-items-center g-5">
|
|
<div class="col-lg-6">
|
|
<h6 class="text-primary fw-bold text-uppercase mb-3">Network & Security</h6>
|
|
<h2 class="fw-bold mb-4">실시간 지능형 DDoS 방어 시스템</h2>
|
|
<p class="text-muted mb-4">단순한 트래픽 차단이 아닌, 정교한 데이터 정화 엔진(Scrubbing Center)을 통해 정상적인 비즈니스 트래픽만을 서버로
|
|
전달합니다.</p>
|
|
<ul class="list-unstyled">
|
|
<li class="mb-3 d-flex align-items-start"><i
|
|
class="fa-solid fa-check-circle text-success me-3 mt-1"></i> <span><strong>L3/L4
|
|
Mitigation:</strong> UDP/SYN Flood 완벽 대응</span></li>
|
|
<li class="mb-3 d-flex align-items-start"><i
|
|
class="fa-solid fa-check-circle text-success me-3 mt-1"></i> <span><strong>BGP +
|
|
Anycast:</strong> 전 세계 주요 거점에서 공격 분산 처리</span></li>
|
|
<li class="mb-3 d-flex align-items-start"><i
|
|
class="fa-solid fa-check-circle text-success me-3 mt-1"></i> <span><strong>Always-on
|
|
Protection:</strong> 1초 미만의 탐지 및 즉각 대응</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="scrubbing-box">
|
|
<div class="text-center text-white fw-bold mb-4 uppercase tracking-widest">트래픽 흐름도(Traffic Flow)
|
|
</div>
|
|
<div class="d-flex flex-column align-items-center gap-4">
|
|
<div class="flow-item w-100">전체 트래픽 (All Internet Traffic)</div>
|
|
<i class="fa-solid fa-arrow-down opacity-25"></i>
|
|
<div class="flow-item w-100 bg-primary border-primary text-white shadow-lg">DAEMON Clean Center
|
|
</div>
|
|
<i class="fa-solid fa-arrow-down opacity-25"></i>
|
|
<div class="flow-item w-100 border-success text-success fw-bold">정상 트래픽(Cleaned Data) -> 고객
|
|
서버(Client Server)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Data Center Section -->
|
|
<section id="datacenter" class="py-5 bg-light">
|
|
<div class="container py-5">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-5 order-2 order-lg-1">
|
|
<img src="https://images.unsplash.com/photo-1596272875729-ed2ff7d6d9c5?auto=format&fit=crop&q=80&w=800"
|
|
class="img-fluid rounded-4 shadow" alt="IDC Center">
|
|
</div>
|
|
<div class="col-lg-7 ps-lg-5 order-1 order-lg-2">
|
|
<h2 class="fw-bold mb-4">치바/도쿄 프리미엄 IDC</h2>
|
|
<p class="text-muted mb-5">아시아 비즈니스의 전략적 허브인 치바/도쿄에 위치하여 한국, 일본, 글로벌 트래픽을 가장 낮은 지연시간(Low Latency)으로
|
|
처리합니다.
|
|
</p>
|
|
<div class="row g-4">
|
|
<div class="col-sm-6">
|
|
<h5 class="fw-bold"><i class="fa-solid fa-bolt-lightning text-warning me-2"></i> 전력 보장</h5>
|
|
<p class="small text-muted">N+1 이중화 시스템 설비로 최대 가용성 보장.</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<h5 class="fw-bold"><i class="fa-solid fa-snowflake text-info me-2"></i> 공조 시설</h5>
|
|
<p class="small text-muted">고밀도 서버의 열기를 완벽히 제어하는 기업용 냉방 시스템 완비.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Support Section -->
|
|
<section id="support" class="py-5 bg-white">
|
|
<div class="container py-5">
|
|
<div class="row g-5">
|
|
<div class="col-lg-5">
|
|
<h2 class="fw-bold mb-4">기술 지원 & 문의</h2>
|
|
<p class="text-muted mb-5">견적 문의, 기술 지원, 장애 접수 등 데몬 IDC 엔지니어와 직접 상담하세요.</p>
|
|
<div class="card bg-light border-0 p-4 rounded-4 mb-4">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="fa-brands fa-telegram fa-2x text-primary me-3"></i>
|
|
<div>
|
|
<div class="fw-bold">Telegram 실시간 상담</div>
|
|
<div class="small text-muted">@daemonidc</div>
|
|
</div>
|
|
</div>
|
|
<a href="https://telegram.me/daemonidc" target="blank" class="btn btn-primary w-100 fw-bold">상담
|
|
시작하기</a>
|
|
</div>
|
|
<div class="card bg-light border-0 p-4 rounded-4">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="fa-brands fa-discord fa-2x text-indigo me-3" style="color: #5865F2;"></i>
|
|
<div>
|
|
<div class="fw-bold">Discord 커뮤니티</div>
|
|
<div class="small text-muted">k6nQg84N</div>
|
|
</div>
|
|
</div>
|
|
<a href="https://discord.com/invite/k6nQg84N" target="blank"
|
|
class="btn btn-outline-dark w-100 fw-bold">커뮤니티 입장</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="card border-0 shadow-sm p-4 p-md-5 rounded-4 bg-light">
|
|
<form>
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<label class="form-label small fw-bold">성함 / 업체명</label>
|
|
<input type="text" class="form-control" placeholder="성함을 입력하세요">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label small fw-bold">이메일</label>
|
|
<input type="email" class="form-control" placeholder="contact@domain.com">
|
|
</div>
|
|
<div class="col-12">
|
|
<label class="form-label small fw-bold">문의 내용</label>
|
|
<textarea class="form-control" rows="5" placeholder="문의하실 내용을 상세히 적어주세요."></textarea>
|
|
</div>
|
|
<div class="col-12 mt-4">
|
|
<button type="button" class="btn btn-dark w-100 py-3 fw-bold">문의 접수하기</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Layout Middle End -->
|
|
<div class=" layout_footer"><?= $this->include("{$viewDatas['layout']['template']}/index_footer"); ?></div>
|
|
<div class="layout_bottom"><?= $this->include($viewDatas['layout']['layout'] . '/bottom'); ?></div>
|
|
<?= $this->endSection() ?>
|