119 lines
4.2 KiB
PHP
119 lines
4.2 KiB
PHP
<?php
|
|
/**
|
|
* Template Name: 陶瓷內膽
|
|
*
|
|
* MING 明命陶瓷內膽技術介紹頁。
|
|
*
|
|
* @package MING
|
|
*/
|
|
|
|
get_header();
|
|
?>
|
|
|
|
<!-- 頁首 -->
|
|
<section class="page-hero ceramic-hero">
|
|
<div class="wrap">
|
|
<p class="eyebrow reveal">CERAMIC LINER</p>
|
|
<h2 class="h2 reveal">純陶瓷內膽，<br>一杯安心的本質</h2>
|
|
<p class="page-hero-sub reveal">抗酸鹼 · 耐腐蝕 · 無異味 · 好清洗</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 四大核心 -->
|
|
<section class="section core" id="core">
|
|
<div class="wrap">
|
|
<p class="eyebrow reveal">CORE PRODUCT</p>
|
|
<h2 class="h2 reveal">純陶瓷內膽，<br>解決你的後顧之憂</h2>
|
|
<div class="core-grid">
|
|
<div class="core-list reveal">
|
|
<div class="core-item">
|
|
<span class="no">01</span>
|
|
<div><h3>純陶瓷內膽</h3><p>內壁採用純陶瓷材質，不易殘留、減少細菌滋生，裝咖啡、茶飲、果汁都不串味。</p></div>
|
|
</div>
|
|
<div class="core-item">
|
|
<span class="no">02</span>
|
|
<div><h3>保冷保熱</h3><p>雙層真空結構搭配陶瓷內膽，長效鎖溫，冰飲熱飲都維持剛剛好的口感。</p></div>
|
|
</div>
|
|
<div class="core-item">
|
|
<span class="no">03</span>
|
|
<div><h3>全身可拆洗</h3><p>杯蓋、吸管、內膽皆可拆開清洗，每個角落都乾淨，日常使用更安心。</p></div>
|
|
</div>
|
|
<div class="core-item">
|
|
<span class="no">04</span>
|
|
<div><h3>舒適手提</h3><p>加粗手柄設計，握感舒適、一提就走，通勤、運動、旅行都自在隨行。</p></div>
|
|
</div>
|
|
</div>
|
|
<figure class="core-figure reveal">
|
|
<img src="<?php echo esc_url( get_template_directory_uri() . '/assets/img/' ); ?>detail-liner.jpg" alt="陶瓷內膽結構分解" width="790" height="993">
|
|
<figcaption class="cap">CERAMIC LINER · 抗酸鹼 耐腐蝕 無異味</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 材質比較 -->
|
|
<section class="section compare">
|
|
<div class="wrap">
|
|
<p class="eyebrow reveal">WHY CERAMIC</p>
|
|
<h2 class="h2 reveal">陶瓷內膽 vs 一般金屬內膽</h2>
|
|
<div class="compare-table reveal">
|
|
<div class="cr head">
|
|
<div></div><div class="cer">純陶瓷內膽</div><div>一般金屬內膽</div>
|
|
</div>
|
|
<div class="cr">
|
|
<div class="k">酸鹼飲品</div>
|
|
<div class="cer">抗酸鹼，咖啡、茶、果汁都安心</div><div>易與酸性飲品產生反應</div>
|
|
</div>
|
|
<div class="cr">
|
|
<div class="k">氣味殘留</div>
|
|
<div class="cer">不吸附味道，不易串味</div><div>容易殘留味道與顏色</div>
|
|
</div>
|
|
<div class="cr">
|
|
<div class="k">清潔保養</div>
|
|
<div class="cer">釉面光滑，一沖即淨</div><div>細紋易藏污，需費力刷洗</div>
|
|
</div>
|
|
<div class="cr">
|
|
<div class="k">口感風味</div>
|
|
<div class="cer">如瓷杯般純淨，還原飲品本味</div><div>可能帶有金屬味</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 使用場景 -->
|
|
<section class="section scenes">
|
|
<div class="wrap">
|
|
<p class="eyebrow reveal">EVERYDAY MOMENTS</p>
|
|
<h2 class="h2 reveal">從清晨到夜晚，都是它的位置</h2>
|
|
<div class="scene-grid reveal">
|
|
<div class="scene">
|
|
<span class="no">晨</span>
|
|
<h3>一杯手沖咖啡</h3>
|
|
<p>陶瓷內膽不與咖啡的酸質反應，香氣與層次完整保留。</p>
|
|
</div>
|
|
<div class="scene">
|
|
<span class="no">午</span>
|
|
<h3>冷泡茶與果汁</h3>
|
|
<p>寬口好加冰，保冷長效，下午茶時光清涼不打折。</p>
|
|
</div>
|
|
<div class="scene">
|
|
<span class="no">夜</span>
|
|
<h3>溫熱的晚安茶</h3>
|
|
<p>睡前一杯溫熱花草茶，陶瓷的溫潤口感讓人放鬆。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="closing">
|
|
<div class="reveal">
|
|
<p class="q">好內膽，<br>是好喝的<em>開始</em></p>
|
|
<p class="sub">CERAMIC LINER — MING</p>
|
|
<a class="cta" href="<?php echo esc_attr( ming_shop_url() ); ?>">逛逛陶瓷內膽杯</a>
|
|
</div>
|
|
</section>
|
|
|
|
<?php
|
|
get_footer();
|