Very Good Version !
This commit is contained in:
Wind
104
html/index.html
104
html/index.html
@@ -129,45 +129,92 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DCS SECTION -->
|
||||
<section id="dcs" class="py-32 bg-white">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center max-w-3xl mx-auto mb-24">
|
||||
<h2 class="text-blue-600 font-bold uppercase tracking-widest text-[11px] mb-4 font-industrial" data-i18n="dcs.badge">Advanced Control Systems</h2>
|
||||
<h3 class="text-4xl md:text-6xl font-light text-slate-900 mb-8 premium-kerning font-premium" data-i18n="dcs.title">DCS Integration</h3>
|
||||
<p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="dcs.desc">Enterprise-grade Distributed Control System architecture designed for the most critical industrial applications.</p>
|
||||
<div class="text-center max-w-3xl mx-auto mb-12">
|
||||
<h2 class="text-blue-600 font-bold uppercase tracking-widest text-[11px] mb-4 font-industrial" data-i18n="dcs.badge">
|
||||
Advanced Control Systems
|
||||
</h2>
|
||||
<h3 class="text-4xl md:text-6xl font-light text-slate-900 mb-8 premium-kerning font-premium" data-i18n="dcs.title">
|
||||
DCS Integration
|
||||
</h3>
|
||||
<p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="dcs.desc">
|
||||
Enterprise-grade Distributed Control System architecture designed for the most critical industrial applications.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid lg:grid-cols-2 gap-16 items-center max-w-6xl mx-auto">
|
||||
<div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="assets/images/dcsintegration.png?auto=format&fit=crop&q=80&w=1000" alt="DCS Control Room" class="w-full h-full object-cover"></div>
|
||||
<!-- 이미지 -->
|
||||
<div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl">
|
||||
<img src="assets/images/dcsintegration.png?auto=format&fit=crop&q=80&w=1000" alt="DCS Control Room" class="w-full h-full object-cover">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="space-y-18">
|
||||
<!-- Honeywell 로고 이미지 추가 -->
|
||||
<!-- Honeywell 로고 + 설명 (맨 위로 이동) -->
|
||||
<div class="mb-12">
|
||||
<img src="assets/images/honeywell-logo.svg" alt="Honeywell Logo" class="h-8 w-auto mb-4 object-contain">
|
||||
<p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f0.desc">
|
||||
Reliable DCS solutions with Honeywell's Experion PKS, ensuring seamless integration and optimal performance
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 아이콘 리스트 -->
|
||||
<div class="space-y-6">
|
||||
<div class="flex gap-6">
|
||||
<p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f0.desc">Reliable DCS solutions with Honeywell's Experion PKS, ensuring seamless integration and optimal performance</p></div>
|
||||
</div>
|
||||
<div class="flex gap-6">
|
||||
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-shield-alt"></i></div></div>
|
||||
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f1.title">Redundant Architecture</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f1.desc">Fault-tolerant systems with dual processing units ensuring 99.99% uptime</p></div>
|
||||
</div>
|
||||
<div class="flex gap-6">
|
||||
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-network-wired"></i></div></div>
|
||||
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f2.title">Real-time Communication</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f2.desc">Sub-millisecond response times with synchronized control across multiple nodes</p></div>
|
||||
<div class="flex-shrink-0">
|
||||
<div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f1.title">Redundant Architecture</h4>
|
||||
<p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f1.desc">
|
||||
Fault-tolerant systems with dual processing units ensuring 99.99% uptime
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-6">
|
||||
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-lock"></i></div></div>
|
||||
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f3.title">Security Certified</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f3.desc">IEC 62443 compliance with military-grade encryption protocols</p></div>
|
||||
<div class="flex-shrink-0">
|
||||
<div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white">
|
||||
<i class="fas fa-network-wired"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f2.title">Real-time Communication</h4>
|
||||
<p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f2.desc">
|
||||
Sub-millisecond response times with synchronized control across multiple nodes
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-6">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white">
|
||||
<i class="fas fa-lock"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f3.title">Security Certified</h4>
|
||||
<p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f3.desc">
|
||||
IEC 62443 compliance with military-grade encryption protocols
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12"><a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl font-bold shadow-lg transition-all inline-flex items-center gap-3 font-industrial text-xs tracking-widest uppercase" data-i18n="dcs.btn">Request Technical Specs</a></div>
|
||||
|
||||
<!-- 버튼 -->
|
||||
<div class="mt-12">
|
||||
<a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl font-bold shadow-lg transition-all inline-flex items-center gap-3 font-industrial text-xs tracking-widest uppercase" data-i18n="dcs.btn">
|
||||
Request Technical Specs
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BATCH PROCESS SECTION -->
|
||||
<section id="batch" class="pt-32 pb-32 bg-slate-50">
|
||||
<section id="batch" class="py-32 bg-slate-50">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center max-w-3xl mx-auto mb-8"> <!--아래 내용과의 간격 mb-16에서 줄임-->
|
||||
<h2 class="text-blue-600 font-bold uppercase tracking-widest text-[11px] mb-4 font-industrial" data-i18n="batch.badge">Process Automation</h2>
|
||||
@@ -203,8 +250,7 @@
|
||||
<div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="assets/images/BatchControl.png" alt="Batch Process" class="w-full h-full object-cover"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
<!-- DATABASE SERVER SECTION -->
|
||||
<section id="dbsvr" class="py-32 bg-white">
|
||||
<div class="container mx-auto px-6">
|
||||
@@ -301,7 +347,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-[2.5rem] overflow-hidden border border-slate-100 hover:border-blue-200 transition-all hover:shadow-2xl group">
|
||||
<div class="h-32 bg-gradient-to-br from-blue-50 to-blue-100 flex items-center justify-center"><svg class="w-20 h-20 text-blue-300 group-hover:text-blue-600 transition-colors"><use href="assets/images/icons/icons.svg#icon-xv"></use></svg></div>
|
||||
<div class="h-32 bg-gradient-to-br from-blue-50 to-blue-100 flex items-center justify-center"><svg class="w-16 h-16 text-blue-300 group-hover:text-blue-600 transition-colors"><use href="assets/images/icons/icons.svg#icon-xv"></use></svg></div>
|
||||
<div class="p-8"><h4 class="text-lg font-semibold text-slate-900 mb-3 font-premium" data-i18n="inst.i7.title">Shutoff Valves</h4><p class="text-slate-500 text-sm leading-relaxed mb-6 font-light" data-i18n="inst.i7.desc">Accelerometers and velocity sensors for predictive maintenance</p>
|
||||
<div class="space-y-2 text-xs text-slate-600 mb-6"><div class="flex gap-2"><i class="fas fa-check text-blue-600"></i> Automa</div><div class="flex gap-2"><i class="fas fa-check text-blue-600"></i> Proval</div><div class="flex gap-2"><i class="fas fa-check text-blue-600"></i> Flowserve</div></div>
|
||||
<!-- <a href="#contact" class="text-blue-600 font-bold text-xs uppercase tracking-widest hover:text-blue-700" data-i18n="inst.quote">Get Quote →</a> -->
|
||||
@@ -491,16 +537,16 @@
|
||||
<div class="grid lg:grid-cols-2 gap-20 items-center">
|
||||
<div class="relative">
|
||||
<div class="aspect-square rounded-[3rem] overflow-hidden shadow-2xl"><img src="assets/images/ControlRoom7.png" alt="About Hanmo" class="w-full h-full object-cover"></div>
|
||||
<div class="absolute -bottom-10 -right-10 p-10 bg-blue-600 text-white rounded-[2rem] shadow-2xl max-w-xs">
|
||||
<div class="absolute -bottom-10 -right-10 p-8 bg-blue-600 text-white rounded-[2rem] shadow-2xl max-w-xs">
|
||||
<div class="text-6xl font-extralight mb-4 font-premium">20+</div>
|
||||
<div class="text-xs font-bold uppercase tracking-widest leading-loose" data-i18n="about.years">Years of Industrial Excellence</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-10">
|
||||
<div class="mt-10">
|
||||
<h2 class="text-blue-600 font-bold uppercase tracking-widest text-[11px] mb-4 font-industrial" data-i18n="about.badge">About Hanmo</h2>
|
||||
<h3 class="text-4xl md:text-5xl font-light text-slate-900 mb-8 premium-kerning font-premium" data-i18n="about.title">Trusted Partner in Industrial Automation</h3>
|
||||
<p class="text-slate-500 leading-relaxed mb-6 font-light" data-i18n="about.p1">Since our founding, Hanmo Control & Network Co., Ltd. has been at the forefront of industrial automation engineering.</p>
|
||||
<p class="text-slate-500 leading-relaxed mb-12 font-light" data-i18n="about.p2">Our team of 60+ certified engineers brings decades of combined experience in DCS, SCADA, and industrial networking.</p>
|
||||
<p class="text-slate-500 leading-relaxed mb-6 font-light" data-i18n="about.p2">Our team of 60+ certified engineers brings decades of combined experience in DCS, SCADA, and industrial networking.</p>
|
||||
<div class="grid grid-cols-2 gap-6">
|
||||
<div class="p-6 bg-white rounded-2xl border border-slate-100 shadow-sm">
|
||||
<div class="text-3xl font-light text-slate-900 mb-1 font-premium">ISO 9001</div>
|
||||
|
||||
Reference in New Issue
Block a user