feat: liquid glass UI, blob background, redesign home/portfolio/about pages
- Liquid glass effect on navbar/cards with backdrop-filter invert - Animated blob gradient background (SVG-based) - Portfolio section: scene-dark invert, show 5 items on home - How Work section: step flow with numbers + connecting lines - Hero: Decision snapshot replacing problem selector - About page: inverted background with contrast fixes - Fix parallax JS bundling via Astro - Fix navbar fixed positioning after liquid glass CSS - Submenu hover fix - Clean up removed legacy files/assets
This commit is contained in:
Kunthawat Greethong
@@ -1,158 +0,0 @@
|
||||
---
|
||||
import Base from '../layouts/Base.astro';
|
||||
import Hero from '../components/Hero.astro';
|
||||
---
|
||||
|
||||
<Base title="เงื่อนไขการให้บริการ | MoreminiMore - รับทำเว็บไซต์ SEO AI Chatbot">
|
||||
<Hero
|
||||
eyebrow="กฎหมาย"
|
||||
title="เงื่อนไขการให้บริการ"
|
||||
lede="มีผลบังคับใช้วันที่ 5 พฤษภาคม 2569"
|
||||
showStats={false} />
|
||||
|
||||
<section class="section section-bento legal-section">
|
||||
|
||||
|
||||
<div class="container" style="position: relative; z-index: 1;">
|
||||
<div class="bento-grid">
|
||||
|
||||
<div class="bento-tile span-8 surface-white">
|
||||
|
||||
<div class="legal-body">
|
||||
<p class="legal-intro">ชื่อเว็บไซต์: MoreminiMore | เว็บไซต์: https://www.moreminimore.com | บริษัท: MoreminiMore Co.,Ltd.</p>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>1. การยอมรับเงื่อนไข</h2>
|
||||
<p>ด้วยการเข้าถึงและใช้งานเว็บไซต์ของบริษัท มอร์มินิมอร์ จำกัด ท่านยอมรับและตกลงที่จะถูกผูกมัดด้วยเงื่อนไขการให้บริการฉบับนี้</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>2. การแก้ไขเงื่อนไข</h2>
|
||||
<p>เราขอสงวนสิทธิในการแก้ไขเงื่อนไขนี้เมื่อใดก็ได้ การแก้ไขจะมีผลทันทีเมื่อโพสต์บนเว็บไซต์ ท่านควรตรวจสอบเงื่อนไขนี้เป็นประจำ</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>3. บริการของเรา</h2>
|
||||
<p>เราให้บริการพัฒนาเว็บไซต์ AI Automation และ Marketing Automation สำหรับธุรกิจไทย โดยมีรายละเอียดและขอบเขตงานตามที่ตกลงกันในสัญญา</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>4. การชำระเงิน</h2>
|
||||
<p>การชำระเงินจะเป็นไปตามเงื่อนไขที่กำหนดในใบเสนอราคาและสัญญา ลูกค้าตกลงชำระตามกำหนดเวลาที่ระบุ</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>5. การรับประกัน</h2>
|
||||
<p>เรารับประกันคุณภาพงานตามที่ระบุในสัญญา หากไม่พอใจในงาน เราพร้อมแก้ไขจนกว่าจะถูกใจตามเงื่อนไขที่กำหนด</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>6. ข้อจำกัดความรับผิด</h2>
|
||||
<p>ความรับผิดของบริษัทจะจำกัดอยู่ที่มูลค่าของงานที่ให้บริการตามที่ระบุในสัญญา</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-block">
|
||||
<h2>7. ติดต่อเรา</h2>
|
||||
<p>หากมีคำถามเกี่ยวกับเงื่อนไขการให้บริการ กรุณาติดต่อเราที่ contact@moreminimore.com หรือ 080-995-5945</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bento-tile span-4 surface-yellow">
|
||||
|
||||
<div class="aside-body">
|
||||
<p><strong>ชื่อเอกสาร:</strong> เงื่อนไขการให้บริการ</p>
|
||||
<p><strong>มีผลบังคับใช้:</strong> 5 พฤษภาคม 2569</p>
|
||||
<p><strong>จัดการโดย:</strong> MoreminiMore Co.,Ltd.</p>
|
||||
<p style="margin-top: 20px;"><strong>หัวข้อทั้งหมด 7 ข้อ:</strong></p>
|
||||
<ol class="toc-list">
|
||||
<li>การยอมรับเงื่อนไข</li>
|
||||
<li>การแก้ไขเงื่อนไข</li>
|
||||
<li>บริการของเรา</li>
|
||||
<li>การชำระเงิน</li>
|
||||
<li>การรับประกัน</li>
|
||||
<li>ข้อจำกัดความรับผิด</li>
|
||||
<li>ติดต่อเรา</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Base>
|
||||
|
||||
<style>
|
||||
.legal-section { background: var(--color-white); }
|
||||
.section-bento { position: relative; overflow: hidden; }
|
||||
|
||||
/* Body typography inside the prose tile */
|
||||
.legal-body { font-size: 16px; line-height: 1.8; color: var(--color-gray-700); }
|
||||
.legal-intro {
|
||||
font-size: 17px;
|
||||
color: var(--color-gray-700);
|
||||
margin-bottom: 36px;
|
||||
line-height: 1.7;
|
||||
padding-bottom: 28px;
|
||||
border-bottom: 1px solid var(--color-gray-200);
|
||||
}
|
||||
.legal-block { margin-bottom: 36px; }
|
||||
.legal-block:last-child { margin-bottom: 0; }
|
||||
.legal-block h2 {
|
||||
font-family: var(--font-display);
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 14px;
|
||||
color: var(--color-black);
|
||||
}
|
||||
.legal-block p {
|
||||
font-size: 16px;
|
||||
color: var(--color-gray-700);
|
||||
line-height: 1.8;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* Aside (yellow tile) */
|
||||
.aside-body {
|
||||
font-size: 15px;
|
||||
line-height: 1.7;
|
||||
color: var(--color-black);
|
||||
}
|
||||
.aside-body p { margin-bottom: 10px; }
|
||||
.aside-body strong { font-weight: 800; }
|
||||
.toc-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 12px 0 0;
|
||||
counter-reset: toc;
|
||||
}
|
||||
.toc-list li {
|
||||
counter-increment: toc;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
padding-left: 36px;
|
||||
}
|
||||
.toc-list li::before {
|
||||
content: counter(toc, decimal-leading-zero);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 10px;
|
||||
font-family: var(--font-display);
|
||||
font-weight: 900;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.toc-list li:last-child { border-bottom: none; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.legal-intro { font-size: 16px; }
|
||||
.legal-block h2 { font-size: 20px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user