Files
moreminimore-redesign/src/app/(frontend)/cookie-policy/page.tsx
Kunthawat 57185e174d 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
2026-04-11 08:43:08 +07:00

223 lines
20 KiB
TypeScript

import type { Metadata } from 'next'
import Link from 'next/link'
export const metadata: Metadata = {
title: 'นโยบายคุกกี้ | MoreminiMore',
description: 'นโยบายการใช้คุกกี้ของเว็บไซต์ moreminimore.com',
keywords: 'นโยบายคุกกี้, Cookie, PDPA, MoreminiMore',
openGraph: {
title: 'นโยบายคุกกี้ | MoreminiMore',
description: 'นโยบายการใช้คุกกี้ของเว็บไซต์ moreminimore.com',
url: 'https://moreminimore.com/cookie-policy',
siteName: 'MoreminiMore',
locale: 'th_TH',
type: 'website',
},
twitter: {
card: 'summary_large_image',
title: 'นโยบายคุกกี้ | MoreminiMore',
description: 'นโยบายการใช้คุกกี้ของเว็บไซต์ moreminimore.com',
},
alternates: {
canonical: 'https://moreminimore.com/cookie-policy',
},
}
export default function CookiePolicyPage() {
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> <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. (Necessary)</a>
<a href="#section-4" className="block text-gray-700 hover:text-accent-blue transition-colors">4. (Performance)</a>
<a href="#section-5" className="block text-gray-700 hover:text-accent-blue transition-colors">5. (Functional)</a>
<a href="#section-6" className="block text-gray-700 hover:text-accent-blue transition-colors">6. (Marketing)</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>
</nav>
</div>
{/* Section 1: What are Cookies */}
<h2 id="section-1" className="text-2xl font-bold mb-4 text-gray-900 mt-8">1. ?</h2>
<p className="mb-6 text-gray-600">
(Cookies) (, , )
</p>
<p className="mb-6 text-gray-600">
</p>
{/* Section 2: Types We Use */}
<h2 id="section-2" className="text-2xl font-bold mb-4 text-gray-900 mt-8">2. </h2>
<p className="mb-6 text-gray-600">
:
</p>
<ul className="list-disc pl-6 mb-6 text-gray-600 space-y-2">
<li><strong> (Necessary Cookies)</strong> - </li>
<li><strong> (Performance Cookies)</strong> - </li>
<li><strong> (Functional Cookies)</strong> - </li>
<li><strong> (Marketing Cookies)</strong> - </li>
</ul>
{/* Section 3: Necessary Cookies */}
<h2 id="section-3" className="text-2xl font-bold mb-4 text-gray-900 mt-8">3. (Necessary Cookies)</h2>
<p className="mb-4 text-gray-600">
</p>
<div className="bg-gray-50 rounded-lg p-4 mb-4">
<p className="text-sm text-gray-600 mb-2"><strong>:</strong></p>
<ul className="list-disc pl-6 text-sm text-gray-600 space-y-1">
<li>Session cookies - </li>
<li>Security cookies - </li>
<li>load balancing cookies - </li>
</ul>
</div>
<p className="mb-6 text-gray-600">
<strong>:</strong> PDPA
</p>
{/* Section 4: Performance Cookies */}
<h2 id="section-4" className="text-2xl font-bold mb-4 text-gray-900 mt-8">4. (Performance Cookies)</h2>
<p className="mb-4 text-gray-600">
</p>
<div className="bg-gray-50 rounded-lg p-4 mb-4">
<p className="text-sm text-gray-600 mb-2"><strong>:</strong></p>
<ul className="list-disc pl-6 text-sm text-gray-600 space-y-1">
<li><strong>Umami Analytics</strong> - (Privacy-focused)</li>
<li><strong>Google Analytics 4 (GA4)</strong> - </li>
</ul>
</div>
<p className="mb-6 text-gray-600">
<strong></strong> &quot;&quot;
</p>
{/* Section 5: Functional Cookies */}
<h2 id="section-5" className="text-2xl font-bold mb-4 text-gray-900 mt-8">5. (Functional Cookies)</h2>
<p className="mb-4 text-gray-600">
</p>
<div className="bg-gray-50 rounded-lg p-4 mb-4">
<p className="text-sm text-gray-600 mb-2"><strong>:</strong></p>
<ul className="list-disc pl-6 text-sm text-gray-600 space-y-1">
<li>/</li>
<li></li>
<li></li>
</ul>
</div>
<p className="mb-6 text-gray-600">
<strong></strong>
</p>
{/* Section 6: Marketing Cookies */}
<h2 id="section-6" className="text-2xl font-bold mb-4 text-gray-900 mt-8">6. (Marketing Cookies)</h2>
<p className="mb-4 text-gray-600">
</p>
<div className="bg-gray-50 rounded-lg p-4 mb-4">
<p className="text-sm text-gray-600 mb-2"><strong>:</strong></p>
<ul className="list-disc pl-6 text-sm text-gray-600 space-y-1">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<p className="mb-6 text-gray-600">
<strong></strong>
</p>
{/* Section 7: Managing Cookies */}
<h2 id="section-7" className="text-2xl font-bold mb-4 text-gray-900 mt-8">7. </h2>
<p className="mb-4 text-gray-600">
:
</p>
<h3 className="text-xl font-semibold mb-3 text-gray-700">7.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> - </li>
<li><strong></strong> - </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></li>
<li></li>
</ul>
<h3 className="text-xl font-semibold mb-3 text-gray-700">7.3 </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>Chrome:</strong> &gt; &gt; </li>
<li><strong>Firefox:</strong> &gt; </li>
<li><strong>Safari:</strong> &gt; </li>
<li><strong>Edge:</strong> &gt; </li>
</ul>
<p className="mb-6 text-gray-600">
<strong>:</strong>
</p>
{/* Section 8: Policy Changes */}
<h2 id="section-8" className="text-2xl font-bold mb-4 text-gray-900 mt-8">8. </h2>
<p className="mb-6 text-gray-600">
</p>
<p className="mb-6 text-gray-600">
</p>
{/* Section 9: Contact */}
<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><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>:</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> <Link href="/privacy-policy" className="text-accent-blue hover:underline"></Link> <Link href="/terms-of-service" className="text-accent-blue hover:underline"></Link>
</p>
</div>
</div>
</div>
</section>
</main>
)
}