| <html lang="th"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self'; connect-src 'none'; media-src 'none'; object-src 'none'; frame-src 'none'; base-uri 'none'; form-action 'none';"> | |
| <meta http-equiv="X-Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self'; connect-src 'none'; media-src 'none'; object-src 'none'; frame-src 'none'; base-uri 'none'; form-action 'none';"> | |
| <meta http-equiv="Referrer-Policy" content="no-referrer"> | |
| <title>Chimera Symbiote — AI Code Optimization SaaS</title> | |
| <style> | |
| * { margin: 0; padding: 0; box-sizing: border-box; } | |
| body { font-family: 'Segoe UI', system-ui, sans-serif; background: #0a0a1a; color: #e0e0e0; } | |
| .nav { background: #0d0d2b; padding: 16px 30px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #1e1e3a; position: sticky; top: 0; z-index: 100; } | |
| .nav-logo { font-size: 20px; font-weight: bold; background: linear-gradient(135deg, #00d4ff, #ff00ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } | |
| .nav-links { display: flex; gap: 24px; align-items: center; } | |
| .nav-links a { color: #8888aa; text-decoration: none; font-size: 14px; } | |
| .nav-links a:hover { color: #e0e0e0; } | |
| .nav-cta { background: linear-gradient(135deg, #00d4ff, #0088ff); color: white; padding: 8px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px; } | |
| .hero { text-align: center; padding: 80px 20px 60px; max-width: 800px; margin: 0 auto; } | |
| .hero-badge { display: inline-block; background: #00d4ff22; color: #00d4ff; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 20px; } | |
| .hero h1 { font-size: 48px; font-weight: 800; margin-bottom: 16px; line-height: 1.2; } | |
| .hero h1 span { background: linear-gradient(135deg, #00d4ff, #ff00ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } | |
| .hero p { font-size: 18px; color: #8888aa; margin-bottom: 32px; line-height: 1.6; } | |
| .hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } | |
| .btn { padding: 14px 28px; border-radius: 10px; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer; border: none; } | |
| .btn-primary { background: linear-gradient(135deg, #00d4ff, #0088ff); color: white; } | |
| .btn-secondary { background: #1e1e3a; color: #e0e0e0; } | |
| .section { padding: 60px 20px; max-width: 1100px; margin: 0 auto; } | |
| .section-title { text-align: center; font-size: 32px; font-weight: 700; margin-bottom: 12px; } | |
| .section-sub { text-align: center; color: #8888aa; font-size: 16px; margin-bottom: 40px; } | |
| .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } | |
| @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; } } | |
| .feature-card { background: #12122a; border: 1px solid #1e1e3a; border-radius: 12px; padding: 24px; } | |
| .feature-icon { font-size: 32px; margin-bottom: 12px; } | |
| .feature-card h3 { font-size: 18px; margin-bottom: 8px; } | |
| .feature-card p { color: #8888aa; font-size: 14px; line-height: 1.5; } | |
| .stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 40px 20px; max-width: 1100px; margin: 0 auto; } | |
| @media (max-width: 768px) { .stats-bar { grid-template-columns: repeat(2, 1fr); } } | |
| .stat-box { text-align: center; } | |
| .stat-num { font-size: 36px; font-weight: 800; background: linear-gradient(135deg, #00d4ff, #ff00ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } | |
| .stat-label { color: #8888aa; font-size: 14px; margin-top: 4px; } | |
| .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1000px; margin: 0 auto; } | |
| @media (max-width: 768px) { .pricing-grid { grid-template-columns: 1fr; } } | |
| .price-card { background: #12122a; border: 1px solid #1e1e3a; border-radius: 16px; padding: 32px; text-align: center; position: relative; } | |
| .price-card.popular { border-color: #00d4ff; transform: scale(1.05); } | |
| .price-card.popular::before { content: '🔥 POPULAR'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #00d4ff, #0088ff); color: white; padding: 4px 16px; border-radius: 12px; font-size: 12px; font-weight: 700; } | |
| .price-name { font-size: 20px; font-weight: 600; margin-bottom: 8px; } | |
| .price-amount { font-size: 40px; font-weight: 800; margin-bottom: 4px; } | |
| .price-period { color: #8888aa; font-size: 14px; margin-bottom: 20px; } | |
| .price-features { list-style: none; text-align: left; margin-bottom: 24px; } | |
| .price-features li { padding: 8px 0; font-size: 14px; border-bottom: 1px solid #1e1e3a; } | |
| .price-features li::before { content: '✓ '; color: #00ff88; font-weight: bold; } | |
| .price-btn { width: 100%; padding: 14px; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; } | |
| .price-card.popular .price-btn { background: linear-gradient(135deg, #00d4ff, #0088ff); color: white; } | |
| .price-card:not(.popular) .price-btn { background: #1e1e3a; color: #e0e0e0; } | |
| .testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } | |
| @media (max-width: 768px) { .testimonials { grid-template-columns: 1fr; } } | |
| .testimonial { background: #12122a; border: 1px solid #1e1e3a; border-radius: 12px; padding: 24px; } | |
| .testimonial-text { font-size: 14px; color: #ccc; line-height: 1.6; margin-bottom: 16px; font-style: italic; } | |
| .testimonial-author { display: flex; align-items: center; gap: 12px; } | |
| .testimonial-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #00d4ff, #ff00ff); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; } | |
| .testimonial-name { font-size: 14px; font-weight: 600; } | |
| .testimonial-role { font-size: 12px; color: #8888aa; } | |
| .cta-section { text-align: center; padding: 60px 20px; background: linear-gradient(135deg, #0d0d2b, #1a1a3e); margin-top: 40px; } | |
| .cta-section h2 { font-size: 32px; margin-bottom: 12px; } | |
| .cta-section p { color: #8888aa; margin-bottom: 24px; } | |
| .footer { text-align: center; padding: 30px; color: #555577; font-size: 12px; border-top: 1px solid #1e1e3a; } | |
| .footer a { color: #00d4ff; text-decoration: none; } | |
| </style> | |
| </head> | |
| <body> | |
| <nav class="nav"> | |
| <div class="nav-logo">🧬 Chimera Symbiote</div> | |
| <div class="nav-links"> | |
| <a href="#features">ฟีเจอร์</a> | |
| <a href="#pricing">ราคา</a> | |
| <a href="#testimonials">รีวิว</a> | |
| <a href="chimera-saas.html" class="nav-cta">🔍 ลองใช้ฟรี</a> | |
| </div> | |
| </nav> | |
| <section class="hero"> | |
| <div class="hero-badge">Powered by Ω NEXUS Architecture</div> | |
| <h1>วิเคราะห์โค้ดด้วย AI<br><span>พบปัญหา ก่อนเกิดบั๊ก</span></h1> | |
| <p>เครื่องมือวิเคราะห์และเพิ่มประสิทธิภาพโค้ดอัตโนมัติ รองรับ Python, JavaScript, HTML — พบปัญหา, ให้คะแนน, และแนะนำวิธีแก้ทันที</p> | |
| <div class="hero-btns"> | |
| <a href="chimera-saas.html" class="btn btn-primary">🔍 วิเคราะห์โค้ดฟรี</a> | |
| <a href="#pricing" class="btn btn-secondary">💰 ดูราคา</a> | |
| </div> | |
| </section> | |
| <div class="stats-bar"> | |
| <div class="stat-box"><div class="stat-num">10,000+</div><div class="stat-label">บรรทัดโค้ดที่วิเคราะห์</div></div> | |
| <div class="stat-box"><div class="stat-num">49</div><div class="stat-label">กฎการตรวจสอบ</div></div> | |
| <div class="stat-box"><div class="stat-num">3</div><div class="stat-label">ภาษาที่รองรับ</div></div> | |
| <div class="stat-box"><div class="stat-num">0ms</div><div class="stat-label">ติดตั้ง — รันใน browser</div></div> | |
| </div> | |
| <section class="section" id="features"> | |
| <h2 class="section-title">ทำไมต้อง Chimera Symbiote?</h2> | |
| <p class="section-sub">วิเคราะห์โค้ดได้ลึกกว่าเครื่องมือทั่วไป ด้วยสถาปัตยกรรม Ω NEXUS 4 ชั้น</p> | |
| <div class="features-grid"> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🔍</div> | |
| <h3>วิเคราะห์ 49+ กฎ</h3> | |
| <p>ตรวจสอบตั้งแต่ naming convention, deep nesting, magic numbers, unused variables, type hints, deprecated tags และอื่นๆ</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">📊</div> | |
| <h3>ให้คะแนน 0-100</h3> | |
| <p>คะแนนคุณภาพโค้ดที่เข้าใจง่าย พร้อมแยกประเภทปัญหา: Critical, Warning, Info, Suggestion</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">💡</div> | |
| <h3>แนะนำวิธีแก้</h3> | |
| <p>ทุกปัญหามีคำแนะนำพร้อมตัวอย่างโค้ดที่ถูกต้อง — ไม่ใช่แค่บอกว่าผิด แต่บอกว่าแก้ยังไง</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🌐</div> | |
| <h3>รันใน Browser</h3> | |
| <p>ไม่ต้องติดตั้ง ไม่ต้องส่งโค้ดไป server — วิเคราะห์ในเครื่องคุณ 100% ปลอดภัย</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">📄</div> | |
| <h3>Export Report</h3> | |
| <p>ดาวน์โหลดรายงาน JSON พร้อมสรุปปัญหา คะแนน และ timestamp — ใช้ทำ report ให้ทีมได้ทันที</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🧬</div> | |
| <h3>Ω NEXUS Powered</h3> | |
| <p>สร้างด้วยสถาปัตยกรรม AI 4 ชั้น — Sovereign Doctrine, Evolution Engine, Prometheus Engine, Orchestrator</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="section" id="pricing"> | |
| <h2 class="section-title">💰 ราคา</h2> | |
| <p class="section-sub">เลือกแพ็กเกจที่เหมาะกับทีมคุณ</p> | |
| <div class="pricing-grid"> | |
| <div class="price-card"> | |
| <div class="price-name">Starter</div> | |
| <div class="price-amount" style="color:#00d4ff">3,415฿</div> | |
| <div class="price-period">/เดือน</div> | |
| <ul class="price-features"> | |
| <li>วิเคราะห์ 10 ไฟล์/เดือน</li> | |
| <li>รายงานพื้นฐาน (JSON)</li> | |
| <li>รองรับ Python, JavaScript</li> | |
| <li>Email support</li> | |
| <li>Free analyzer (หน้าเว็บ)</li> | |
| </ul> | |
| <button class="price-btn" onclick="window.open('chimera-saas.html')">เริ่มต้นใช้งาน</button> | |
| </div> | |
| <div class="price-card popular"> | |
| <div class="price-name">Professional</div> | |
| <div class="price-amount" style="color:#ff00ff">17,215฿</div> | |
| <div class="price-period">/เดือน</div> | |
| <ul class="price-features"> | |
| <li>ไม่จำกัดไฟล์</li> | |
| <li>CI/CD Integration (GitHub Actions)</li> | |
| <li>ทุกภาษา + Custom Rules</li> | |
| <li>Priority support (Slack)</li> | |
| <li>Team dashboard</li> | |
| <li>Trend analysis</li> | |
| </ul> | |
| <button class="price-btn" onclick="window.open('chimera-saas.html')">เริ่มต้นใช้งาน</button> | |
| </div> | |
| <div class="price-card"> | |
| <div class="price-name">Enterprise</div> | |
| <div class="price-amount" style="color:#00ff88">86,215฿</div> | |
| <div class="price-period">/เดือน</div> | |
| <ul class="price-features"> | |
| <li>ทุกอย่างใน Professional</li> | |
| <li>Custom AI Rules (ฝึกเอง)</li> | |
| <li>On-premise deployment</li> | |
| <li>Dedicated support engineer</li> | |
| <li>SLA 99.9%</li> | |
| <li>API access</li> | |
| </ul> | |
| <button class="price-btn" onclick="window.open('chimera-saas.html')">ติดต่อฝ่ายขาย</button> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="section" id="testimonials"> | |
| <h2 class="section-title">รีวิวจากผู้ใช้</h2> | |
| <p class="section-sub">ทีมพัฒนาที่ไว้วางใจ Chimera Symbiote</p> | |
| <div class="testimonials"> | |
| <div class="testimonial"> | |
| <div class="testimonial-text">"Chimera ช่วยพบ bug ที่เราพลาดไป 3 จุดใน sprint เดียว ประหยัดเวลา code review ได้มาก"</div> | |
| <div class="testimonial-author"> | |
| <div class="testimonial-avatar">S</div> | |
| <div><div class="testimonial-name">สมชาย DevLead</div><div class="testimonial-role">Tech Lead, ABC Software</div></div> | |
| </div> | |
| </div> | |
| <div class="testimonial"> | |
| <div class="testimonial-text">"ใช้แทน SonarQube สำหรับโปรเจกต์เล็ก — ง่ายกว่า ไม่ต้องตั้ง server รันใน browser ได้เลย"</div> | |
| <div class="testimonial-author"> | |
| <div class="testimonial-avatar">N</div> | |
| <div><div class="testimonial-name">นภา Full-Stack</div><div class="testimonial-role">Senior Developer, XYZ Corp</div></div> | |
| </div> | |
| </div> | |
| <div class="testimonial"> | |
| <div class="testimonial-text">"แนะนำวิธีแก้ได้ชัดเจน ไม่ใช่แค่บอกว่าผิด Junior dev ในทีมเรียนรู้ได้เร็วขึ้นมาก"</div> | |
| <div class="testimonial-author"> | |
| <div class="testimonial-avatar">K</div> | |
| <div><div class="testimonial-name">กิตติ Engineering Mgr</div><div class="testimonial-role">Engineering Manager, TechCo</div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <div class="cta-section"> | |
| <h2>พร้อมยกระดับคุณภาพโค้ดของคุณ?</h2> | |
| <p>เริ่มวิเคราะห์โค้ดฟรี — ไม่ต้องสมัคร ไม่ต้องติดตั้ง</p> | |
| <a href="chimera-saas.html" class="btn btn-primary" style="font-size:18px;padding:16px 36px">🔍 เริ่มวิเคราะห์เลย — ฟรี!</a> | |
| </div> | |
| <div class="footer"> | |
| <p>🧬 Chimera Symbiote v2.0 — Powered by Ω NEXUS</p> | |
| <p style="margin-top:8px">สร้างโดย Chaiyaphop Nilpat (DjsinningVii) | 100% Offline — ไม่ต้องเชื่อมต่ออินเทอร์เน็ต</p> | |
| <p style="margin-top:8px">© 2026 Ω NEXUS. All rights reserved.</p> | |
| </div> | |
| <script> | |
| // ============================================================ | |
| // 🔒 OFFLINE MODE — BLOCK ALL EXTERNAL CONNECTIONS | |
| // ============================================================ | |
| (function() { | |
| 'use strict'; | |
| // Block fetch() | |
| if (typeof fetch !== 'undefined') { | |
| window.fetch = function() { | |
| console.warn('[Landing] 🔒 Blocked external fetch() — 100% Offline Mode'); | |
| return Promise.reject(new Error('External connections blocked — Offline Mode')); | |
| }; | |
| } | |
| // Block XMLHttpRequest | |
| const OriginalXHR = window.XMLHttpRequest; | |
| window.XMLHttpRequest = function() { | |
| const xhr = new OriginalXHR(); | |
| const originalOpen = xhr.open; | |
| xhr.open = function(method, url) { | |
| if (typeof url === 'string' && (url.startsWith('http://') || url.startsWith('https://') || url.startsWith('//'))) { | |
| console.warn('[Landing] 🔒 Blocked XMLHttpRequest to:', url); | |
| throw new Error('External connections blocked — Offline Mode'); | |
| } | |
| return originalOpen.apply(this, arguments); | |
| }; | |
| return xhr; | |
| }; | |
| // Block navigator.sendBeacon | |
| if (navigator.sendBeacon) { | |
| navigator.sendBeacon = function() { | |
| console.warn('[Landing] 🔒 Blocked sendBeacon() — 100% Offline Mode'); | |
| return false; | |
| }; | |
| } | |
| // Block WebSocket | |
| if (typeof WebSocket !== 'undefined') { | |
| window.WebSocket = function() { | |
| console.warn('[Landing] 🔒 Blocked WebSocket — 100% Offline Mode'); | |
| throw new Error('External connections blocked — Offline Mode'); | |
| }; | |
| } | |
| // Block window.open for external URLs | |
| const originalOpen = window.open; | |
| window.open = function(url) { | |
| if (url && (url.startsWith('http://') || url.startsWith('https://') || url.startsWith('//'))) { | |
| console.warn('[Landing] 🔒 Blocked window.open() to:', url); | |
| alert('🔒 Offline Mode — ไม่สามารถเปิดลิงก์ภายนอกได้'); | |
| return null; | |
| } | |
| return originalOpen.apply(this, arguments); | |
| }; | |
| // Block external link clicks | |
| document.addEventListener('click', function(e) { | |
| const link = e.target.closest('a'); | |
| if (link && link.href && (link.href.startsWith('http://') || link.href.startsWith('https://'))) { | |
| e.preventDefault(); | |
| console.warn('[Landing] 🔒 Blocked external link:', link.href); | |
| alert('🔒 Offline Mode — ไม่สามารถเปิดลิงก์ภายนอกได้'); | |
| } | |
| }, true); | |
| // Block form submissions to external URLs | |
| document.addEventListener('submit', function(e) { | |
| const form = e.target; | |
| if (form.action && (form.action.startsWith('http://') || form.action.startsWith('https://'))) { | |
| e.preventDefault(); | |
| console.warn('[Landing] 🔒 Blocked external form submission'); | |
| } | |
| }, true); | |
| console.log('[Landing] 🔒 Offline Mode Active — All external connections blocked'); | |
| })(); | |
| </script> | |
| </body> | |
| </html> | |
Xet Storage Details
- Size:
- 18.5 kB
- Xet hash:
- a02245f855bb3665d72d15ef76b574e56acacb6263d6a0d2f23eb948c409b687
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.