แพ็กเกจโฮสติ้งและ VPS สรุป Web Hosting (SG DE USA TH) Starter Pack - ฿15/เดือน 1 โดเมน, 1 ซับโดเมน 100MB พื้นที่, 10GB แบนด์วิดธ์ 1 อีเมล, 1 ฐานข้อมูล Cookie Pack - ฿29/เดือน (แนะนำ) 1 โดเมน, 5 ซับโดเมน 1024MB พื้นที่, 100GB แบนด์วิดธ์ 10 อีเมล, 10 ฐานข้อมูล Macaron Pack - ฿49/เดือน 30 โดเมน, 50 ซับโดเมน 2000MB พื้นที่, แบนด์วิดธ์ไม่จำกัด 35 อีเมล, ฐานข้อมูลไม่จำกัด Mochi Pack - ฿79/เดือน 79 โดเมน, ซับโดเมนไม่จำกัด 3000MB พื้นที่, แบนด์วิดธ์ไม่จำกัด 150 อีเมล, ฐานข้อมูลไม่จำกัด Business Pack - ฿99/เดือน 99 โดเมน, ซับโดเมนไม่จำกัด 6000MB พื้นที่, แบนด์วิดธ์ไม่จำกัด อีเมลและฐานข้อมูลไม่จำกัด Pro Pack - ฿139/เดือน โดเมนและซับโดเมนไม่จำกัด 9000MB พื้นที่, แบนด์วิดธ์ไม่จำกัด อีเมลและฐานข้อมูลไม่จำกัด E-Commerce Pack - ฿229/เดือน ทุกอย่างไม่จำกัด (โดเมน, ซับโดเมน, อีเมล, ฐานข้อมูล) 18000MB พื้นที่ 📌 ทุกแพ็กเกจมี: ✅ SSL ฟรี, ✅ Softaculous Installer, ✅ DirectAdmin Panel, ✅ สำรองข้อมูลรายสัปดาห์
Reseller Hosting (DirectAdmin THAI) 5GB Plan - ฿150/เดือน 10GB Plan - ฿220/เดือน 20GB Plan - ฿310/เดือน
📌 ทุกแพ็กเกจมี: ✅ Bandwidth ไม่จำกัด, ✅ DirectAdmin Accounts ไม่จำกัด, ✅ SSL ฟรี, ✅ MailChannels Email Delivery
VPS เยอรมัน (Frankfurt, Germany) 2 GB Plan - ฿100 /เดือน (1 vCore, 2GB RAM, 25GB NVMe, 2500GB BW) 4 GB Plan - ฿160/เดือน (1 vCore, 4GB RAM, 40GB NVMe, 2500GB BW) 8 GB Plan - ฿225/เดือน (2 vCore, 8GB RAM, 80GB NVMe, 5000GB BW) 12 GB Plan - ฿365/เดือน (3 vCore, 12GB RAM, 120GB NVMe, 5000GB BW) 16 GB Plan - ฿500/เดือน (4 vCore, 16GB RAM, 160GB NVMe, 10000GB BW) 20 GB Plan - ฿600/เดือน (5 vCore, 20GB RAM, 200GB NVMe, 15000GB BW) 32 GB Plan - ฿850/เดือน (8 vCore, 32GB RAM, 320GB NVMe, 15000GB BW) (เลือกไว้) 📌 ทุกแพ็กเกจมี: ✅ 1 IPv4 & IPv6/64, ✅ Backup slot, ✅ 10Gbps Bandwidth ออกแบบให้ทันสมัยและดูสวยงามเน้นพวก icon และ seo 100%` เขียนโค้ดด้วยภาษา php css js
I'll create a modern, SEO-optimized pricing comparison page for the hosting and VPS packages using Next.js with Tailwind CSS.
This modern pricing page features:
Responsive Design:
- Adapts beautifully to mobile, tablet, and desktop screens
- Card-based layout with clear pricing information
Organized Content:
- Tabbed interface for Web Hosting, Reseller Hosting, and VPS packages
- Highlighted recommended plans
- Clear feature lists with check icons
SEO Optimization:
- Proper meta tags with Thai language keywords
- Semantic HTML structure
- Descriptive headings and content
Modern UI Elements:
- Interactive tabs for package categories
- Hover effects on cards
- Consistent color scheme and spacing
Additional Features:
- "Why Choose Us" section highlighting key benefits
- Call-to-action buttons on each pricing card
- Clean, professional design
The page is built with Next.js and Tailwind CSS for optimal performance and maintainability. You can easily customize colors, add more packages, or integrate this with your backend system.
ออกแบบประมาณนี้แถบเมนูทำให้รองรับมือถือและคอมทำ footer ตามในรูปด้วย
I'll update the design to match the screenshots, including a responsive navigation menu and the footer as shown in the images.
I've created a modern, responsive website that matches the design in the screenshots. Here's what I've implemented:
Responsive Navigation Menu:
- Desktop view shows all menu items horizontally
- Mobile view shows a hamburger menu that expands to show options
- Matches the "PNKShop" branding with the purple/indigo color
Hero Section:
- Gradient background from indigo to teal with dot pattern overlay
- Centered content with the main heading "บริการเว็บโฮสติ้งคุณภาพสูง"
- Descriptive text about server locations and supported technologies
- Two call-to-action buttons for packages and contact
Server Locations Section:
- Shows the three server locations (Singapore, Germany, USA)
- Each location has an icon and descriptive text
- Matches the layout from the screenshot
Pricing Tables:
- Tabbed interface for Web Hosting, Reseller Hosting, and VPS packages
- Responsive grid layout that adapts to different screen sizes
- Highlighted recommended plans
- Clear feature lists with check icons
Footer:
- Four-column layout matching the screenshot
- Company information and services
- Help and company links
- Copyright information
- Payment method icons
The design is fully responsive and will work well on both mobile and desktop devices. The color scheme matches the purple/indigo branding shown in the screenshots, and all the content is in Thai as requested.