import React, { useState, useEffect } from 'react'; import { Zap, Brain, ShieldCheck, Leaf, Lock, Layers, ArrowRight, Activity, Sparkles, CheckCircle2, Globe, Factory, MousePointer2, ChevronRight, Info, ShieldAlert, Cpu } from 'lucide-react'; // --- [PROJECT IDENTITY] --- const sbUrl = 'https://leocdlxhmsgsnbrqdgwb.supabase.co'; const sbKey = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imxlb2NkbHhobXNnc25icnFkZ3diIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzQ3MDcyMjIsImV4cCI6MjA5MDI4MzIyMn0.jTwaQL_Ea6eKbw28VsIvzY3Y1hthIPDI-JUR4Rg3O80'; const App = () => { // --- UI & Content States --- const [headline, setHeadline] = useState('Manage Your ISO Ecosystem with Engineering Management'); const [ctaText, setCtaText] = useState('เริ่มสร้างอธิปไตยทางการค้า'); const [isMutated, setIsMutated] = useState(false); const [sbClient, setSbClient] = useState(null); const [connStatus, setConnStatus] = useState('INITIALIZING'); const [secondsOnPage, setSecondsOnPage] = useState(0); // --- [1. REAL-TIME NERVE SYSTEM] --- useEffect(() => { const script = document.createElement('script'); script.src = "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"; script.async = true; script.onload = () => { if (window.supabase) { const client = window.supabase.createClient(sbUrl, sbKey); setSbClient(client); setConnStatus('LISTENING (LIVE)'); // A. ดึงคำสั่ง Mutation ล่าสุดทันทีที่โหลดหน้า client.from('authority_rules') .select('*') .eq('is_active', true) .order('created_at', { ascending: false }) .limit(1) .then(({ data }) => { if (data && data[0]) applyStrike(data[0]); }); // B. รอฟังคำสั่ง Strike ใหม่ๆ จาก Planner client.channel('any') .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'authority_rules' }, payload => { applyStrike(payload.new); } ).subscribe(); } }; document.head.appendChild(script); // C. ตัวนับเวลาการจ้องมอง (Dwell Time) const timer = setInterval(() => setSecondsOnPage(s => s + 1), 1000); return () => { document.head.removeChild(script); clearInterval(timer); }; }, []); const applyStrike = (rule) => { setHeadline(rule.mutated_headline_thai); if(rule.mutated_cta_thai) setCtaText(rule.mutated_cta_thai); setIsMutated(true); console.log("⚡ [Sovereign Strike Applied]:", rule); }; // --- [2. BEHAVIORAL LOGGING] --- const logBehavior = async (type) => { if (!sbClient) return; await sbClient.from('behavioral_dataset_v2').insert({ session_id: 'prod_web_visitor', url_path: window.location.pathname, interaction_type: type, dwell_time_ms: secondsOnPage * 1000 }); }; return (

{/* 1. DYNAMIC NAVIGATION */} {/* 2. HERO SECTION (STRIKE TARGET) */}

{isMutated ? 'AI STRATEGY ACTIVE' : 'Engineering Excellence'}

{headline}

"บริษัท บี. เทรนนิ่ง คอนซัลแทนท์ จำกัด พลิกโฉมการจัดการองค์กรด้วยวิศวกรรมข้อมูล และระบบสะกดจิตการตลาดระดับมหาอำนาจ"

{/* 3. SAAS ECOSYSTEM MATRIX */}

Sovereign SaaS Suite

Management Engineering Ecosystem

} title="ISO 9001" desc="ระบบบริหารงานคุณภาพเพื่อความเป็นเลิศขององค์กร" color="bg-blue-50" /> } title="ISO 14001" desc="มาตรฐานสิ่งแวดล้อมเพื่ออุตสาหกรรมสีเขียวที่ยั่งยืน" color="bg-emerald-50" /> } title="ISO 22301" desc="การบริหารความต่อเนื่องเพื่อรับมือทุกวิกฤตการณ์" color="bg-pink-50" /> } title="Neural IDE" desc="เครื่องมือออกแบบตรรกะ ISO ที่ฉลาดที่สุดในไทย" color="bg-purple-50" />

{/* 4. BEHAVIORAL DASHBOARD PREVIEW (CEO INSIGHT) */}

Live Analytics

"Data is the
New Sovereignty"

เราเปลี่ยนพฤติกรรมลูกค้าให้เป็นตัวเลข และเปลี่ยนตัวเลขให้เป็นผลกำไร ด้วยระบบวิเคราะห์ Nano-Metrics ที่แม่นยำระดับเสี้ยววินาที

Behavioral Intensity LIVE FEED

{/* 5. DYNAMIC FOOTER */} {/* REAL-TIME NERVE HUD (CEO VIEW) */}

Nerve System Status {connStatus}

{isMutated && (

Strike Applied Successfully

)}

); }; // --- Sub-components --- const ServiceCard = ({ icon, title, desc, color, id }) => (

{icon}

{title}

{desc}

Enter SaaS

); const StatItem = ({ label, value }) => (

{value}

{label}

); const MetricLine = ({ label, value }) => (

{label} {value}%

); export default App;

ที่ปรึกษาธุรกิจ Business Consultant

Tags: ที่ปรึกษาธุรกิจ

เราให้คำปรึกษาในการเริ่มต้นสร้างธุรกิจ รูปแบบสินค้าหรือบริการ การออกแบบการตลาดให้เหมาะสมกับกลุ่มลูกค้า ภูมิภาค พื้นที่ ต้นทุน และช่วยติดตามพัฒนาการธุรกิจของคุณ

จองคิวที่ปรึกษาได้ที่