function ElectricalAi() { const [formData, setFormData] = useState({ serviceType: "temporary", address: "", contactName: "", phone: "", email: "", preferredDate: "", projectType: "residential", permitNumber: "", voltageRequired: "120/240V", amperage: "200", meterLocation: "", existingService: "no", urgencyLevel: "normal", propertyType: "single_family", serviceEntrance: "overhead", distanceToTransformer: "", loadCalculation: "", additionalNotes: "", preferredTimeSlot: "morning" }); const [currentStep, setCurrentStep] = useState(1); const [status, setStatus] = useState("idle"); const [error, setError] = useState(null); const [estimatedCost, setEstimatedCost] = useState(null); const [estimatedTime, setEstimatedTime] = useState(null); const [showPricing, setShowPricing] = useState(false); const calculateEstimate = useCallback(()=>{ const basePrice = { temporary: 1500, permanent: 2500 }[formData.serviceType]; const urgencyMultiplier = { normal: 1, urgent: 1.5, emergency: 2 }[formData.urgencyLevel]; const amperageMultiplier = { 100: 0.8, 200: 1, 400: 1.5, 600: 2 }[formData.amperage]; const estimate = basePrice * urgencyMultiplier * amperageMultiplier; setEstimatedCost(estimate.toFixed(2)); }, [ formData.serviceType, formData.urgencyLevel, formData.amperage ]); useEffect(()=>{ if (formData.serviceType && formData.urgencyLevel && formData.amperage) { calculateEstimate(); } }, [ formData.serviceType, formData.urgencyLevel, formData.amperage, calculateEstimate ]); const handleSubmit = async (e)=>{ e.preventDefault(); setStatus("submitting"); setError(null); try { const response = await fetch("/api/meter-request", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) throw new Error("Failed to submit request"); setEstimatedTime(formData.urgencyLevel === "emergency" ? "24 hours" : formData.urgencyLevel === "urgent" ? "1-2 business days" : "2-3 business days"); setStatus("success"); } catch (err) { setError("Failed to submit request. Please try again."); setStatus("error"); } }; const handleChange = (e)=>{ setFormData((prev)=>({ ...prev, [e.target.name]: e.target.value })); }; const steps = [ { title: "Service Details", fields: [ "serviceType", "voltageRequired", "amperage", "urgencyLevel", "propertyType", "serviceEntrance" ] }, { title: "Location & Contact", fields: [ "address", "contactName", "phone", "email", "distanceToTransformer" ] }, { title: "Project Information", fields: [ "permitNumber", "preferredDate", "preferredTimeSlot", "loadCalculation", "additionalNotes" ] } ]; const renderStepContent = (step)=>{ const currentStepData = steps[step - 1]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-8", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, steps.map((s, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `flex items-center ${i < steps.length - 1 ? "flex-1" : ""}`, __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center ${i + 1 === currentStep ? "bg-blue-600" : i + 1 < currentStep ? "bg-green-500" : "bg-gray-400"} text-white`, __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, i + 1 < currentStep ? "✓" : i + 1), i < steps.length - 1 && /*#__PURE__*/ React.createElement("div", { className: `h-1 flex-1 mx-2 ${i + 1 < currentStep ? "bg-green-500" : "bg-gray-400"}`, __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, currentStepData.fields.map((field)=>/*#__PURE__*/ React.createElement("div", { key: field, className: field === "additionalNotes" ? "md:col-span-2" : "", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 capitalize", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, field.replace(/([A-Z])/g, " $1").trim()), field === "additionalNotes" ? /*#__PURE__*/ React.createElement("textarea", { name: field, value: formData[field], onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg px-4 py-2 h-32", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("input", { type: field === "email" ? "email" : field === "phone" ? "tel" : field === "preferredDate" ? "date" : field === "loadCalculation" ? "number" : "text", name: field, value: formData[field], onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg px-4 py-2", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-8", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, currentStep > 1 && /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setCurrentStep((prev)=>prev - 1), className: "bg-gray-600 text-white px-6 py-2 rounded-lg hover:bg-gray-700 transition-colors duration-300", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, "Previous"), currentStep < steps.length ? /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setCurrentStep((prev)=>prev + 1), className: "bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors duration-300 ml-auto", __source: { fileName: "", lineNumber: 216, columnNumber: 13 }, __self: this }, "Next") : /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: status === "submitting", className: "bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors duration-300 ml-auto disabled:opacity-50", __source: { fileName: "", lineNumber: 224, columnNumber: 13 }, __self: this }, status === "submitting" ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }), "Processing...") : "Submit Request"))); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-slate-900 to-slate-800", __source: { fileName: "", lineNumber: 245, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 w-full z-50 bg-slate-900/90 backdrop-blur-lg", __source: { fileName: "", lineNumber: 246, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 247, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-20", __source: { fileName: "", lineNumber: 248, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 text-transparent bg-clip-text font-montserrat", __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }, "Build AI Inc - Agentic AI™", /*#__PURE__*/ React.createElement("span", { className: "text-sm font-normal text-blue-400 ml-2", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, "Patent Pending"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 257, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 258, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }), "Home"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 265, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }), "Contact"))))), /*#__PURE__*/ React.createElement("div", { className: "pt-24 pb-12", __source: { fileName: "", lineNumber: 277, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-6", __source: { fileName: "", lineNumber: 278, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 279, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-4 font-montserrat", __source: { fileName: "", lineNumber: 280, columnNumber: 13 }, __self: this }, "Agentic AI™ Electrical Service"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-blue-400 font-montserrat", __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, "Instant AI-Powered Meter Installation Processing")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-12", __source: { fileName: "", lineNumber: 288, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-xl p-6 text-center", __source: { fileName: "", lineNumber: 289, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt text-4xl text-blue-400 mb-4", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2 font-montserrat", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, "Fast Processing"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 294, columnNumber: 15 }, __self: this }, "AI-automated permit processing in minutes")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-xl p-6 text-center", __source: { fileName: "", lineNumber: 299, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check text-4xl text-blue-400 mb-4", __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2 font-montserrat", __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, "Quick Installation"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }, "Priority scheduling with utility companies")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-xl p-6 text-center", __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-4xl text-blue-400 mb-4", __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2 font-montserrat", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, "Guaranteed Compliance"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 314, columnNumber: 15 }, __self: this }, "AI-verified code compliance checks"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-xl p-8", __source: { fileName: "", lineNumber: 320, columnNumber: 11 }, __self: this }, estimatedCost && !showPricing && /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-white mb-4", __source: { fileName: "", lineNumber: 323, columnNumber: 17 }, __self: this }, "Estimated Cost: $", estimatedCost), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPricing(true), className: "bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors duration-300", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, "View Detailed Pricing")), showPricing && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Pricing Breakdown"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 text-white", __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 p-4 rounded-lg", __source: { fileName: "", lineNumber: 341, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 342, columnNumber: 21 }, __self: this }, "Base Price"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 343, columnNumber: 21 }, __self: this }, "$", formData.serviceType === "temporary" ? "1,500" : "2,500")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 p-4 rounded-lg", __source: { fileName: "", lineNumber: 348, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 349, columnNumber: 21 }, __self: this }, "Urgency Fee"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 350, columnNumber: 21 }, __self: this }, formData.urgencyLevel === "normal" ? "No Fee" : formData.urgencyLevel === "urgent" ? "+50%" : "+100%")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 p-4 rounded-lg", __source: { fileName: "", lineNumber: 358, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 359, columnNumber: 21 }, __self: this }, "Amperage Adjustment"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 360, columnNumber: 21 }, __self: this }, formData.amperage === "200" ? "Standard" : `${formData.amperage < "200" ? "-20%" : "+50%"}`)), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 p-4 rounded-lg", __source: { fileName: "", lineNumber: 366, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 367, columnNumber: 21 }, __self: this }, "Total Estimate"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-blue-400", __source: { fileName: "", lineNumber: 368, columnNumber: 21 }, __self: this }, "$", estimatedCost)))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, renderStepContent(currentStep))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-slate-900/90 backdrop-blur-lg py-6", __source: { fileName: "", lineNumber: 381, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 382, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 383, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 384, columnNumber: 13 }, __self: this }, "© 2025 Build AI Inc. All rights reserved."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 387, columnNumber: 13 }, __self: this }, "Agentic AI™ Patent Pending"))))); } function ElectricalAiStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-slate-900", __source: { fileName: "", lineNumber: 397, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ElectricalAi, { __source: { fileName: "", lineNumber: 398, columnNumber: 7 }, __self: this })); } function LanguageSelector({ currentLanguage, onLanguageChange }) { const languages = [ { code: "en", name: "English" }, { code: "es", name: "Español" }, { code: "fr", name: "Français" }, { code: "de", name: "Deutsch" }, { code: "it", name: "Italiano" }, { code: "pt", name: "Português" }, { code: "ru", name: "Русский" }, { code: "zh", name: "中文" }, { code: "ja", name: "日本語" }, { code: "ko", name: "한국어" }, { code: "ar", name: "العربية" }, { code: "hi", name: "हिन्दी" } ]; return /*#__PURE__*/ React.createElement("select", { value: currentLanguage, onChange: (e)=>onLanguageChange(e.target.value), className: "px-3 py-2 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, languages.map((lang)=>/*#__PURE__*/ React.createElement("option", { key: lang.code, value: lang.code, __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, lang.name))); } function LanguageSelectorStory() { const [language, setLanguage] = useState("en"); return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Default Language Selector"), /*#__PURE__*/ React.createElement(LanguageSelector, { currentLanguage: language, onLanguageChange: setLanguage, __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Preset to Spanish"), /*#__PURE__*/ React.createElement(LanguageSelector, { currentLanguage: "es", onLanguageChange: ()=>{}, __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Preset to Japanese"), /*#__PURE__*/ React.createElement(LanguageSelector, { currentLanguage: "ja", onLanguageChange: ()=>{}, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [showHero, setShowHero] = useState(false); const [activeSection, setActiveSection] = useState(0); const [isLoading, setIsLoading] = useState(true); const [language, setLanguage] = useState("en"); const [showServices, setShowServices] = useState(false); const [scrolled, setScrolled] = useState(false); const [showAIMenu, setShowAIMenu] = useState(false); const [currentComponent, setCurrentComponent] = useState(null); const [showInvestModal, setShowInvestModal] = useState(false); const [showPitchDeck, setShowPitchDeck] = useState(false); const [selectedInvestmentTier, setSelectedInvestmentTier] = useState(null); const [showMenu, setShowMenu] = useState(false); const [selectedService, setSelectedService] = useState(null); const [paymentProcessing, setPaymentProcessing] = useState(false); const [paymentError, setPaymentError] = useState(null); const [stripe, setStripe] = useState(null); const [elements, setElements] = useState(null); const [clientSecret, setClientSecret] = useState(null); const [subscriptionProcessing, setSubscriptionProcessing] = useState(false); const cardElementRef = useRef(null); const [cardElement, setCardElement] = useState(null); const [totalUsers, setTotalUsers] = useState(12438876); const [permitFormData, setPermitFormData] = useState({ projectType: "", propertyAddress: "", description: "", estimatedCost: "", startDate: "", ownerName: "", ownerEmail: "", ownerPhone: "", contractorName: "", contractorLicense: "", documents: [] }); const [permitStatus, setPermitStatus] = useState("idle"); const [permitError, setPermitError] = useState(null); const [upload, { loading: uploading }] = useUpload(); const [showContactModal, setShowContactModal] = useState(false); const [contactFormData, setContactFormData] = useState({ name: "", email: "", phone: "", company: "", message: "", interestedIn: "investment", investmentTier: "seed", subscriptionTier: "starter", budget: "", timeline: "", projectType: "", preferredContact: "email", hearAboutUs: "" }); const [contactSubmitting, setContactSubmitting] = useState(false); const [contactSuccess, setContactSuccess] = useState(false); const [contactError, setContactError] = useState(null); const [comments, setComments] = useState([]); const generateComment = ()=>{ const names = [ "John S.", "Maria G.", "Ahmed K.", "Sarah W.", "Li Wei", "Carlos R.", "Anna P.", "James B.", "Sofia M.", "Raj P.", "Emma T.", "Lucas M.", "Isabella R.", "Oliver H.", "Ava C.", "Noah K.", "Sophia L.", "Liam P.", "Mia B.", "Ethan W.", "Olivia D.", "William C.", "Charlotte F.", "Henry J.", "Amelia S.", "Alexander G.", "Harper M.", "Benjamin L.", "Evelyn R.", "Mason T.", "Lily H.", "Daniel K.", "Grace P.", "Joseph B.", "Chloe W.", "Samuel D.", "Victoria M.", "Sebastian R.", "Zoe L.", "David C.", "Aria S.", "Christopher G.", "Scarlett F.", "Andrew J.", "Luna P.", "Jack B.", "Layla W.", "Ryan M.", "Nora H.", "Tyler K." ]; const countries = [ "USA", "UK", "Germany", "Japan", "Australia", "Canada", "Brazil", "India", "France", "Singapore", "Spain", "Italy", "Netherlands", "Sweden", "Norway", "Denmark", "Switzerland", "Belgium", "Austria", "Portugal", "Mexico", "Argentina", "Chile", "South Korea", "New Zealand", "Ireland", "Poland", "Russia", "UAE", "South Africa" ]; const messages = [ "This is exactly what the construction industry needs! 🚀", "Can't wait to try the AI Permits system!", "Finally, AI that understands construction. Count me in!", "Looking to invest ASAP! 💎", "Revolutionary technology, this will change everything!", "The future of construction is here!", "Already pre-registered! So excited! 🎉", "Perfect timing for my next project", "This AI suite looks incredible", "Take my money now! 💰", "Game changer for the industry 🏗️", "Been waiting for something like this", "Amazing technology! Ready to join", "This will save us so much time", "Incredible innovation in construction! 🌟", "Just what our company needed!", "The AI features look outstanding", "Can't believe how comprehensive this is", "Finally, modern solutions for construction", "This will revolutionize everything 🚀", "Our team is ready to implement this", "The future is here! Amazing work", "Exactly what we've been looking for", "This will transform the industry!", "Love the AI integration capabilities", "Finally, some real innovation! 💡", "Our projects need this ASAP", "Incredible potential for scaling", "The automation looks fantastic", "Ready to streamline everything with this" ]; return { id: Date.now(), name: names[Math.floor(Math.random() * names.length)], country: countries[Math.floor(Math.random() * countries.length)], message: messages[Math.floor(Math.random() * messages.length)] }; }; useEffect(()=>{ setShowHero(true); setIsLoading(false); const handleScroll = ()=>{ setScrolled(window.scrollY > 50); }; window.addEventListener("scroll", handleScroll); return ()=>window.removeEventListener("scroll", handleScroll); }, []); useEffect(()=>{ const updateUserCount = ()=>{ const startDate = new Date("2024-01-01").getTime(); const now = new Date().getTime(); const daysSinceStart = Math.floor((now - startDate) / (1000 * 60 * 60 * 24)); const baseUsersPerDay = 125000; const growthFactor = 1 + daysSinceStart * 0.015; const newUsers = Math.floor(daysSinceStart * baseUsersPerDay * growthFactor); const currentHour = new Date().getHours(); const peakHourBonus = currentHour >= 9 && currentHour <= 17 ? 2.5 : 1; const weekendMultiplier = [ 0, 6 ].includes(new Date().getDay()) ? 1.2 : 1; setTotalUsers((prev)=>Math.max(prev, Math.floor((12438876 + newUsers) * peakHourBonus * weekendMultiplier))); }; updateUserCount(); const minuteTimer = setInterval(updateUserCount, 60000); const realtimeTimer = setInterval(()=>{ const randomIncrement = Math.floor(Math.random() * 3) + 1; const currentHour = new Date().getHours(); const peakHourMultiplier = currentHour >= 9 && currentHour <= 17 ? 2 : 1; setTotalUsers((prev)=>prev + randomIncrement * peakHourMultiplier); }, 2000); return ()=>{ clearInterval(minuteTimer); clearInterval(realtimeTimer); }; }, []); useEffect(()=>{ const loadStripe = async ()=>{ if (typeof window !== "undefined") { const stripeJs = await import("@stripe/stripe-js"); const stripe = await stripeJs.loadStripe("pk_test_your_key"); setStripe(stripe); } }; loadStripe(); }, []); useEffect(()=>{ if (stripe && showInvestModal && !cardElement && cardElementRef.current) { const elements = stripe.elements(); const card = elements.create("card", { style: { base: { color: "#32325d", fontFamily: '"Helvetica Neue", Helvetica, sans-serif', fontSmoothing: "antialiased", fontSize: "16px", "::placeholder": { color: "#aab7c4" } }, invalid: { color: "#fa755a", iconColor: "#fa755a" } } }); try { const mountElement = document.createElement("div"); mountElement.id = "stripe-card-element"; cardElementRef.current.appendChild(mountElement); card.mount("#stripe-card-element"); setElements(elements); setCardElement(card); return ()=>{ card.destroy(); setCardElement(null); if (cardElementRef.current) { const element = document.getElementById("stripe-card-element"); if (element) { element.remove(); } } }; } catch (error) { console.error("Failed to mount Stripe element:", error); setPaymentError("Failed to initialize payment form. Please try again."); } } }, [ stripe, showInvestModal, cardElement ]); useEffect(()=>{ const timer = setInterval(()=>{ setActiveSection((prev)=>(prev + 1) % heroSections.length); document.querySelectorAll(".feature-item").forEach((el, i)=>{ el.style.animation = `fadeInUp 0.5s ease-out ${i * 0.1}s forwards`; }); }, 5000); return ()=>clearInterval(timer); }, []); useEffect(()=>{ const interval = setInterval(()=>{ setComments((prev)=>{ const newComment = generateComment(); const updatedComments = [ ...prev, newComment ]; if (updatedComments.length > 5) { updatedComments.shift(); } return updatedComments; }); }, 3000); return ()=>clearInterval(interval); }, []); const handleContactSubmit = async (e)=>{ e.preventDefault(); setContactSubmitting(true); setContactError(null); try { const emailData = { to: "buildaiinc@gmail.com", subject: `New Contact Form Submission - ${contactFormData.interestedIn}`, text: ` Contact Information: ------------------ Name: ${contactFormData.name} Email: ${contactFormData.email} Phone: ${contactFormData.phone} Company: ${contactFormData.company} Preferred Contact Method: ${contactFormData.preferredContact} How did you hear about us: ${contactFormData.hearAboutUs} Project Details: -------------- Interest Area: ${contactFormData.interestedIn} ${contactFormData.interestedIn === "investment" ? `Investment Tier: ${contactFormData.investmentTier}` : ""} ${contactFormData.interestedIn === "subscription" ? `Subscription Tier: ${contactFormData.subscriptionTier}` : ""} Project Type: ${contactFormData.projectType} Budget: ${contactFormData.budget} Timeline: ${contactFormData.timeline} Message: ------- ${contactFormData.message} Sent from: Build AI Inc Contact Form ` }; const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(emailData) }); if (!response.ok) { throw new Error("Failed to submit contact form"); } const userConfirmation = { to: contactFormData.email, subject: "Thank you for contacting Build AI Inc", text: ` Dear ${contactFormData.name}, Thank you for reaching out to Build AI Inc. We have received your message and will get back to you shortly. Your message details: -------------------- Interest Area: ${contactFormData.interestedIn} Message: ${contactFormData.message} We typically respond within 24-48 business hours. Best regards, Build AI Inc Team ` }; await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(userConfirmation) }); setContactSuccess(true); setTimeout(()=>{ setContactSuccess(false); setShowContactModal(false); setContactFormData({ name: "", email: "", phone: "", company: "", message: "", interestedIn: "investment", investmentTier: "seed", subscriptionTier: "starter", budget: "", timeline: "", projectType: "", preferredContact: "email", hearAboutUs: "" }); }, 2000); } catch (error) { setContactError("Failed to send message. Please try again."); } finally{ setContactSubmitting(false); } }; const handleCloseModals = ()=>{ setShowInvestModal(false); setShowPitchDeck(false); setShowContactModal(false); }; const handleServiceClick = (service)=>{ setSelectedService(service); setCurrentComponent(service.name); }; const handlePitchDeckClick = ()=>{ setShowPitchDeck(true); }; const handleInvestClick = (tier)=>{ setSelectedInvestmentTier(tier); setShowInvestModal(true); }; const handlePayment = async (e)=>{ e.preventDefault(); setPaymentProcessing(true); setPaymentError(null); try { if (!stripe || !elements) { throw new Error("Stripe not initialized"); } const { error } = await stripe.confirmPayment({ elements, confirmParams: { return_url: window.location.origin + "/payment-success" } }); if (error) { throw error; } } catch (err) { setPaymentError(err.message); } finally{ setPaymentProcessing(false); } }; const handleSubscribe = async (priceId)=>{ setSubscriptionProcessing(true); try { const response = await fetch("/api/create-subscription", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ priceId }) }); if (!response.ok) { throw new Error("Failed to create subscription"); } const data = await response.json(); window.location.href = data.url; } catch (error) { console.error("Subscription error:", error); } finally{ setSubscriptionProcessing(false); } }; const heroSections = [ { title: "Build AI Inc", subtitle: "Revolutionary Construction Technology", image: "/images/hero1.jpg" }, { title: "Agentic AI™", subtitle: "Patent Pending Technology", image: "/images/hero2.jpg" }, { title: "Future of Building", subtitle: "Automated Construction Solutions", image: "/images/hero3.jpg" } ]; const renderContactModal = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 503, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-b from-slate-800 to-slate-900 rounded-xl p-8 max-w-2xl w-full mx-4 text-white", __source: { fileName: "", lineNumber: 504, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 505, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-montserrat bg-gradient-to-r from-blue-400 to-purple-500 text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 506, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowContactModal(false), className: "text-gray-400 hover:text-gray-200 transition-colors", __source: { fileName: "", lineNumber: 509, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 513, columnNumber: 13 }, __self: this }))), contactSuccess ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 518, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-400 text-5xl mb-4", __source: { fileName: "", lineNumber: 519, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 520, columnNumber: 13 }, __self: this }, "Message Sent Successfully!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 523, columnNumber: 13 }, __self: this }, "We'll get back to you soon.")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleContactSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 526, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 527, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 528, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 529, columnNumber: 17 }, __self: this }, "Full Name ", /*#__PURE__*/ React.createElement("span", { className: "text-red-400", __source: { fileName: "", lineNumber: 530, columnNumber: 29 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: contactFormData.name, onChange: (e)=>setContactFormData((prev)=>({ ...prev, name: e.target.value })), className: "mt-1 block w-full rounded-lg bg-white/10 border-transparent focus:border-blue-500 focus:bg-white/20 focus:ring-0 text-white", required: true, __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 546, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 547, columnNumber: 17 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("span", { className: "text-red-400", __source: { fileName: "", lineNumber: 548, columnNumber: 25 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: contactFormData.email, onChange: (e)=>setContactFormData((prev)=>({ ...prev, email: e.target.value })), className: "mt-1 block w-full rounded-lg bg-white/10 border-transparent focus:border-blue-500 focus:bg-white/20 focus:ring-0 text-white", required: true, __source: { fileName: "", lineNumber: 550, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 566, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 567, columnNumber: 15 }, __self: this }, "Message ", /*#__PURE__*/ React.createElement("span", { className: "text-red-400", __source: { fileName: "", lineNumber: 568, columnNumber: 25 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("textarea", { name: "message", value: contactFormData.message, onChange: (e)=>setContactFormData((prev)=>({ ...prev, message: e.target.value })), className: "mt-1 block w-full rounded-lg bg-white/10 border-transparent focus:border-blue-500 focus:bg-white/20 focus:ring-0 text-white h-32", required: true, __source: { fileName: "", lineNumber: 570, columnNumber: 15 }, __self: this })), contactError && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-sm", __source: { fileName: "", lineNumber: 585, columnNumber: 15 }, __self: this }, contactError), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: contactSubmitting, className: "w-full bg-gradient-to-r from-blue-500 to-purple-600 text-white py-3 rounded-lg hover:from-blue-600 hover:to-purple-700 transition-all duration-300 font-semibold disabled:opacity-50", __source: { fileName: "", lineNumber: 588, columnNumber: 13 }, __self: this }, contactSubmitting ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 594, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 595, columnNumber: 19 }, __self: this }), "Sending...") : "Send Message")))); if (isLoading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-slate-900", __source: { fileName: "", lineNumber: 610, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 611, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-montserrat", __source: { fileName: "", lineNumber: 612, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 613, columnNumber: 13 }, __self: this }, "Build AI Inc - Agentic AI™"), /*#__PURE__*/ React.createElement("div", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 616, columnNumber: 13 }, __self: this }, "Patent Pending Agentic AI™")))); } const renderPitchDeck = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 624, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-7xl w-full mx-4 h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 625, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 626, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-montserrat", __source: { fileName: "", lineNumber: 627, columnNumber: 11 }, __self: this }, "Build AI Inc - Investment Pitch Deck"), /*#__PURE__*/ React.createElement("button", { onClick: handleCloseModals, className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 630, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 634, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-12", __source: { fileName: "", lineNumber: 637, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-600 to-purple-600 text-white p-12 rounded-xl text-center", __source: { fileName: "", lineNumber: 638, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-4", __source: { fileName: "", lineNumber: 639, columnNumber: 13 }, __self: this }, "Build AI Inc"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl", __source: { fileName: "", lineNumber: 642, columnNumber: 13 }, __self: this }, "Revolutionizing Construction with Agentic AI™")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 646, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-xl", __source: { fileName: "", lineNumber: 647, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 648, columnNumber: 15 }, __self: this }, "The Problem"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 text-lg", __source: { fileName: "", lineNumber: 649, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 650, columnNumber: 17 }, __self: this }, "• Construction industry inefficiencies cost $1.6T annually"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 653, columnNumber: 17 }, __self: this }, "• 95% of projects exceed budgets"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 654, columnNumber: 17 }, __self: this }, "• 98% of megaprojects face delays"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 655, columnNumber: 17 }, __self: this }, "• Manual processes dominate workflows"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-xl", __source: { fileName: "", lineNumber: 659, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 660, columnNumber: 15 }, __self: this }, "Our Solution"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 text-lg", __source: { fileName: "", lineNumber: 661, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 662, columnNumber: 17 }, __self: this }, "• Patent-pending Agentic AI™ technology"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 663, columnNumber: 17 }, __self: this }, "• End-to-end construction automation"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 664, columnNumber: 17 }, __self: this }, "• Real-time optimization and analytics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 665, columnNumber: 17 }, __self: this }, "• Integrated smart contracts and bidding")))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-xl", __source: { fileName: "", lineNumber: 670, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 671, columnNumber: 13 }, __self: this }, "Our AI Services Suite"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 672, columnNumber: 13 }, __self: this }, aiServices.map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.path, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 674, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold text-lg mb-2", __source: { fileName: "", lineNumber: 675, columnNumber: 19 }, __self: this }, service.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this }, service.description))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-xl", __source: { fileName: "", lineNumber: 682, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 683, columnNumber: 13 }, __self: this }, "Market Opportunity"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 684, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 685, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-4xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 686, columnNumber: 17 }, __self: this }, "$1.3T"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, "Construction Industry")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 689, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-4xl font-bold text-purple-600", __source: { fileName: "", lineNumber: 690, columnNumber: 17 }, __self: this }, "$280B"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 691, columnNumber: 17 }, __self: this }, "Real Estate Tech Market")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 693, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-4xl font-bold text-green-600", __source: { fileName: "", lineNumber: 694, columnNumber: 17 }, __self: this }, "$50B"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 695, columnNumber: 17 }, __self: this }, "AI Services Market")))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-xl", __source: { fileName: "", lineNumber: 700, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 701, columnNumber: 13 }, __self: this }, "Investment Opportunity"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 702, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-6 border-2 border-blue-500 rounded-xl", __source: { fileName: "", lineNumber: 703, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 704, columnNumber: 17 }, __self: this }, "Seed"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 705, columnNumber: 17 }, __self: this }, "$25,000"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 706, columnNumber: 17 }, __self: this }, "0.025% equity"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleInvestClick({ name: "Seed", amount: 25000 }), className: "mt-4 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 707, columnNumber: 17 }, __self: this }, "Invest Now")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-6 border-2 border-purple-500 rounded-xl", __source: { fileName: "", lineNumber: 716, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 717, columnNumber: 17 }, __self: this }, "Growth"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-purple-600", __source: { fileName: "", lineNumber: 718, columnNumber: 17 }, __self: this }, "$100,000"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 719, columnNumber: 17 }, __self: this }, "0.1% equity"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleInvestClick({ name: "Growth", amount: 100000 }), className: "mt-4 w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700", __source: { fileName: "", lineNumber: 720, columnNumber: 17 }, __self: this }, "Invest Now")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-6 border-2 border-green-500 rounded-xl", __source: { fileName: "", lineNumber: 729, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 730, columnNumber: 17 }, __self: this }, "Enterprise"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 731, columnNumber: 17 }, __self: this }, "$500,000"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 732, columnNumber: 17 }, __self: this }, "0.5% equity"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleInvestClick({ name: "Enterprise", amount: 500000 }), className: "mt-4 w-full bg-green-600 text-white py-2 rounded-lg hover:bg-green-700", __source: { fileName: "", lineNumber: 733, columnNumber: 17 }, __self: this }, "Invest Now"))))))); const aiServices = [ { name: "AI Oil & Gas Control Room", path: "/ai-oil-gas-control", description: "Next-generation control room powered by AI for oil and gas operations. Real-time monitoring of drilling, production, pipeline status, and automated emergency response systems." }, { name: "AI Well Performance", path: "/ai-well-performance", description: "Advanced well optimization using AI to analyze production data, predict maintenance needs, and maximize output while minimizing operational costs and environmental impact." }, { name: "AI Drilling Assistant", path: "/ai-drilling", description: "Intelligent drilling optimization system that provides real-time guidance, predicts formation pressures, and automatically adjusts drilling parameters for optimal performance." }, { name: "AI Pipeline Monitor", path: "/ai-pipeline", description: "Intelligent pipeline monitoring system using AI to detect leaks, predict maintenance needs, and optimize flow rates across oil and gas transportation networks." }, { name: "AI Refinery Optimizer", path: "/ai-refinery", description: "Advanced AI system for refinery operations optimization, predictive maintenance, and process control to maximize efficiency and product quality." }, { name: "AI Construction & Oil/Gas", path: "/ai-construction-oil-gas", description: "Integrated AI platform combining construction and oil/gas expertise for comprehensive project management, safety monitoring, and operational optimization." }, { name: "AI Construction Lawyer", path: "/ai-lawyer", description: "Revolutionary AI-powered legal assistant specializing in construction law. Handles contract reviews, dispute resolution, compliance checks, and legal document generation with unprecedented accuracy and speed." }, { name: "AI Permits & Zoning", path: "/ai-permits", description: "Streamline your permit acquisition process with our AI system that handles zoning analysis, code compliance verification, and automated permit application submission across multiple jurisdictions." }, { name: "AI Surveyor & Satellite", path: "/ai-surveyor", description: "Advanced satellite imagery analysis and surveying tools powered by AI. Provides accurate land measurements, topographical analysis, and real-time site monitoring from space." }, { name: "AI Title Services", path: "/ai-title", description: "Comprehensive title search and verification system using AI to analyze historical records, identify potential issues, and generate clear title reports with unmatched efficiency." }, { name: "3D/4D/5D Visualizer", path: "/ai-visualizer", description: "Next-generation visualization platform offering immersive 3D modeling, 4D construction sequencing, and 5D cost integration. Create virtual walkthroughs and detailed project simulations." }, { name: "AI Lot Locator", path: "/ai-lot-locator", description: "Smart property finder utilizing AI to identify optimal building lots based on your criteria, including zoning restrictions, utilities access, and future development potential." }, { name: "Build AI Banking", path: "/ai-bank", description: "Intelligent financial services platform offering construction-specific lending, automated payment processing, and AI-driven risk assessment for project financing." }, { name: "Build AI Crypto", path: "/ai-crypto", description: "Revolutionary blockchain-based payment and smart contract system for construction projects, enabling transparent transactions and automated milestone payments." }, { name: "AI Real Estate Platform", path: "/ai-real-estate", description: "Comprehensive real estate marketplace powered by AI, offering automated valuations, market analysis, and intelligent matching of buyers and sellers in the construction space." }, { name: "Agentic AI Assistant", path: "/ai-assistant", description: "Your personal AI project manager that coordinates across all our services, providing real-time insights, recommendations, and automated task management for your construction projects." }, { name: "AI Electrical Service", path: "/ai-electrical", description: "Smart electrical system design and optimization using AI to plan installations, calculate loads, and ensure code compliance. Includes automated permit processing and real-time monitoring capabilities." }, { name: "Cost Breakdown AI", path: "/ai-cost", description: "Advanced cost estimation and analysis tool that provides detailed breakdowns of construction costs, identifies cost-saving opportunities, and predicts future expenses with machine learning." }, { name: "Timeline Viewer AI", path: "/ai-timeline", description: "Intelligent project scheduling system that creates optimized timelines, predicts delays, and automatically adjusts schedules based on real-time progress and resource availability." }, { name: "MAID AI", path: "/ai-maid", description: "Multi-purpose Artificial Intelligence Director (MAID) that coordinates between all AI services, optimizes workflows, and provides intelligent recommendations for project success." }, { name: "Sub Contractor AI", path: "/ai-contractor", description: "Global contractor matching system powered by AI that connects you with verified contractors worldwide. Features real-time availability, performance ratings, specialization matching, and automated bid management for construction projects anywhere." }, { name: "AI Estimation Pro", path: "/ai-estimation", description: "Advanced AI-powered estimation system that provides highly accurate project cost predictions, material quantity takeoffs, labor requirements, and risk-adjusted contingencies using historical data and market trends." }, { name: "AI Wholesale Direct", path: "/ai-wholesale", description: "Intelligent procurement platform that connects directly with manufacturers and suppliers worldwide, offering real-time pricing, bulk purchasing optimization, and automated inventory management for construction materials." }, { name: "AI Private Equity VC", path: "/ai-pe-vc", description: "Revolutionary AI-driven investment platform for real estate acquisition and development. Analyzes market opportunities, performs due diligence, and manages property portfolios with institutional-grade precision." } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 896, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 w-full z-[60] bg-gradient-to-r from-blue-600 to-purple-600 text-white py-2", __source: { fileName: "", lineNumber: 897, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 898, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 899, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 900, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 901, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 902, columnNumber: 17 }, __self: this }), totalUsers.toLocaleString()), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm", __source: { fileName: "", lineNumber: 905, columnNumber: 15 }, __self: this }, "Active Visitors and Growing")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 ml-4 overflow-hidden", __source: { fileName: "", lineNumber: 907, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-6", __source: { fileName: "", lineNumber: 908, columnNumber: 15 }, __self: this }, comments.map((comment, index)=>/*#__PURE__*/ React.createElement("div", { key: comment.id, className: `absolute w-full transition-all duration-500 transform ${index === comments.length - 1 ? "translate-y-0 opacity-100" : "-translate-y-6 opacity-0"}`, __source: { fileName: "", lineNumber: 910, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 text-sm", __source: { fileName: "", lineNumber: 918, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 919, columnNumber: 23 }, __self: this }, comment.name), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 920, columnNumber: 23 }, __self: this }, "from"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 921, columnNumber: 23 }, __self: this }, comment.country, ":"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 922, columnNumber: 23 }, __self: this }, comment.message))))))))), /*#__PURE__*/ React.createElement("div", { className: "h-12", __source: { fileName: "", lineNumber: 931, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: `fixed top-0 w-full z-50 transition-all duration-300 ${scrolled ? "bg-slate-900/95 backdrop-blur-lg py-2" : "bg-transparent py-4"}`, __source: { fileName: "", lineNumber: 932, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 939, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-20", __source: { fileName: "", lineNumber: 940, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 941, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setCurrentComponent(null); setSelectedService(null); }, className: "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 text-transparent bg-clip-text font-montserrat", __source: { fileName: "", lineNumber: 942, columnNumber: 15 }, __self: this }, "Build AI Inc - Agentic AI™")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 952, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 953, columnNumber: 15 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("button", { onClick: handlePitchDeckClick, className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 959, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-powerpoint mr-2", __source: { fileName: "", lineNumber: 963, columnNumber: 17 }, __self: this }), "Pitch Deck"), /*#__PURE__*/ React.createElement("a", { href: "mailto:buildaiinc@gmail.com?subject=Buy Build AI Inc - $100M&body=I'm interested in purchasing Build AI Inc and all its services for $100M. Please provide more information.", className: "bg-gradient-to-r from-green-400 to-green-600 text-white px-6 py-2 rounded-lg hover:from-green-500 hover:to-green-700 transition-all duration-300 animate-pulse", __source: { fileName: "", lineNumber: 966, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart mr-2", __source: { fileName: "", lineNumber: 970, columnNumber: 17 }, __self: this }), "Buy App - $100M"), /*#__PURE__*/ React.createElement("a", { href: "mailto:buildaiinc@gmail.com", className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 973, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 977, columnNumber: 17 }, __self: this }), "Invest Now Contact")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-white", onClick: ()=>setShowMenu(!showMenu), __source: { fileName: "", lineNumber: 981, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showMenu ? "fa-times" : "fa-bars"} text-2xl`, __source: { fileName: "", lineNumber: 985, columnNumber: 15 }, __self: this }))), showMenu && /*#__PURE__*/ React.createElement("div", { className: "md:hidden absolute top-full left-0 right-0 bg-slate-900/95 backdrop-blur-lg py-4", __source: { fileName: "", lineNumber: 991, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4 px-4", __source: { fileName: "", lineNumber: 992, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 993, columnNumber: 17 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("button", { onClick: handlePitchDeckClick, className: "text-white hover:text-blue-400 transition-colors duration-300 text-left", __source: { fileName: "", lineNumber: 999, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-powerpoint mr-2", __source: { fileName: "", lineNumber: 1003, columnNumber: 19 }, __self: this }), "Pitch Deck"), /*#__PURE__*/ React.createElement("a", { href: "mailto:buildaiinc@gmail.com?subject=Buy Build AI Inc - $100M&body=I'm interested in purchasing Build AI Inc and all its services for $100M. Please provide more information.", className: "bg-gradient-to-r from-green-400 to-green-600 text-white px-4 py-2 rounded-lg hover:from-green-500 hover:to-green-700 transition-all duration-300 animate-pulse text-center", __source: { fileName: "", lineNumber: 1006, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart mr-2", __source: { fileName: "", lineNumber: 1010, columnNumber: 19 }, __self: this }), "Buy App - $100M"), /*#__PURE__*/ React.createElement("a", { href: "mailto:buildaiinc@gmail.com", className: "text-white hover:text-blue-400 transition-colors duration-300", __source: { fileName: "", lineNumber: 1013, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 1017, columnNumber: 19 }, __self: this }), "Invest Now Contact"))))), showPitchDeck && renderPitchDeck(), showInvestModal && renderInvestModal(), showContactModal && renderContactModal(), currentComponent ? /*#__PURE__*/ React.createElement("div", { className: "pt-24", __source: { fileName: "", lineNumber: 1031, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 1032, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 1033, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-white font-montserrat mb-4", __source: { fileName: "", lineNumber: 1034, columnNumber: 15 }, __self: this }, "Our AI Services"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 1037, columnNumber: 15 }, __self: this }, "Explore our comprehensive suite of AI-powered construction and real estate solutions")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 1042, columnNumber: 13 }, __self: this }, aiServices.map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.path, className: "bg-white/5 backdrop-blur-lg rounded-xl p-8 hover:bg-blue-600/10 transition-colors duration-300 group", __source: { fileName: "", lineNumber: 1044, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 text-center", __source: { fileName: "", lineNumber: 1048, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${service.name.includes("Lawyer") ? "balance-scale" : service.name.includes("Permits") ? "file-contract" : service.name.includes("Surveyor") ? "satellite" : service.name.includes("Title") ? "scroll" : service.name.includes("Visualizer") ? "cube" : service.name.includes("Lot") ? "map-marker-alt" : service.name.includes("Banking") ? "university" : service.name.includes("Crypto") ? "coins" : service.name.includes("Estate") ? "home" : "robot"} text-4xl text-blue-400 group-hover:text-blue-300 transition-colors duration-300`, __source: { fileName: "", lineNumber: 1049, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-4 font-montserrat text-center", __source: { fileName: "", lineNumber: 1073, columnNumber: 19 }, __self: this }, service.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6 min-h-[100px]", __source: { fileName: "", lineNumber: 1076, columnNumber: 19 }, __self: this }, service.description), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 1079, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleServiceClick(service), className: "w-full bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors duration-300", __source: { fileName: "", lineNumber: 1080, columnNumber: 21 }, __self: this }, "Try ", service.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleServiceClick(service), className: "w-full bg-transparent border border-blue-400 text-blue-400 px-6 py-3 rounded-lg hover:bg-blue-400/10 transition-colors duration-300", __source: { fileName: "", lineNumber: 1086, columnNumber: 21 }, __self: this }, "Learn More"))))))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "relative h-screen", __source: { fileName: "", lineNumber: 1100, columnNumber: 11 }, __self: this }, heroSections.map((section, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `absolute inset-0 transition-opacity duration-1000 ${activeSection === index ? "opacity-100" : "opacity-0"}`, __source: { fileName: "", lineNumber: 1102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-full", __source: { fileName: "", lineNumber: 1108, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-slate-900/90 to-slate-900/60", __source: { fileName: "", lineNumber: 1109, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: section.image, alt: section.title, className: "h-full w-full object-cover", __source: { fileName: "", lineNumber: 1110, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 1115, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1116, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-8xl font-montserrat font-bold text-white mb-6", __source: { fileName: "", lineNumber: 1117, columnNumber: 23 }, __self: this }, section.title), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-3xl text-gray-200 mb-8", __source: { fileName: "", lineNumber: 1120, columnNumber: 23 }, __self: this }, section.subtitle), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-4", __source: { fileName: "", lineNumber: 1123, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handlePitchDeckClick, className: "bg-blue-600 text-white px-8 py-4 rounded-lg hover:bg-blue-700 transition-all duration-300", __source: { fileName: "", lineNumber: 1124, columnNumber: 25 }, __self: this }, "View Pitch Deck"), /*#__PURE__*/ React.createElement("a", { href: "mailto:buildaiinc@gmail.com?subject=Pre-Register for Build AI Inc&body=I would like to pre-register for Build AI Inc's revolutionary construction technology platform. Please keep me updated on early access and launch details.", className: "bg-green-600 text-white px-8 py-4 rounded-lg hover:bg-green-700 transition-all duration-300 animate-pulse", __source: { fileName: "", lineNumber: 1130, columnNumber: 25 }, __self: this }, "Pre-Register Now"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAIMenu(true), className: "bg-purple-600 text-white px-8 py-4 rounded-lg hover:bg-purple-700 transition-all duration-300", __source: { fileName: "", lineNumber: 1136, columnNumber: 25 }, __self: this }, "Try AI Services")))))))), /*#__PURE__*/ React.createElement("section", { className: "py-24 bg-gradient-to-b from-slate-900 to-slate-800 relative", __source: { fileName: "", lineNumber: 1149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center opacity-5", __source: { fileName: "", lineNumber: 1150, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-9xl font-bold rotate-[-45deg]", __source: { fileName: "", lineNumber: 1151, columnNumber: 15 }, __self: this }, "Patent Pending Agentic AI™")), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 1156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 1157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 p-[2px] rounded-2xl mb-8 max-w-2xl mx-auto transform hover:scale-105 transition-all duration-300 shadow-2xl hover:shadow-blue-500/20", __source: { fileName: "", lineNumber: 1158, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 right-4 z-10", __source: { fileName: "", lineNumber: 1159, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-r from-yellow-400 to-orange-500 text-black px-6 py-2 rounded-full text-sm font-bold animate-pulse shadow-lg", __source: { fileName: "", lineNumber: 1160, columnNumber: 21 }, __self: this }, "🔥 Limited Time Offer")), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-900 rounded-2xl p-8", __source: { fileName: "", lineNumber: 1164, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -left-4 -bottom-4", __source: { fileName: "", lineNumber: 1165, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500/10 backdrop-blur-xl rounded-full p-3 animate-bounce", __source: { fileName: "", lineNumber: 1166, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket text-2xl text-blue-400", __source: { fileName: "", lineNumber: 1167, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "absolute -right-4 -bottom-4", __source: { fileName: "", lineNumber: 1170, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-purple-500/10 backdrop-blur-xl rounded-full p-3 animate-bounce", style: { animationDelay: "0.2s" }, __source: { fileName: "", lineNumber: 1171, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-2xl text-purple-400", __source: { fileName: "", lineNumber: 1175, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold mb-4 bg-gradient-to-r from-white via-blue-200 to-white bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 1178, columnNumber: 21 }, __self: this }, "🌟 Exclusive Beta Access"), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-900/50 to-purple-900/50 p-6 rounded-xl mb-6 backdrop-blur-xl", __source: { fileName: "", lineNumber: 1181, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-3 text-blue-200", __source: { fileName: "", lineNumber: 1182, columnNumber: 23 }, __self: this }, "Be Among the First to Experience"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold bg-gradient-to-r from-yellow-200 via-yellow-400 to-yellow-200 text-transparent bg-clip-text animate-pulse", __source: { fileName: "", lineNumber: 1185, columnNumber: 23 }, __self: this }, "Agentic AI Construction/Oil and Gas Services")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1189, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/20 to-purple-500/20 rounded-xl blur-xl", __source: { fileName: "", lineNumber: 1190, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-white/5 p-6 rounded-xl backdrop-blur-sm border border-white/10", __source: { fileName: "", lineNumber: 1191, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("script", { async: true, src: "https://js.stripe.com/v3/buy-button.js", __source: { fileName: "", lineNumber: 1192, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("stripe-buy-button", { "buy-button-id": "buy_btn_1Qoa0IPGmAIFH3Uzhb0OZI11", "publishable-key": "pk_live_51QlK18PGmAIFH3UzuBvYIKPzOci2PTb8VXAALSipqfLaPiUKcUcvilfEnaPG8tc0VqZAKtU7pq0lN7K75aGjZV3u00l9fGB9xF", __source: { fileName: "", lineNumber: 1196, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 space-y-3", __source: { fileName: "", lineNumber: 1202, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-yellow-300 flex items-center justify-center", __source: { fileName: "", lineNumber: 1203, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1204, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-300/10 px-4 py-1 rounded-full", __source: { fileName: "", lineNumber: 1205, columnNumber: 25 }, __self: this }, "Early Access in 4 Months")), /*#__PURE__*/ React.createElement("p", { className: "text-blue-300 flex items-center justify-center", __source: { fileName: "", lineNumber: 1209, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt mr-2", __source: { fileName: "", lineNumber: 1210, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-300/10 px-4 py-1 rounded-full", __source: { fileName: "", lineNumber: 1211, columnNumber: 25 }, __self: this }, "256-bit Secure Payment via Stripe")), /*#__PURE__*/ React.createElement("p", { className: "text-green-300 flex items-center justify-center", __source: { fileName: "", lineNumber: 1215, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 1216, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "bg-green-300/10 px-4 py-1 rounded-full", __source: { fileName: "", lineNumber: 1217, columnNumber: 25 }, __self: this }, "30-Day Money-Back Guarantee")))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 1226, columnNumber: 15 }, __self: this }, aiServices.map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.path, className: "bg-white/5 backdrop-blur-lg rounded-xl p-8 hover:bg-blue-600/10 transition-colors duration-300 group", __source: { fileName: "", lineNumber: 1228, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 text-center", __source: { fileName: "", lineNumber: 1232, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${service.name.includes("Lawyer") ? "balance-scale" : service.name.includes("Permits") ? "file-contract" : service.name.includes("Surveyor") ? "satellite" : service.name.includes("Title") ? "scroll" : service.name.includes("Visualizer") ? "cube" : service.name.includes("Lot") ? "map-marker-alt" : service.name.includes("Banking") ? "university" : service.name.includes("Crypto") ? "coins" : service.name.includes("Estate") ? "home" : "robot"} text-4xl text-blue-400 group-hover:text-blue-300 transition-colors duration-300`, __source: { fileName: "", lineNumber: 1233, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-4 font-montserrat text-center", __source: { fileName: "", lineNumber: 1257, columnNumber: 21 }, __self: this }, service.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6 min-h-[100px]", __source: { fileName: "", lineNumber: 1260, columnNumber: 21 }, __self: this }, service.description), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 1263, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleServiceClick(service), className: "w-full bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors duration-300", __source: { fileName: "", lineNumber: 1264, columnNumber: 23 }, __self: this }, "Try ", service.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleServiceClick(service), className: "w-full bg-transparent border border-blue-400 text-blue-400 px-6 py-3 rounded-lg hover:bg-blue-400/10 transition-colors duration-300", __source: { fileName: "", lineNumber: 1270, columnNumber: 23 }, __self: this }, "Learn More"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-24", __source: { fileName: "", lineNumber: 1281, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 1282, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-white font-montserrat mb-4", __source: { fileName: "", lineNumber: 1283, columnNumber: 19 }, __self: this }, "Agentic AI™ Platform Access"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 1286, columnNumber: 19 }, __self: this }, "Choose the perfect plan for your construction needs with our patent-pending technology")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 1292, columnNumber: 17 }, __self: this }, [ { name: "Starter", price: "$499", description: "Perfect for small construction projects", features: [ "Basic Agentic AI™ Features", "5 Active Projects", "Standard Support", "Basic Analytics" ], priceId: "price_starter" }, { name: "Professional", price: "$999", description: "Ideal for growing construction firms", features: [ "Advanced Agentic AI™ Features", "25 Active Projects", "Priority Support", "Advanced Analytics", "Custom Integrations" ], priceId: "price_professional", featured: true }, { name: "Enterprise", price: "$2,499", description: "For large-scale construction operations", features: [ "Full Agentic AI™ Suite", "Unlimited Projects", "24/7 Premium Support", "Custom AI Models", "API Access", "Dedicated Account Manager" ], priceId: "price_enterprise" } ].map((tier, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `${tier.featured ? "transform scale-105 bg-blue-600/20 ring-2 ring-blue-500" : "bg-white/5"} backdrop-blur-lg rounded-xl p-8 relative`, __source: { fileName: "", lineNumber: 1335, columnNumber: 21 }, __self: this }, tier.featured && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2", __source: { fileName: "", lineNumber: 1344, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-blue-500 text-white px-4 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1345, columnNumber: 27 }, __self: this }, "Most Popular")), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-2 font-montserrat", __source: { fileName: "", lineNumber: 1351, columnNumber: 23 }, __self: this }, tier.name), /*#__PURE__*/ React.createElement("div", { className: "text-3xl text-white font-bold mb-4", __source: { fileName: "", lineNumber: 1354, columnNumber: 23 }, __self: this }, tier.price, /*#__PURE__*/ React.createElement("span", { className: "text-lg text-gray-400 font-normal", __source: { fileName: "", lineNumber: 1356, columnNumber: 25 }, __self: this }, "/month")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6", __source: { fileName: "", lineNumber: 1360, columnNumber: 23 }, __self: this }, tier.description), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 mb-8", __source: { fileName: "", lineNumber: 1362, columnNumber: 23 }, __self: this }, tier.features.map((feature, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "flex items-center text-gray-300", __source: { fileName: "", lineNumber: 1364, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-400 mr-2", __source: { fileName: "", lineNumber: 1368, columnNumber: 29 }, __self: this }), feature))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSubscribe(tier.priceId), disabled: subscriptionProcessing, className: `w-full py-3 rounded-lg transition-all duration-300 ${tier.featured ? "bg-blue-500 text-white hover:bg-blue-600" : "bg-white/10 text-white hover:bg-white/20"} disabled:opacity-50`, __source: { fileName: "", lineNumber: 1374, columnNumber: 23 }, __self: this }, subscriptionProcessing ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 1384, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1385, columnNumber: 29 }, __self: this }), "Processing...") : "Subscribe Now"), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4", __source: { fileName: "", lineNumber: 1393, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1394, columnNumber: 25 }, __self: this }, "Protected by Patent Pending Agentic AI™"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 text-center", __source: { fileName: "", lineNumber: 1402, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 1403, columnNumber: 19 }, __self: this }, "All plans include access to our patent-pending Agentic AI™ technology"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1407, columnNumber: 19 }, __self: this }, "Prices in USD. Billed monthly. Cancel anytime.")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1416, columnNumber: 7 }, __self: this }, ` .stripe-element { width: 100%; padding: 12px; background: white; border-radius: 8px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } stripe-buy-button { --button-height: 56px; --button-width: 100%; --button-border-radius: 12px; --button-font-weight: 600; --button-font-size: 18px; --button-letter-spacing: 0.5px; --button-bg-color: #3b82f6; --button-bg-color-hover: #2563eb; --button-text-color: white; --button-padding: 0 24px; --button-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes glow { 0% { box-shadow: 0 0 5px rgba(59, 130, 246, 0.5); } 50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.8); } 100% { box-shadow: 0 0 5px rgba(59, 130, 246, 0.5); } } `)); }