Initial commit: Next.js + Payload CMS for moreminimore-redesign

- Next.js 16 App Router + Payload CMS 3.82
- PostgreSQL via @payloadcms/db-postgres
- All pages: Home, Services (4), About, Portfolio, Blog, Contact, FAQ
- PDPA: CookieBanner, ConsentLogs API, Privacy Policy, Terms, Cookie Policy
- SEO: sitemap, robots.txt, metadata exports, JSON-LD
This commit is contained in:
Kunthawat
2026-04-11 08:43:08 +07:00
commit 57185e174d
51 changed files with 6714 additions and 0 deletions

View File

@@ -0,0 +1,323 @@
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>
)
}