tailwind.config = { theme: { extend: { colors: { ‘isle-green’: ‘#22CE83’, ‘deep-green’: ‘#10B981’, ‘neural-blue’: ‘#3B82F6’, }, fontFamily: { space: [‘”Space Grotesk”‘, ‘sans-serif’], lato: [‘Lato’, ‘sans-serif’], } } } } body { background-color: #050505 !important; color: #ffffff !important; font-family: ‘Space Grotesk’, sans-serif !important; margin: 0; padding: 0; overflow-x: hidden; } .glass-panel { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); } .noise-overlay { position: fixed; inset: 0; background-image: url(“data:image/svg+xml,%3Csvg viewBox=’0 0 200 200′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cfilter id=’noiseFilter’%3E%3CfeTurbulence type=’fractalNoise’ baseFrequency=’0.8′ numOctaves=’3′ stitchTiles=’stitch’/%3E%3C/filter%3E%3Crect width=’100%25′ height=’100%25′ filter=’url(%23noiseFilter)’ opacity=’0.03’/%3E%3C/svg%3E”); pointer-events: none; z-index: 50; } .grid-bg { position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 40px 40px; pointer-events: none; } const { useState, useEffect } = React; const { motion, AnimatePresence } = window.Motion; // — CONFIGURATION & API ENDPOINTS — const LOGO_URL = “https://tezisolutions.com/wp-content/uploads/2026/02/tez-i-logo.webp”; const EMAIL_ADDRESS = “mailto:[email protected]”; const API_BASE = “https://rasxeko.com/wp-json”; const TEZI_COMPANY_ID = 382; // — LIVE API INTEGRATION HELPERS — const submitLeadToHolodex = async ({ firstName, lastName, email, phone, task, roiLoss }) => { const res = await fetch(`${API_BASE}/company-leads/v1/applet/lead`, { method: “POST”, headers: { “Content-Type”: “application/json” }, body: JSON.stringify({ name: `${firstName} ${lastName}`.trim(), email: email, phone: phone || “”, source: “tezisolutions.com”, company_id: TEZI_COMPANY_ID, attributes: { task: task || “Demo / Discovery Request”, annual_loss_estimate: roiLoss || null, submitted_at: new Date().toISOString() } }) }); if (!res.ok) { const errData = await res.json().catch(() => ({})); throw new Error(errData.message || “Failed to log lead in Holodex CRM”); } return await res.json(); }; const bookCalendarDemo = async ({ name, email, date, time, notes }) => { const res = await fetch(`${API_BASE}/bliss-calendar/v1/standalone-events`, { method: “POST”, headers: { “Content-Type”: “application/json” }, body: JSON.stringify({ title: `Tez I Solutions Demo – ${name}`, date: date, time: time, duration: 60, company_id: TEZI_COMPANY_ID, description: `Booked via tezisolutions.com. Notes: ${notes || “None”}`, attendee_email: email }) }); if (!res.ok) { const errData = await res.json().catch(() => ({})); throw new Error(errData.message || “Failed to schedule calendar demo”); } return await res.json(); }; // — ICONS — const Icons = { Phone: () => , CheckCircle: () => , Mic: () => , BrainCircuit: () => , Workflow: () => , GitBranch: () => , BarChart3: () => , Menu: () => , X: () => , ArrowRight: () => , Zap: () => , Calculator: () => , DollarSign: () => , Instagram: () => , Mail: () => , Quote: () => , TrendingUp: () => , Calendar: () => , TikTok: () => ( ) }; // — SHARED COMPONENTS — const Logo = ({ className }) => ( ); // — MODALS — const IgniteForm = ({ onClose }) => { const [firstName, setFirstName] = useState(“”); const [lastName, setLastName] = useState(“”); const [email, setEmail] = useState(“”); const [phone, setPhone] = useState(“”); const [task, setTask] = useState(“”); const [loading, setLoading] = useState(false); const [statusMsg, setStatusMsg] = useState(null); const handleSubmit = async (e) => { e.preventDefault(); setLoading(true); setStatusMsg(null); try { const result = await submitLeadToHolodex({ firstName, lastName, email, phone, task }); setStatusMsg({ type: “success”, text: `Success! Lead #${result.lead_id || ”} transmitted to Holodex CRM.` }); setTimeout(() => { onClose(); }, 2500); } catch (err) { setStatusMsg({ type: “error”, text: err.message || “Error transmitting to Holodex.” }); } finally { setLoading(false); } }; return ( ); }; const DemoBookingForm = ({ onClose }) => { const [name, setName] = useState(“”); const [email, setEmail] = useState(“”); const [date, setDate] = useState(new Date().toISOString().split(‘T’)[0]); const [time, setTime] = useState(“14:00”); const [notes, setNotes] = useState(“”); const [loading, setLoading] = useState(false); const [statusMsg, setStatusMsg] = useState(null); const handleBook = async (e) => { e.preventDefault(); setLoading(true); setStatusMsg(null); try { await bookCalendarDemo({ name, email, date, time, notes }); // Also create lead record in Holodex const names = name.split(” “); await submitLeadToHolodex({ firstName: names[0] || name, lastName: names.slice(1).join(” “) || “”, email, task: `Demo Booked for ${date} at ${time}` }); setStatusMsg({ type: “success”, text: `Demo confirmed for ${date} at ${time}! Synced to SabreDAV Calendar & Holodex.` }); setTimeout(() => { onClose(); }, 2500); } catch (err) { setStatusMsg({ type: “error”, text: err.message || “Failed to book demo.” }); } finally { setLoading(false); } }; return ( ); }; const ROICalculator = ({ onClose }) => { const [avgValue, setAvgValue] = useState(500); const [missedCalls, setMissedCalls] = useState(10); const [email, setEmail] = useState(“”); const [loading, setLoading] = useState(false); const [submitted, setSubmitted] = useState(false); const annualLossNum = avgValue * missedCalls * 52; const annualLoss = annualLossNum.toLocaleString(); const handleSaveAudit = async () => { if (!email) return alert(“Please enter your email to log this revenue audit.”); setLoading(true); try { await submitLeadToHolodex({ firstName: “ROI Prospect”, lastName: `($${annualLoss}/yr)`, email, task: `Calculated $${annualLoss}/yr loss from ${missedCalls} missed calls/wk @ $${avgValue}/call`, roiLoss: annualLossNum }); setSubmitted(true); } catch (err) { alert(err.message || “Failed to log audit.”); } finally { setLoading(false); } }; return ( ); }; const Modal = ({ isOpen, onClose, type }) => { if (!isOpen) return null; return ( ); } // — MAIN APP SECTIONS — const Navbar = ({ openModal }) => { const [isScrolled, setIsScrolled] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => setIsScrolled(window.scrollY > 20); window.addEventListener(‘scroll’, handleScroll); return () => window.removeEventListener(‘scroll’, handleScroll); }, []); useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, [mobileMenuOpen]); return ( ); }; const HeroSection = ({ openModal }) => { return (

Automating American Business

The Engine That
Never Sleeps.

Turn missed calls into revenue. The chosen intelligent solution for owners who refuse to compromise on growth.

openModal(‘ignite’)} className=”group relative px-8 py-4 rounded bg-gradient-to-r from-isle-green to-deep-green text-white font-bold text-lg overflow-hidden hover:shadow-[0_0_20px_rgba(34,206,131,0.4)] transition-all duration-300″> Ignite Your Engine openModal(‘roi’)} className=”px-8 py-4 rounded border border-white/10 hover:bg-white/5 text-gray-300 font-medium transition-colors flex items-center justify-center gap-2″> View ROI Calculator

// 100% UPTIME

// HUMAN-LEVEL VOICE

// SECURE INFRA

Context Window

128k Tokens Active

Call Resolved • 24s

Appointment Booked

HVAC Service • $185 Est.

); }; const BentoItem = ({ title, desc, icon: Icon, span, delay }) => (

{title}

{desc}

); const ServicesSection = () => (

Complete Digital
Architecture

We don’t utilize generic chatbots. We build vertical-specific intelligence that integrates deeply into your existing workflow.

); const ResultCard = ({ stat, context, quote, role, delay }) => (

“{quote}”

); const ResultsSection = () => (

System Performance Logs

Don’t take our word for it. Review the operational data from live deployments.

); const Footer = () => ( ); const App = () => { const [modalOpen, setModalOpen] = useState(false); const [modalType, setModalType] = useState(‘ignite’); useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, []); const openModalHandler = (type) => { setModalType(type); setModalOpen(true); }; return ( ); }; const root = ReactDOM.createRoot(document.getElementById(‘root’)); root.render();