import type { Metadata } from 'next'
import Link from 'next/link'

export const metadata: Metadata = {
  title: 'ข้อกำหนดการใช้บริการ | MoreminiMore',
  description: 'ข้อกำหนดและเงื่อนไขการใช้บริการของบริษัท มอร์มินิมอร์ จำกัด',
  keywords: 'ข้อกำหนด, เงื่อนไข, การใช้บริการ, MoreminiMore',
  openGraph: {
    title: 'ข้อกำหนดการใช้บริการ | MoreminiMore',
    description: 'ข้อกำหนดและเงื่อนไขการใช้บริการของบริษัท มอร์มินิมอร์ จำกัด',
    url: 'https://moreminimore.com/terms-of-service',
    siteName: 'MoreminiMore',
    locale: 'th_TH',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'ข้อกำหนดการใช้บริการ | MoreminiMore',
    description: 'ข้อกำหนดและเงื่อนไขการใช้บริการของบริษัท มอร์มินิมอร์ จำกัด',
  },
  alternates: {
    canonical: 'https://moreminimore.com/terms-of-service',
  },
}

export default function TermsOfServicePage() {
  return (
    <main className="flex-grow">
      {/* Hero Section */}
      <section className="py-20 bg-gradient-to-br from-yellow-50 to-white">
        <div className="container mx-auto px-4">
          <h1 className="text-4xl md:text-5xl font-bold text-center mb-12 text-gray-900">
            ข้อกำหนดและเงื่อนไข
          </h1>

          <div className="max-w-4xl mx-auto bg-white rounded-lg shadow-md p-8">
            {/* Document Info */}
            <div className="bg-yellow-50 rounded-lg p-6 mb-8 border border-yellow-200">
              <p className="text-gray-700 text-base">
                <strong>ชื่อเว็บไซต์:</strong> MoreminiMore<br />
                <strong>เว็บไซต์:</strong> moreminimore.com<br />
                <strong>ผู้ให้บริการ:</strong> บริษัท มอร์มินิมอร์ จำกัด<br />
                <strong>มีผลบังคับใช้วันที่:</strong> 1 มีนาคม 2569<br />
                <strong>แก้ไขล่าสุด:</strong> 1 เมษายน 2569
              </p>
            </div>

            {/* Table of Contents */}
            <div className="bg-yellow-50 rounded-lg p-6 mb-8 border border-yellow-200">
              <h2 className="text-xl font-bold mb-4 text-gray-900">สารบัญ</h2>
              <nav className="space-y-2">
                <a href="#section-1" className="block text-gray-700 hover:text-accent-blue transition-colors">1. การยอมรับเงื่อนไข</a>
                <a href="#section-2" className="block text-gray-700 hover:text-accent-blue transition-colors">2. บริการของเรา</a>
                <a href="#section-3" className="block text-gray-700 hover:text-accent-blue transition-colors">3. บัญชีผู้ใช้</a>
                <a href="#section-4" className="block text-gray-700 hover:text-accent-blue transition-colors">4. ความเป็นเจ้าของทรัพย์สินทางปัญญา</a>
                <a href="#section-5" className="block text-gray-700 hover:text-accent-blue transition-colors">5. ข้อห้ามในการใช้งาน</a>
                <a href="#section-6" className="block text-gray-700 hover:text-accent-blue transition-colors">6. เนื้อหาที่ผู้ใช้ส่ง</a>
                <a href="#section-7" className="block text-gray-700 hover:text-accent-blue transition-colors">7. การชำระเงิน</a>
                <a href="#section-8" className="block text-gray-700 hover:text-accent-blue transition-colors">8. การปฏิเสธความรับผิดชอบ</a>
                <a href="#section-9" className="block text-gray-700 hover:text-accent-blue transition-colors">9. การชดเชย</a>
                <a href="#section-10" className="block text-gray-700 hover:text-accent-blue transition-colors">10. ความเป็นส่วนตัว</a>
                <a href="#section-11" className="block text-gray-700 hover:text-accent-blue transition-colors">11. การยุติบริการ</a>
                <a href="#section-12" className="block text-gray-700 hover:text-accent-blue transition-colors">12. กฎหมายที่ใช้บังคับ</a>
                <a href="#section-13" className="block text-gray-700 hover:text-accent-blue transition-colors">13. การติดต่อ</a>
              </nav>
            </div>

            {/* Section 1: Acceptance */}
            <h2 id="section-1" className="text-2xl font-bold mb-4 text-gray-900 mt-8">1. การยอมรับเงื่อนไข</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">1.1 ข้อตกลง</h3>
            <p className="mb-6 text-gray-600">
              ด้วยการเข้าถึงและใช้งานเว็บไซต์ moreminimore.com (&quot;เว็บไซต์&quot;) ของบริษัท มอร์มินิมอร์ จำกัด (&quot;เรา&quot;, &quot;ของเรา&quot; หรือ &quot;บริษัท&quot;) ท่าน (&quot;ผู้ใช้&quot;, &quot;ท่าน&quot; หรือ &quot;ของคุณ&quot;) ยอมรับและตกลงที่จะถูกผูกมัดด้วยข้อกำหนดและเงื่อนไขฉบับนี้ (&quot;เงื่อนไข&quot;)
            </p>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">1.2 การแก้ไขเงื่อนไข</h3>
            <p className="mb-4 text-gray-600">
              เราขอสงวนสิทธิในการแก้ไขเงื่อนไขนี้เมื่อใดก็ได้:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>การแก้ไขจะมีผลทันทีเมื่อโพสต์บนเว็บไซต์</li>
              <li>ท่านควรตรวจสอบเงื่อนไขนี้เป็นประจำ</li>
              <li>การใช้งานเว็บไซต์ต่อเนื่องแสดงว่าท่านยอมรับการแก้ไข</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">1.3 อายุขั้นต่ำ</h3>
            <p className="mb-6 text-gray-600">
              ท่านต้องมีอายุไม่ต่ำกว่า 20 ปีบริบูรณ์เพื่อใช้งานเว็บไซต์ หากท่านอายุต่ำกว่า 20 ปี ท่านต้องได้รับความยินยอมจากผู้ปกครองและผู้ปกครองต้องตกลงที่จะผูกพันด้วยเงื่อนไขนี้
            </p>

            {/* Section 2: Services */}
            <h2 id="section-2" className="text-2xl font-bold mb-4 text-gray-900 mt-8">2. บริการของเรา</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">2.1 คำอธิบายบริการ</h3>
            <p className="mb-4 text-gray-600">
              บริษัท มอร์มินิมอร์ จำกัด ให้บริการดังต่อไปนี้:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li><strong>บริการพัฒนาเว็บไซต์และแอปพลิเคชั่น</strong> - ออกแบบและพัฒนาเว็บไซต์, แอปพลิเคชั่น, ระบบออนไลน์</li>
              <li><strong>บริการให้คำปรึกษาเกี่ยวกับเทคโนโลยี</strong> - ที่ปรึกษาด้าน AI, Marketing Automation, Tech Infrastructure</li>
              <li><strong>จำหน่ายหรือให้เช่าอุปกรณ์ไอที</strong> - อุปกรณ์คอมพิวเตอร์, ซอฟต์แวร์, อุปกรณ์เครือข่าย</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">2.2 การเปลี่ยนแปลงบริการ</h3>
            <p className="mb-4 text-gray-600">
              เราขอสงวนสิทธิในการ:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>เพิ่ม ลบ หรือแก้ไขฟีเจอร์ของบริการ</li>
              <li>ระงับหรือยุติบริการชั่วคราวหรือถาวร</li>
              <li>จำกัดการเข้าถึงบางส่วนหรือทั้งหมดของบริการ</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">2.3 ความพร้อมของบริการ</h3>
            <p className="mb-6 text-gray-600">
              เราพยายามให้บริการอย่างต่อเนื่อง แต่เราไม่รับประกันว่าบริการจะปราศจากข้อผิดพลาด และไม่รับผิดชอบต่อ downtime ที่ไม่ได้ตั้งใจ เราขอสงวนสิทธิในการหยุดให้บริการโดยไม่แจ้งล่วงหน้า
            </p>

            {/* Section 3: User Accounts */}
            <h2 id="section-3" className="text-2xl font-bold mb-4 text-gray-900 mt-8">3. บัญชีผู้ใช้</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">3.1 การสร้างบัญชี</h3>
            <p className="mb-4 text-gray-600">
              เพื่อใช้งานบริการบางอย่าง ท่านอาจต้องสร้างบัญชีผู้ใช้:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>ท่านต้องให้ข้อมูลที่ถูกต้อง ครบถ้วน และทันสมัย</li>
              <li>ท่านต้องรักษารหัสผ่านให้เป็นความลับ</li>
              <li>ท่านรับผิดชอบต่อทุกกิจกรรมที่เกิดขึ้นภายใต้บัญชีของท่าน</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">3.2 ข้อกำหนดของบัญชี</h3>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>หนึ่งคนต่อหนึ่งบัญชีเท่านั้น</li>
              <li>ห้ามแบ่งปันบัญชีกับผู้อื่น</li>
              <li>ห้ามใช้ชื่อบัญชีที่ผิดกฎหมายหรือละเมิดสิทธิผู้อื่น</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">3.3 การระงับและลบบัญชี</h3>
            <p className="mb-6 text-gray-600">
              เราขอสงวนสิทธิในการระงับหรือลบบัญชีของท่านหากท่านละเมิดเงื่อนไขนี้ มีกิจกรรมที่น่าสงสัย หรือตามข้อกำหนดของกฎหมาย ท่านสามารถลบบัญชีได้เมื่อใดก็ได้โดยติดต่อเราที่ <a href="mailto:contact@moreminimore.com" className="text-accent-blue hover:underline">contact@moreminimore.com</a>
            </p>

            {/* Section 4: IP */}
            <h2 id="section-4" className="text-2xl font-bold mb-4 text-gray-900 mt-8">4. ความเป็นเจ้าของทรัพย์สินทางปัญญา</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">4.1 สิทธิของเรา</h3>
            <p className="mb-4 text-gray-600">
              เว็บไซต์และเนื้อหาทั้งหมดเป็นทรัพย์สินของเราหรือผู้ให้ใบอนุญาต:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>เนื้อหา ข้อความ กราฟิก โลโก้</li>
              <li>ซอฟต์แวร์ โค้ด ฐานข้อมูล</li>
              <li>การออกแบบ เลย์เอาต์</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">4.2 เครื่องหมายการค้า</h3>
            <p className="mb-6 text-gray-600">
              เครื่องหมายการค้า โลโก้ และชื่อบริการของเราเป็นเครื่องหมายการค้าของ บริษัท มอร์มินิมอร์ จำกัด ห้ามใช้โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร
            </p>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">4.3 สิทธิของท่าน</h3>
            <p className="mb-6 text-gray-600">
              ท่านยังคงเป็นเจ้าของเนื้อหาที่ท่านส่งมา แต่ท่านให้ใบอนุญาตแก่เราในการใช้เนื้อหานั้น ท่านรับประกันว่ามีสิทธิในการให้ใบอนุญาต
            </p>

            {/* Section 5: Prohibited */}
            <h2 id="section-5" className="text-2xl font-bold mb-4 text-gray-900 mt-8">5. ข้อห้ามในการใช้งาน</h2>
            
            <p className="mb-4 text-gray-600">
              ท่านตกลงที่จะไม่:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>ใช้เว็บไซต์เพื่อกิจกรรมที่ผิดกฎหมาย</li>
              <li>ละเมิดสิทธิทางปัญญาของผู้อื่น</li>
              <li>ละเมิดความเป็นส่วนตัวของผู้อื่น</li>
              <li>ส่งเนื้อหาที่ผิดกฎหมายหรือเป็นอันตราย</li>
              <li>เผยแพร่ไวรัส มัลแวร์ หรือโค้ดที่เป็นอันตราย</li>
              <li>พยายามเข้าถึงระบบโดยไม่ได้รับอนุญาต</li>
              <li>รบกวนหรือขัดขวางการทำงานของเว็บไซต์</li>
              <li>ส่งสแปมหรือข้อความเชิงพาณิชย์ที่ไม่พึงประสงค์</li>
            </ul>

            {/* Section 6: User Content */}
            <h2 id="section-6" className="text-2xl font-bold mb-4 text-gray-900 mt-8">6. เนื้อหาที่ผู้ใช้ส่ง</h2>
            
            <p className="mb-6 text-gray-600">
              โดยส่งเนื้อหาบนเว็บไซต์ ท่านให้ใบอนุญาตแก่เราในการใช้ ทำซ้ำ ดัดแปลง และเผยแพร่เนื้อหานั้น ท่านรับประกันว่ามีสิทธิในการส่งเนื้อหาและเนื้อหาไม่ละเมิดสิทธิของผู้อื่น
            </p>

            {/* Section 7: Payment */}
            <h2 id="section-7" className="text-2xl font-bold mb-4 text-gray-900 mt-8">7. การชำระเงิน</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">7.1 ราคาและค่าธรรมเนียม</h3>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>ราคาทั้งหมดแสดงเป็นเงินบาทไทย (THB)</li>
              <li>ราคายังไม่รวมภาษีมูลค่าเพิ่ม (VAT) หากมี</li>
              <li>เราขอสงวนสิทธิในการเปลี่ยนราคาเมื่อใดก็ได้</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">7.2 วิธีการชำระเงิน</h3>
            <p className="mb-4 text-gray-600">
              เรายอมรับการชำระเงินผ่าน:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>โอนเงินผ่านธนาคาร</li>
              <li>บัตรเครดิต/เดบิต (ผ่าน payment gateway)</li>
              <li>QR Code / PromptPay</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">7.3 นโยบายการคืนเงิน</h3>
            <p className="mb-6 text-gray-600">
              <strong>เนื่องจากบริการของเราเป็นบริการดิจิทัลและการให้คำปรึกษา การชำระเงินถือเป็นการสั่งซื้อที่สมบูรณ์แล้ว จึงไม่มีนโยบายการคืนเงิน</strong> กรุณาตรวจสอบรายละเอียดและขอบเขตบริการก่อนชำระเงินเสมอ หากมีข้อสงสัย กรุณาติดต่อเราก่อนสั่งซื้อ
            </p>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">7.4 การต่ออายุอัตโนมัติ</h3>
            <p className="mb-6 text-gray-600">
              หากบริการมีการต่ออายุอัตโนมัติ ท่านจะได้รับแจ้งก่อนการต่ออายุ และสามารถยกเลิกได้เมื่อใดก็ได้ก่อนวันต่ออายุ
            </p>

            {/* Section 8: Disclaimer */}
            <h2 id="section-8" className="text-2xl font-bold mb-4 text-gray-900 mt-8">8. การปฏิเสธความรับผิดชอบ</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">8.1 &quot;ตามที่เป็น&quot;</h3>
            <p className="mb-4 text-gray-600">
              บริการให้บริการ &quot;ตามที่เป็น&quot; และ &quot;ตามที่มี&quot; เราไม่รับประกันว่าบริการจะปราศจากข้อผิดพลาด ตรงตามความต้องการของท่าน หรือถูกต้องสมบูรณ์
            </p>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">8.2 การปฏิเสธความรับผิดชอบ</h3>
            <p className="mb-4 text-gray-600">
              ภายใต้ขอบเขตที่กฎหมายอนุญาต เราปฏิเสธความรับผิดชอบต่อ:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>ความเสียหายโดยตรง ทางอ้อม โดยบังเอิญ หรือเชิงลงโทษ</li>
              <li>การสูญเสียข้อมูลหรือข้อมูล</li>
              <li>การหยุดชะงักของธุรกิจ</li>
              <li>ความเสียหายอื่นๆ</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">8.3 ข้อจำกัดความรับผิด</h3>
            <p className="mb-6 text-gray-600">
              ความรับผิดรวมของเราจะไม่เกินจำนวนที่ท่านจ่ายให้เราในช่วง 12 เดือนที่ผ่านมา
            </p>

            {/* Section 9: Indemnity */}
            <h2 id="section-9" className="text-2xl font-bold mb-4 text-gray-900 mt-8">9. การชดเชย</h2>
            
            <p className="mb-4 text-gray-600">
              ท่านตกลงที่จะชดใช้และปกป้องเราจาก:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>การเรียกร้อง ค่าเสียหาย ค่าใช้จ่ายที่เกิดจากการใช้งานเว็บไซต์ของท่าน</li>
              <li>ที่เกิดจากการละเมิดเงื่อนไขนี้</li>
              <li>ที่เกิดจากการละเมิดสิทธิของผู้อื่น</li>
            </ul>

            {/* Section 10: Privacy */}
            <h2 id="section-10" className="text-2xl font-bold mb-4 text-gray-900 mt-8">10. ความเป็นส่วนตัว</h2>
            
            <p className="mb-4 text-gray-600">
              การใช้ข้อมูลส่วนบุคคลอยู่ภายใต้นโยบายความเป็นส่วนตัวของเรา ซึ่งเป็นส่วนหนึ่งของเงื่อนไขนี้ อ่านได้ที่ <Link href="/privacy-policy" className="text-accent-blue hover:underline">นโยบายความเป็นส่วนตัว</Link>
            </p>
            <p className="mb-6 text-gray-600">
              เราใช้ Cookie และเทคโนโลยีการติดตาม ท่านสามารถจัดการการตั้งค่า Cookie ได้ผ่านแบนเนอร์คุกกี้บนเว็บไซต์ ศึกษาเพิ่มเติมได้ที่ <Link href="/cookie-policy" className="text-accent-blue hover:underline">นโยบายคุกกี้</Link>
            </p>

            {/* Section 11: Termination */}
            <h2 id="section-11" className="text-2xl font-bold mb-4 text-gray-900 mt-8">11. การยุติบริการ</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">11.1 การยุติโดยท่าน</h3>
            <p className="mb-4 text-gray-600">
              ท่านสามารถยุติการใช้งานเว็บไซต์ได้เมื่อใดก็ได้โดยการหยุดใช้งานและลบบัญชีของท่าน
            </p>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">11.2 การยุติโดยเรา</h3>
            <p className="mb-6 text-gray-600">
              เราขอสงวนสิทธิในการยุติการเข้าถึงของท่านโดยไม่แจ้งล่วงหน้า ด้วยเหตุผลใดๆ หรือไม่มีเหตุผล
            </p>

            {/* Section 12: Applicable Law */}
            <h2 id="section-12" className="text-2xl font-bold mb-4 text-gray-900 mt-8">12. กฎหมายที่ใช้บังคับ</h2>
            
            <h3 className="text-xl font-semibold mb-3 text-gray-700">12.1 กฎหมายไทย</h3>
            <p className="mb-4 text-gray-600">
              เงื่อนไขนี้ถูกควบคุมและตีความตามกฎหมายแห่งราชอาณาจักรไทย:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li>พระราชบัญญัติคุ้มครองผู้บริโภค</li>
              <li>พระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์</li>
              <li>พระราชบัญญัติลิขสิทธิ์</li>
              <li>พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562</li>
            </ul>

            <h3 className="text-xl font-semibold mb-3 text-gray-700">12.2 เขตอำนาจศาล</h3>
            <p className="mb-6 text-gray-600">
              ข้อพิพาทใดๆ อยู่ภายใต้เขตอำนาจศาลของศาลแพ่ง/ศาลล้มละลายกลาง กรุงเทพมหานคร หรือศาลที่มีเขตอำนาจในประเทศไทย
            </p>

            {/* Section 13: Contact */}
            <h2 id="section-13" className="text-2xl font-bold mb-4 text-gray-900 mt-8">13. การติดต่อ</h2>
            
            <p className="mb-4 text-gray-600">
              หากท่านมีคำถามเกี่ยวกับเงื่อนไขนี้ กรุณาติดต่อเรา:
            </p>
            <ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
              <li><strong>อีเมล:</strong> <a href="mailto:contact@moreminimore.com" className="text-accent-blue hover:underline">contact@moreminimore.com</a></li>
              <li><strong>โทรศัพท์:</strong> <a href="tel:0809955945" className="text-accent-blue hover:underline">080-995-5945</a></li>
              <li><strong>Line:</strong> @539hdlul</li>
              <li><strong>ที่อยู่:</strong> 53 หมู่ 1 ต.บ้านแพ้ว อ.บ้านแพ้ว สมุทรสาคร 74120</li>
            </ul>

            {/* Footer Note */}
            <div className="mt-12 p-6 bg-yellow-50 border-l-4 border-primary rounded">
              <p className="text-gray-700 text-base">
                <strong>หมายเหตุ:</strong> ข้อกำหนดและเงื่อนไขนี้เป็นข้อตกลงทางกฎหมายระหว่างคุณกับบริษัท มอร์มินิมอร์ จำกัด กรุณาอ่านอย่างละเอียดและเก็บไว้เป็นหลักฐาน หากมีข้อสงสัย กรุณาปรึกษาที่ปรึกษากฎหมาย
              </p>
            </div>
          </div>
        </div>
      </section>
    </main>
  )
}