<!-- Meta Description -->
<meta name="description" content="ค้นพบโปรแกรม Secret Sexy เทรนด์ลดน้ำหนักยุคใหม่ที่เดอไภช์คลินิก ด้วยนวัตกรรมล่าสุดที่ปลอดภัยและเห็นผลจริง ปรึกษาผู้มีประสบการณ์เพื่อรูป
ร่างในฝันของคุณวันนี้">
<!-- Google Fonts: Kanit (Modern Thai Font) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Schema.org -->
<!-- Custom Styles & Animations -->
<!-- Header -->
<header class="sticky top-0 z-50 py-4 bg-white/80 backdrop-blur-md shadow-sm">
<div class="container flex items-center justify-between px-6 mx-auto max-w-7xl">
<!-- Logo -->
<a href="#" class="text-2xl font-bold text-gray-800">
<img src="https://placehold.co/180x50/FFFDF9/333333?text=De+Pyche+Clinic" alt="เดอไภช์คลินิก Logo">
</a>
<!-- CTA -->
<a href="#cta" class="hidden px-6 py-2 text-sm font-medium rounded-full cta-button sm:block">
ปรึกษาคุณหมอ Time
</a>
</div>
</header>
<!-- ===== 1. ABOVE THE FOLD ===== -->
<!-- (Dream Outcome + Likelihood / Time + Effort) -->
<section class="relative px-6 pt-16 pb-24 overflow-hidden hero-gradient md:pt-24">
<div class="container grid items-center gap-12 mx-auto max-w-7xl md:grid-cols-2">
<!-- Left: Headline & CTA (Dream Outcome) -->
<div class="z-10 animate-fade-in">
<span class="inline-block px-4 py-1 mb-4 text-sm font-medium rounded-full bg-white/70 text-[var(--primary-color)] shadow-sm">
นวัตกรรมใหม่เพื่อรูปร่างในฝัน
</span>
<p class="mt-6 text-lg leading-8 text-gray-600 md:text-xl">
ปลดล็อกรูปร่าง Secret Sexy ที่คุณฝันถึง
ด้วยโปรแกรมล่าสุดที่ปลอดภัย เห็นผลจริง
ลดน้ำหนักเฉลี่ยถึง <strong>22.5%</strong>
ภายใต้การดูแลโดยแพทย์มากประสบการณ์
</p>
<div class="flex flex-col gap-4 mt-10 sm:flex-row">
<a href="#cta" class="inline-block w-full px-8 py-4 font-bold text-center text-white rounded-full cta-button sm:w-auto">
ปรึกษาผู้มีประสบการณ์ ฟรี!
</a>
<a href="#how-it-works" class="inline-block w-full px-8 py-4 font-bold text-center rounded-full cta-button-secondary sm:w-auto">
โปรแกรมทำงานอย่างไร
</a>
</div>
</div>
<!-- Right: Hero Visual (Likelihood of Achievement) -->
<div class="relative z-0 animate-fade-in-delay">
<img src="https://pub-5d2d89d6d6f4408a827d18356889fb77.r2.dev/wp-content/uploads/2025/11/good_looking-400x400.png"
alt="ผู้หญิงรูปร่างดีมีความสุขหลังเข้าโปรแกรม Secret Sexy"
class="w-full h-auto rounded-3xl shadow-2xl aspect-square object-cover">
<!-- Trust Badge -->
<div class="absolute bottom-6 -left-6 md:-left-12 px-6 py-4 bg-white rounded-2xl shadow-xl animate-pulse">
<div class="flex items-center gap-3">
<svg class="w-8 h-8 text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
<div>
<p class="font-semibold text-gray-900">ปลอดภัย 100%</p>
<p class="text-sm text-gray-500">ดูแลโดยแพทย์ทุกขั้นตอน</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== 2. THE PROBLEM & AGITATION ===== -->
<section class="py-24 bg-white fade-in-section">
<div class="container px-6 mx-auto max-w-7xl">
<div class="max-w-3xl mx-auto text-center">
<div class="toc"><strong>สารบัญ</strong><ul><li><a href="#h-วงจรที่น่าเหนื่อยหน่าย-ของการลดน้ำหนั">วงจรที่น่าเหนื่อยหน่าย... ของการลดน้ำหนัก</a></li><li><a href="#h-ขอแนะนำ-Secret-Sexy-Program">ขอแนะนำ Secret Sexy Program</a></li><li><a href="#h-โปรแกรม-Secret-Sexy-ทำงานอย่างไร">โปรแกรม Secret Sexy ทำงานอย่างไร?</a></li><li><a href="#h-ลดน้ำหนักเฉลี่ย-225">ลดน้ำหนักเฉลี่ย 22.5%</a></li><li><a href="#h-โปรแกรมนี้-เหมาะกับใคร">โปรแกรมนี้... เหมาะกับใคร?</a></li><li><a href="#h-แพ็กเกจที่ออกแบบมาเพื่อคุณ">แพ็กเกจที่ออกแบบมาเพื่อคุณ</a></li><li><a href="#h-มั่นใจได้-100-กับค">มั่นใจได้ 100%
กับความปลอดภัย</a></li><li><a href="#h-ได้มากกว่า-แค่การลดน้ำหนัก">ได้มากกว่า... แค่การลดน้ำหนัก</a></li><li><a href="#h-เสียงตอบรับจากคนไข้จริง">เสียงตอบรับจากคนไข้จริง</a></li><li><a href="#h-ทำไมต้องเลือก-">ทำไมต้องเลือก
เดอไภช์คลินิก</a></li><li><a href="#h-เริ่มต้นเส้นทางสู่รูปร่างในฝัน-">เริ่มต้นเส้นทางสู่รูปร่างในฝัน
ของคุณ... วันนี้</a></li></ul></div>
วงจรที่น่าเหนื่อยหน่าย... ของการลดน้ำหนัก
คุณอาจเป็นคนหนึ่งที่พยายามมาแล้วทุกวิธี แต่ผลลัพธ์ก็ยังไม่เป็นที่พอใจ หรือเจอปัญหาเหล่านี้ จนทำให้รู้สึกท้อแท้
🔄
คุมอาหาร ออกกำลังกาย ก็โยโย่
พยายามคุมอาหาร ออกกำลังกายหักโหม พอน้ำหนักลงก็กลับมาอ้วนใหม่ แถมยังมากกว่าเดิม
<!-- Problem 2: Weight Loss Pills -->
<div class="p-8 text-center bg-gray-100 rounded-2xl">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl bg-white rounded-full shadow-md">💊</div>
<h3 class="mt-6 text-gray-900">กินยาลดน้ำหนักแล้ววูบ</h3>
<p class="mt-2 text-gray-500">
ใจสั่น มือสั่น เวียนหัว
หน้ามืดคล้ายจะเป็นลม
แถมยังต้องเสี่ยงกับยาปลอมที่อันตราย
</p>
</div>
<!-- Problem 3: Weight Loss Pens (NEW) -->
<div class="p-8 text-center bg-gray-100 rounded-2xl">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl bg-white rounded-full shadow-md">💉</div>
<h3 class="mt-6 text-gray-900">ใช้ปากกาลดน้ำหนัก... ก็ไม่ได้ผล</h3>
<p class="mt-2 text-gray-500">
กลัวเจ็บ ไม่กล้าฉีดเอง
เจอผลข้างเคียง (คลื่นไส้, อาเจียน)
แต่ไม่รู้จะปรึกษาใคร
ไม่มีแพทย์ติดตามผล
</p>
</div>
<!-- Problem 4: Fake Online Drugs (NEW) -->
<div class="p-8 text-center bg-gray-100 rounded-2xl">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl bg-white rounded-full shadow-md">🚫</div>
<h3 class="mt-6 text-gray-900">ซื้อยาออนไลน์... สุดอันตราย</h3>
<p class="mt-2 text-gray-500">
เสี่ยงเจอยาปลอม ยาไม่ได้มาตรฐาน
เสียเงินฟรี
แถมยังทำลายสุขภาพในระยะยาว
ไม่ได้ผลและอันตรายอย่างยิ่ง
</p>
</div>
</div>
<!-- Solution Hook (NEW) -->
<div class="max-w-3xl mx-auto mt-16 text-center">
<h3 class="text-2xl font-semibold text-gray-900">
หมดปัญหาเหล่านี้!
ด้วยการดูแลอย่างปลอดภัย
<br>
<span class="text-[var(--primary-color)]">จากประสบการณ์จริงของคุณหมอ Time</span>
</h3>
<p class="mt-4 text-lg text-gray-600">
เราไม่ใช่แค่ให้ยา
แต่เราคือ "ผู้ดูแล"
ที่ติดตามผลลัพธ์ของคุณอย่างใกล้ชิด
เพื่อให้คุณถึงเป้าหมายอย่างปลอดภัยและยั่งยืน
</p>
</div>
</div>
</section>
<!-- ===== 3. THE SOLUTION (Secret Sexy) ===== -->
<!-- (Minimize Effort & Sacrifice) -->
<section class="py-24 fade-in-section hero-gradient">
<div class="container grid items-center gap-12 px-6 mx-auto max-w-7xl md:grid-cols-2">
<!-- Image -->
<div class="flex items-center justify-center">
<img src="https://pub-5d2d89d6d6f4408a827d18356889fb77.r2.dev/wp-content/uploads/2025/11/dna_health-400x400.png"
alt="นวัตกรรมโปรแกรม Secret Sexy ที่เดอไภช์คลินิก"
class="w-full max-w-sm h-auto rounded-3xl shadow-2xl aspect-square object-cover">
</div>
<!-- Content -->
<div>
<span class="text-base font-semibold text-[var(--primary-color)]">
ทางออกอยู่ที่นี่
</span>
<h2 id="h-ขอแนะนำ-Secret-Sexy-Program" class="mt-2 text-gray-900">
ขอแนะนำ Secret Sexy Program
</h2>
<p class="mt-4 text-lg text-gray-600">
นี่คือยุคใหม่ของการลดน้ำหนัก
ที่ไม่ได้พึ่งพาแค่ความพยายามของคุณ
แต่ใช้ <strong>"นวัตกรรมทางการแพทย์"</strong>
ที่ล้ำสมัย
เข้ามาช่วยปรับสมดุลร่างกายจากภายใน
ทำให้การลดน้ำหนักเป็นเรื่องที่
<strong>ง่ายขึ้น เห็นผลชัดเจน และยั่งยืนกว่า</strong>
</p>
<ul class="mt-6 space-y-3 text-gray-600 checked-list">
<li>ลดความอยากอาหาร ทำให้อิ่มนานขึ้น</li>
<li>เพิ่มประสิทธิภาพการเผาผลาญไขมัน</li>
<li>ปลอดภัยสูง อยู่ภายใต้การดูแลของแพทย์</li>
</ul>
</div>
</div>
</section>
<!-- ===== 4. HOW IT WORKS (Graphic Explanation) ===== -->
<!-- (Maximize Likelihood of Achievement) -->
<section id="how-it-works" class="py-24 bg-white fade-in-section">
<div class="container px-6 mx-auto max-w-7xl">
<div class="max-w-3xl mx-auto text-center">
<h2 id="h-โปรแกรม-Secret-Sexy-ทำงานอย่างไร" class="text-gray-900">
โปรแกรม Secret Sexy ทำงานอย่างไร?
</h2>
<p class="mt-4 text-lg text-gray-600">
หัวใจของโปรแกรมคือ
นวัตกรรมล่าสุดที่ทำงานแบบ <strong>"Dual
Action"</strong>
ส่งผลต่อตัวรับสัญญาณในร่างกายถึง 2
ชนิดพร้อมกัน
ต่างจากวิธีเดิมๆ
ที่มุ่งเน้นเพียงจุดเดียว
</p>
</div>
<!-- Graphic Explanation -->
<div class="grid grid-cols-1 gap-8 mt-16 md:grid-cols-2 lg:grid-cols-4">
<!-- 1. สมอง -->
<div class="p-6 text-center transition-all duration-300 bg-white border border-gray-200 rounded-2xl hover:shadow-lg">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">🧠</div>
<h3 class="mt-4 text-lg font-semibold text-gray-900">ที่สมอง</h3>
<p class="mt-1 text-gray-500">ช่วยลดความอยากอาหาร ทำให้รู้สึกอิ่มเร็วและนานขึ้น</p>
</div>
<!-- 2. กระเพาะอาหาร -->
<div class="p-6 text-center transition-all duration-300 bg-white border border-gray-200 rounded-2xl hover:shadow-lg">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">🍽️</div>
<h3 class="mt-4 text-lg font-semibold text-gray-900">ที่กระเพาะอาหาร</h3>
<p class="mt-1 text-gray-500">ชะลอการย่อยอาหาร ควบคุมระดับน้ำตาลหลังมื้ออาหาร</p>
</div>
<!-- 3. ตับอ่อน -->
<div class="p-6 text-center transition-all duration-300 bg-white border border-gray-200 rounded-2xl hover:shadow-lg">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">💧</div>
<h3 class="mt-4 text-lg font-semibold text-gray-900">ที่ตับอ่อน</h3>
<p class="mt-1 text-gray-500">ส่งเสริมการทำงานของอินซูลินเมื่อระดับน้ำตาลสูง</p>
</div>
<!-- 4. เนื้อเยื่อไขมัน -->
<div class="p-6 text-center transition-all duration-300 bg-white border border-gray-200 rounded-2xl hover:shadow-lg">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">🔥</div>
<h3 class="mt-4 text-lg font-semibold text-gray-900">ที่เนื้อเยื่อไขมัน</h3>
<p class="mt-1 text-gray-500">ช่วยปรับปรุงกระบวนการเผาผลาญไขมันในร่างกาย</p>
</div>
</div>
<!-- Key Result -->
<div class="p-10 mt-16 text-center bg-gray-900 rounded-3xl">
<p class="text-2xl font-medium text-gray-300">
ด้วยกลไกอัจฉริยะนี้
ผลการศึกษาพบว่าสามารถช่วย
</p>
<h2 id="h-ลดน้ำหนักเฉลี่ย-225" class="my-4 font-bold text-white text-7xl">
ลดน้ำหนักเฉลี่ย <span class="text-[var(--primary-color)]">22.5%</span>
</h2>
<p class="text-xl text-gray-400">
ในกลุ่มผู้เข้าร่วมโปรแกรมที่มีสุขภาพดี
(เทียบกับค่าเฉลี่ยของนวัตกรรมเดิมๆ)
</p>
</div>
</div>
</section>
<!-- ===== 5. WHO IS IT FOR? ===== -->
<section class="py-24 fade-in-section bg-[var(--bg-light-pink)]">
<div class="container grid items-center gap-12 px-6 mx-auto max-w-7xl md:grid-cols-2">
<!-- Content -->
<div>
<h2 id="h-โปรแกรมนี้-เหมาะกับใคร" class="text-gray-900">
โปรแกรมนี้... เหมาะกับใคร?
</h2>
<p class="mt-4 text-lg text-gray-600">
โปรแกรม Secret Sexy
ออกแบบมาสำหรับผู้ที่จริงจังกับการเปลี่ยนแปลงรูปร่าง
และต้องการผลลัพธ์ที่ยั่งยืน
ภายใต้การดูแลของแพทย์
</p>
<ul class="mt-6 space-y-4 checked-list">
<li>ผู้ที่มีดัชนีมวลกาย (BMI) ตั้งแต่ 30 ขึ้นไป (เข้าข่ายโรคอ้วน)</li>
<li>ผู้ที่มี BMI ตั้งแต่ 27 ขึ้นไป และมีโรคประจำตัวร่วมด้วย</li>
<li>ผู้ที่ลองลดน้ำหนักด้วยวิธีทั่วไปแล้วแต่ยังไม่ได้ผล</li>
<li>ผู้ที่ต้องการทางเลือกที่มีประสิทธิภาพและปลอดภัย</li>
</ul>
</div>
<!-- Image -->
<div class="p-8 bg-white rounded-2xl shadow-xl">
<img src="https://pub-5d2d89d6d6f4408a827d18356889fb77.r2.dev/wp-content/uploads/2025/11/being_healthy.png"
alt="ตัวอย่างการวัดค่า BMI"
class="w-full h-auto rounded-2xl">
<h3 class="mt-6 text-gray-900">
ข้อควรระวัง
</h3>
<p class="mt-2 text-gray-600">
โปรแกรมนี้ไม่เหมาะสำหรับ
สตรีมีครรภ์,
ผู้ที่กำลังให้นมบุตร,
ผู้ที่มีประวัติมะเร็งต่อมไทรอยด์ชนิด
Medullary หรือโรค MEN 2
</p>
</div>
</div>
</section>
<!-- ===== 6. PRICING & PACKAGES ===== -->
<!-- (Minimize Time Delay by showing clear courses) -->
<section id="pricing" class="py-24 bg-white fade-in-section">
<div class="container px-6 mx-auto max-w-7xl">
<div class="max-w-3xl mx-auto text-center">
<h2 id="h-แพ็กเกจที่ออกแบบมาเพื่อคุณ" class="text-gray-900">
แพ็กเกจที่ออกแบบมาเพื่อคุณ
</h2>
<p class="mt-4 text-lg text-gray-600">
เราเน้นความคุ้มค่า
และรวมทุกอย่างที่จำเป็นไว้แล้ว
ไม่มีค่าใช้จ่ายแอบแฝง
</p>
</div>
<!-- Pricing Cards -->
<div class="grid grid-cols-1 gap-8 mt-16 lg:grid-cols-3">
<!-- Card 1: Starter Package -->
<div class="relative flex flex-col justify-between p-8 overflow-hidden bg-white border border-gray-200 rounded-3xl shadow-lg">
<div>
<span class="inline-block px-4 py-1 text-sm font-semibold rounded-full bg-pink-100 text-[var(--primary-color)]">
แนะนำ!
</span>
<h3 class="mt-4 text-2xl font-semibold text-gray-900">โปรโมชั่น Starter (2 เดือน)</h3>
<p class="mt-4 text-gray-600">Starter Course (ระดับ 1 x 4 ครั้ง)</p>
<div class="mt-6">
<span class="text-5xl font-bold text-[var(--primary-color)]">2,990</span>
<span class="text-xl font-medium text-gray-500">บ./ครั้ง</span>
</div>
<p class="text-gray-500 line-through">จากปกติ 3,490 บ./ครั้ง</p>
<p class="font-semibold text-gray-700">(ราคารวม 11,960 บ.) <strong class="text-red-600">ประหยัด 23%!</strong></p>
<ul class="mt-6 space-y-3 text-gray-600 checked-list">
<li><strong>นวัตกรรม Secret Sexy</strong> ระดับ 1 (4 ครั้ง)</li>
<li><strong>ฟรี!</strong> Gastric Protection Complex <span class="text-gray-500">(มูลค่า 800 บ./ครั้ง)</span></li>
<li><strong>ฟรี!</strong> Body-Health Supplement IV (2 ครั้ง) <span class="text-gray-500">(มูลค่ารวม 1,600 บ.)</span></li>
<li><strong>ฟรี!</strong> ติดตามผลโดยแพทย์อย่างใกล้ชิด <span class="text-gray-500">(ประเมินค่าไม่ได้)</span></li>
</ul>
</div>
<a href="#cta" class="block w-full px-6 py-4 mt-8 font-bold text-center rounded-full cta-button-secondary">
เลือกแพ็กเกจนี้
</a>
</div>
<!-- Card 2: Progressive-Course (Best Value) -->
<div class="relative flex flex-col justify-between p-8 overflow-hidden bg-white rounded-3xl shadow-lg best-value-card">
<div class="best-value-badge">คุ้มที่สุด!</div>
<div>
<span class="inline-block px-4 py-1 text-sm font-semibold rounded-full bg-yellow-100 text-yellow-800">
คุ้มที่สุด!
</span>
<h3 class="mt-4 text-2xl font-semibold text-gray-900">โปรโมชั่น Progressive (3 เดือน)</h3>
<p class="mt-4 text-gray-600">(ระดับ 1 x 4 ครั้ง + ระดับ 2 x 2 ครั้ง)</p>
<div class="mt-6">
<span class="text-5xl font-bold text-[var(--primary-color)]">3,457</span>
<span class="text-xl font-medium text-gray-500">บ./ครั้ง (เฉลี่ย)</span>
</div>
<p class="text-gray-500 line-through">มูลค่ารวมกว่า 30,940 บ.</p>
<p class="font-semibold text-gray-700">(ราคารวม 20,740 บ.) <strong class="text-red-600">ประหยัด 33%!</strong></p>
<ul class="mt-6 space-y-3 text-gray-600 checked-list">
<li><strong>นวัตกรรม Secret Sexy</strong> (6 ครั้ง)</li>
<li><strong>ฟรี!</strong> Gastric Protection Complex <span class="text-gray-500">(มูลค่า 800 บ./ครั้ง)</span></li>
<li><strong>ฟรี!</strong> Body-Health Supplement IV (3 ครั้ง) <span class="text-gray-500">(มูลค่ารวม 2,400 บ.)</span></li>
<li><strong>ฟรี!</strong> ติดตามผลโดยแพทย์อย่างใกล้ชิด <span class="text-gray-500">(ประเมินค่าไม่ได้)</span></li>
</ul>
</div>
<a href="#cta" class="block w-full px-6 py-4 mt-8 font-bold text-center rounded-full cta-button">
เลือกแพ็กเกจคุ้มที่สุด
</a>
</div>
<!-- Card 3: Booster Package -->
<div class="relative flex flex-col justify-between p-8 overflow-hidden bg-white border border-gray-200 rounded-3xl shadow-lg">
<div>
<span class="inline-block px-4 py-1 text-sm font-semibold rounded-full bg-gray-100 text-gray-700">
Boost Course
</span>
<h3 class="mt-4 text-2xl font-semibold text-gray-900">โปรโมชั่น Booster (2 เดือน)</h3>
<p class="mt-4 text-gray-600">Boost Course (ระดับ 2 x 4 ครั้ง)</p>
<div class="mt-6">
<span class="text-5xl font-bold text-[var(--primary-color)]">4,390</span>
<span class="text-xl font-medium text-gray-500">บ./ครั้ง</span>
</div>
<p class="text-gray-500 line-through">จากปกติ 4,890 บ./ครั้ง</p>
<p class="font-semibold text-gray-700">(ราคารวม 17,560 บ.) <strong class="text-red-600">ประหยัด 17%!</strong></p>
<ul class="mt-6 space-y-3 text-gray-600 checked-list">
<li><strong>นวัตกรรม Secret Sexy</strong> ระดับ 2 (4 ครั้ง)</li>
<li><strong>ฟรี!</strong> Gastric Protection Complex <span class="text-gray-500">(มูลค่า 800 บ./ครั้ง)</span></li>
<li><strong>ฟรี!</strong> Body-Health Supplement IV (2 ครั้ง) <span class="text-gray-500">(มูลค่ารวม 1,600 บ.)</span></li>
<li><strong>ฟรี!</strong> ติดตามผลโดยแพทย์อย่างใกล้ชิด <span class="text-gray-500">(ประเมินค่าไม่ได้)</span></li>
</ul>
</div>
<a href="#cta" class="block w-full px-6 py-4 mt-8 font-bold text-center rounded-full cta-button-secondary">
เลือกแพ็กเกจนี้
</a>
</div>
</div>
<!-- Single Visit Note -->
<div class="p-8 mt-16 bg-gray-100 rounded-3xl lg:col-span-3">
<h3 class="text-2xl font-semibold text-center text-gray-900">
สำหรับผู้ที่ต้องการทดลอง หรือซื้อรายครั้ง
</h3>
<p class="mt-4 text-lg text-center text-gray-700">
คุณสามารถเลือกซื้อเป็นรายครั้งได้
เพื่อความยืดหยุ่นที่มากกว่า
</em-css>
<div class="max-w-md p-6 mx-auto mt-6 bg-white rounded-2xl shadow-md">
<p class="text-lg font-semibold text-gray-900">
ระดับ 1 (Starter)
</p>
<p class="text-3xl font-bold text-[var(--primary-color)]">
3,490 <span class="text-lg font-medium text-gray-500">บาท/ครั้ง</span>
</p>
<ul class="mt-4 text-sm text-gray-600">
<li>+ รวม Gastric Protection Complex (มูลค่า 800 บ.)</li>
<li>+ รวมค่าปรึกษาและติดตามผลโดยแพทย์</li>
</ul>
<p class="mt-4 text-sm text-gray-600">
*ราคาระดับ 2 (Booster) เริ่มต้น 4,890 บ./ครั้ง
(สอบถามราคาระดับอื่นๆเพิ่มเติมได้)
</p>
</div>
</div>
</div>
</section>
<!-- ===== 7. SAFETY & RISK REVERSAL ===== -->
<!-- (Minimize Sacrifice) -->
<section class="py-24 bg-[var(--bg-light-pink)] fade-in-section">
<div class="container grid items-center gap-12 px-6 mx-auto max-w-7xl md:grid-cols-2">
<!-- Content -->
<div>
<span class="text-base font-semibold text-[var(--primary-color)]">
ความปลอดภัยคือหัวใจของเรา
</span>
<h2 id="h-มั่นใจได้-100-กับค" class="mt-2 text-gray-900">
มั่นใจได้ 100%
กับความปลอดภัย
</h2>
<p class="mt-4 text-lg text-gray-600">
เราเข้าใจดีว่า
ความกังวลเรื่องผลข้างเคียงเป็นเรื่องสำคัญ
ที่เดอไภช์คลินิก
เราจึงให้ความสำคัญกับเรื่องนี้เป็นอันดับหนึ่ง
</p>
<!-- Safety Box -->
<div class="p-6 mt-6 bg-white rounded-2xl shadow-lg border-l-4 border-[var(--primary-color)]">
<h3 class="text-xl font-semibold text-gray-900">
ฟรี! "Gastric Protection Complex"
</h3>
<p class="mt-2 text-gray-600">
ในทุกแพ็กเกจ
เราได้จัดเตรียม "ยาปกป้องกระเพาะอาหาร"
สูตรเฉพาะของคลินิก
เพื่อช่วยลดอาการคลื่นไส้
หรือระคายเคืองที่อาจเกิดขึ้นในช่วงแรก
<strong>โดยไม่มีค่าใช้จ่ายเพิ่มเติม</strong>
</p>
</div>
</div>
<!-- Side Effects -->
<div class="p-8 bg-white rounded-2xl shadow-lg">
<h3 class="text-xl font-semibold text-gray-900">
ผลข้างเคียงที่อาจเกิดขึ้น (และจัดการได้)
</h3>
<p class="mt-2 text-gray-600">
ผลข้างเคียงส่วนใหญ่ (เช่น
คลื่นไส้, ท้องผูก)
มักเกิดขึ้นเพียงชั่วคราวในช่วงแรก
และจะดีขึ้นเองเมื่อร่างกายปรับตัวได้
ซึ่งการดูแลแบบค่อยเป็นค่อยไปและการใช้ยาปกป้องกระเพาะจะช่วยลดอาการเหล่านี้ได้มาก
</p>
</div>
</div>
</section>
<!-- ===== 8. STACKING THE VALUE (More Dream Outcome) ===== -->
<section class="py-24 bg-white fade-in-section">
<div class="container px-6 mx-auto max-w-7xl">
<div class="max-w-3xl mx-auto text-center">
<h2 id="h-ได้มากกว่า-แค่การลดน้ำหนัก" class="text-gray-900">
ได้มากกว่า... แค่การลดน้ำหนัก
</h2>
<p class="mt-4 text-lg text-gray-600">
โปรแกรม Secret Sexy
ไม่เพียงแต่ช่วยให้คุณมีรูปร่างที่ดีขึ้น
แต่ยังส่งผลดีต่อสุขภาพโดยรวมอย่างยั่งยืน
</em-css>
</div>
<div class="grid grid-cols-1 gap-8 mt-16 md:grid-cols-3">
<!-- Benefit 1 -->
<div class="p-8 text-center transition-all duration-300 bg-white border-2 border-transparent rounded-2xl shadow-xl hover:border-[var(--primary-color)]">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">❤️</div>
<h3 class="mt-6 text-gray-900">สุขภาพหัวใจและหลอดเลือด</h3>
<p class="mt-2 text-gray-500">
ช่วยลดความดันโลหิต
และปรับปรุงระดับไขมันในเลือด
(ลด LDL, เพิ่ม HDL)
</p>
</div>
<!-- Benefit 2 -->
<div class="p-8 text-center transition-all duration-300 bg-white border-2 border-transparent rounded-2xl shadow-xl hover:border-[var(--primary-color)]">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">📈</div>
<h3 class="mt-6 text-gray-900">ควบคุมระดับน้ำตาล</h3>
<p class="mt-2 text-gray-500">
มีประโยชน์อย่างยิ่งสำหรับผู้ที่มีภาวะก่อนเบาหวาน
หรือผู้ป่วยเบาหวาน
</p>
</div>
<!-- Benefit 3 -->
<div class="p-8 text-center transition-all duration-300 bg-white border-2 border-transparent rounded-2xl shadow-xl hover:border-[var(--primary-color)]">
<div class="inline-flex items-center justify-center w-16 h-16 text-3xl rounded-full bg-pink-100 text-[var(--primary-color)]">✨</div>
<h3 class="mt-6 text-gray-900">ปรับปรุงคุณภาพชีวิต</h3>
<p class="mt-2 text-gray-500">
เมื่อน้ำหนักลดลง
จะรู้สึกมีพลัง
สุขภาพดีขึ้น
และมั่นใจในตัวเองมากขึ้น
</p>
</div>
</div>
</div>
</section>
<!-- ===== 9. SOCIAL PROOF (Testimonials) ===== -->
<!-- (Maximize Likelihood of Achievement) -->
<section class="py-24 bg-[var(--bg-light-pink)] fade-in-section">
<div class="container px-6 mx-auto max-w-7xl">
<div class="max-w-3xl mx-auto text-center">
<h2 id="h-เสียงตอบรับจากคนไข้จริง" class="text-gray-900">
เสียงตอบรับจากคนไข้จริง
</h2>
<p class="mt-4 text-lg text-gray-600">
ความสำเร็จของพวกเขา
คือความภูมิใจของเรา
</em-css>
</div>
<!-- Testimonial Cards -->
<div class="grid grid-cols-1 gap-8 mt-16 md:grid-cols-3">
<!-- Testimonial 1 -->
<div class="flex flex-col p-8 bg-white rounded-2xl shadow-lg">
<div class="flex-shrink-0">
<img class="object-cover w-16 h-16 rounded-full" src="https://placehold.co/100x100/FADADD/333333?text=K.+Aom" alt="คุณอ้อม">
</div>
<div class="flex-grow mt-4">
<p class="italic text-gray-600">
"ลองมาหลายวิธีมาก
ทั้งอดอาหาร ออกกำลังกาย
น้ำหนักก็ไม่ลง
พอมาเข้าโปรแกรมกับคุณหมอ Time
น้ำหนักลดไป 10 กิโลใน 2 เดือน
ไม่หิว ไม่โทรมเลยค่ะ
มั่นใจขึ้นมาก"
</em-css>
<footer class="mt-6">
<p class="font-semibold text-gray-900">คุณอ้อม</p>
<p class="text-sm text-gray-500">พนักงานออฟฟิศ, อายุ 32 ปี</p>
</footer>
</div>
</div>
<!-- Testimonial 2 -->
<div class="flex flex-col p-8 bg-white rounded-2xl shadow-lg">
<div class="flex-shrink-0">
<img class="object-cover w-16 h-16 rounded-full" src="https://placehold.co/100x100/C09F6A/FFFFFF?text=K.+Bank" alt="คุณแบงค์">
</div>
<div class="flex-grow mt-4">
<p class="italic text-gray-600">
"ผมมีปัญหาเรื่องเบาหวานและความดัน
คุณหมอแนะนำโปรแกรมนี้
นอกจากน้ำหนักจะลดลง 15
กิโลแล้ว
ค่าน้ำตาลกับความดันก็ดีขึ้นมาก
สุขภาพดีขึ้นจริงๆ ครับ
คุณหมอดูแลดีมาก"
</em-css>
<footer class="mt-6">
<p class="font-semibold text-gray-900">คุณแบงค์</p>
<p class="text-sm text-gray-500">เจ้าของธุรกิจ, อายุ 45 ปี</p>
</footer>
</div>
</div>
<!-- Testimonial 3 -->
<div class="flex flex-col p-8 bg-white rounded-2xl shadow-lg">
<div class="flex-shrink-0">
<img class="object-cover w-16 h-16 rounded-full" src="https://placehold.co/100x100/333333/FFFFFF?text=K.+Ploy" alt="คุณพลอย">
</div>
<div class="flex-grow mt-4">
<p class="italic text-gray-600">
"กังวลเรื่องผลข้างเคียงมาก
แต่ที่นี่มียาปกป้องกระเพาะให้
แทบไม่มีอาการคลื่นไส้เลยค่ะ
คุณหมอค่อยๆ
ปรับระดับยาให้
สบายใจมาก
ตอนนี้ใส่ชุดสวยๆ ได้แล้วค่ะ"
</em-css>
<footer class="mt-6">
<p class="font-semibold text-gray-900">คุณพลอย</p>
<p class="text-sm text-gray-500">Content Creator, อายุ 28 ปี</p>
</footer>
</div>
</div>
</div>
</div>
</section>
<!-- ===== 10. WHY US? (Authority) ===== -->
<section class="py-24 bg-white fade-in-section">
<div class="container grid items-center gap-12 px-6 mx-auto max-w-7xl md:grid-cols-2">
<!-- Image -->
<div>
</div>
<!-- Content -->
<div>
<h2 id="h-ทำไมต้องเลือก-" class="text-gray-900">
ทำไมต้องเลือก
<br>
<span class="text-[var(--primary-color)]">เดอไภช์คลินิก</span>
</h2>
<p class="mt-4 text-lg text-gray-600">
ในฐานะแพทย์ที่มีประสบการณ์
ผมเข้าใจดีว่าการลดน้ำหนักไม่ใช่เรื่องง่าย
แต่ด้วยเทคโนโลยีใหม่ล่าสุดนี้
ทำให้เราสามารถช่วยเหลือคนไข้ได้อย่างมีประสิทธิภาพและปลอดภัยมากขึ้น
</em-css>
<ul class="mt-6 space-y-4 checked-list">
<li><strong>ดูแลโดยแพทย์มากประสบการณ์</strong> ตลอดโปรแกรมการรักษา</li>
<li><strong>ติดตามผลอย่างใกล้ชิด</strong> และปรับแผนการรักษาให้เหมาะสม</li>
<li><strong>ให้คำปรึกษาแบบเฉพาะบุคคล</strong> เพื่อให้คุณบรรลุเป้าหมาย</li>
</ul>
<!-- Doctor's Quote -->
<blockquote class="p-6 mt-8 italic bg-gray-100 border-l-4 border-[var(--primary-color)] rounded-r-lg">
"เพราะความงามที่ดีที่สุด
คือความงามที่สะท้อนสุขภาพที่ดีจากภายใน"
<cite class="block mt-4 not-italic font-semibold text-gray-900">
- คุณหมอ Time, เดอไภช์คลินิก
</cite>
</blockquote>
</div>
</div>
</section>
<!-- ===== 11. FINAL CTA ===== -->
<section id="cta" class="py-24 fade-in-section bg-cover bg-center">
<div class="container px-6 mx-auto max-w-3xl text-center">
<h2 id="h-เริ่มต้นเส้นทางสู่รูปร่างในฝัน-" class="text-white">
เริ่มต้นเส้นทางสู่รูปร่างในฝัน
<br>
ของคุณ... วันนี้
</h2>
<p class="mt-4 text-xl text-gray-200">
หากคุณเหนื่อยกับการลดน้ำหนักแบบเดิมๆ
และต้องการวิธีที่มีประสิทธิภาพ
ภายใต้การดูแลของแพทย์ โปรแกรม Secret Sexy
อาจเป็นคำตอบที่คุณกำลังมองหา
</em-css>
<a href="https://line.me/R/ti/p/%40depryclinic"
class="inline-block px-10 py-5 mt-10 font-bold text-white rounded-full text-lg cta-button"
target="_blank" rel="noopener noreferrer">
ปรึกษา คุณหมอ Time เลยตอนนี้ (ฟรี!)
</a>
<p class="mt-4 text-sm text-gray-300">
คลิกเพื่อแอดไลน์
ปรึกษาปัญหาและประเมินเบื้องต้น
ไม่มีค่าใช้จ่าย
</em-css>
</div>
</section>
<!-- Footer -->
<footer class="py-16 text-center text-gray-600 bg-gray-100">
<p>© 2025 เดอไภช์คลินิก พิษณุโลก (De Pyche Clinic). All rights reserved.</p>
<p class="text-sm">
ออกแบบ Salepage
โดยเน้นหลักการ Conversion Rate Optimization
</em-css>
</footer>
<!-- JavaScript for Animations -->
<script>
document.addEventListener("DOMContentLoaded", function() {
const sections = document.querySelectorAll('.fade-in-section');
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
}
});
}, {
threshold: 0.1
});
sections.forEach(section => {
observer.observe(section);
});
});
</script>
