```html
AI-Powered Platform 2.0
Launch Your Online Business In Minutes — Without Coding
Build websites, funnels, landing pages & online stores using AI-powered tools designed for beginners, marketers, freelancers, agencies & business owners.
- Beginner Friendly
- No Coding Needed
- Funnels & WhatsApp Automation Ready
AI Powered
Fast Setup
Beginner Friendly
Conversion Rate
+24% Today
Most People Never Start Online Because Tech Feels Complicated
You have a great business idea, but hiring expensive developers, dealing with confusing software, and writing code is overwhelming. It wastes your time and holds you back from launching a professional online presence.
That’s why we created a simple AI-powered platform anyone can use.
The Transformation
Stop struggling with the old way. Embrace the future of business building.
The Old Way
- No professional website or digital presence
- Losing potential online leads and sales
- Manual, time-consuming follow-ups
- {"props":{"pageProps":{"data":{"name":"AI Online Business System","page_id":"6c091a1e","seo_data":null,"social_meta":null,"translate":{},"robot_settings":null,"workspace_robot_settings":{},"favicon":null,"content":null,"html":"```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\" class=\"scroll-smooth\"\u003e\n\u003chead\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLaunch Your Online Business In Minutes — Without Coding\u003c/title\u003e\n \n \u003c!-- Meta Descriptions \u0026 SEO --\u003e\n \u003cmeta name=\"description\" content=\"Build websites, funnels, landing pages \u0026 online stores using AI-powered tools designed for beginners. Get your free demo today.\"\u003e\n \n \u003c!-- Tracking Placeholders --\u003e\n \u003c!-- [Meta Pixel Code Placeholder] --\u003e\n \u003c!-- [Google Tag Manager Placeholder] --\u003e\n \u003c!-- [Google Ads Tracking Placeholder] --\u003e\n\n \u003c!-- Fonts: Inter (Body) \u0026 Plus Jakarta Sans (Headings) --\u003e\n \u003clink rel=\"preconnect\" href=\"https://fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600\u0026family=Plus+Jakarta+Sans:wght@500;600;700;800\u0026display=swap\" rel=\"stylesheet\"\u003e\n \n \u003c!-- Bootstrap Icons --\u003e\n \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css\"\u003e\n \n \u003c!-- Tailwind CSS --\u003e\n \u003cscript src=\"https://cdn.tailwindcss.com\"\u003e\u003c/script\u003e\n \n \u003c!-- Tailwind Config \u0026 Custom Styles --\u003e\n \u003cscript\u003e\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Plus Jakarta Sans', 'sans-serif'],\n },\n colors: {\n brand: {\n purple: '#7C3AED', // violet-600\n dark: '#0F172A', // slate-900\n gray: '#64748B', // slate-500\n light: '#F8FAFC', // slate-50\n },\n whatsapp: '#25D366',\n whatsappHover: '#1EBE5A'\n },\n boxShadow: {\n 'premium': '0 10px 40px -10px rgba(124, 58, 237, 0.1)',\n 'floating': '0 20px 40px -10px rgba(0,0,0,0.08)',\n }\n }\n }\n }\n \u003c/script\u003e\n \n \u003cstyle\u003e\n /* Custom Utilities */\n body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\n \n .text-gradient {\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(to right, #7C3AED, #4F46E5);\n }\n \n .bg-gradient-brand {\n background-image: linear-gradient(135deg, #7C3AED 0%, #4F46E5 100%);\n }\n\n /* Glassmorphism */\n .glass {\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n\n /* Animations */\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .animate-fade-up { animation: fadeUp 0.6s ease-out forwards; }\n \n /* Hide scrollbar for slider */\n .no-scrollbar::-webkit-scrollbar { display: none; }\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n \u003c/style\u003e\n\u003c/head\u003e\n\u003cbody class=\"font-sans text-brand-dark bg-white\"\u003e\n\n \u003c!-- Navigation --\u003e\n \u003cnav class=\"fixed w-full z-40 glass transition-all duration-300\" id=\"navbar\"\u003e\n \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n \u003cdiv class=\"flex justify-between items-center h-20\"\u003e\n \u003cdiv class=\"flex items-center gap-2 cursor-pointer\" onclick=\"window.scrollTo(0,0)\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-lg bg-gradient-brand flex items-center justify-center text-white font-bold text-xl shadow-lg\"\u003e\n \u003ci class=\"bi bi-lightning-fill\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cspan class=\"font-display font-bold text-xl tracking-tight\"\u003eAIBuilder\u003cspan class=\"text-brand-purple\"\u003e.io\u003c/span\u003e\u003c/span\u003e\n \u003c/div\u003e\n \u003cdiv class=\"hidden md:flex items-center space-x-8\"\u003e\n \u003ca href=\"#features\" class=\"text-sm font-medium text-brand-gray hover:text-brand-dark transition-colors\"\u003eFeatures\u003c/a\u003e\n \u003ca href=\"#templates\" class=\"text-sm font-medium text-brand-gray hover:text-brand-dark transition-colors\"\u003eWhat You Can Build\u003c/a\u003e\n \u003ca href=\"#pricing\" class=\"text-sm font-medium text-brand-gray hover:text-brand-dark transition-colors\"\u003ePricing\u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv\u003e\n \u003cbutton onclick=\"openPopup()\" class=\"bg-brand-dark hover:bg-black text-white px-5 py-2.5 rounded-full text-sm font-medium transition-all shadow-md hover:shadow-lg transform hover:-translate-y-0.5\"\u003e\n Start Free\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/nav\u003e\n\n \u003c!-- SECTION 1: HERO --\u003e\n \u003csection class=\"relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden\"\u003e\n \u003c!-- Background decorative elements --\u003e\n \u003cdiv class=\"absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-[600px] bg-brand-purple/5 blur-[120px] rounded-full pointer-events-none -z-10\"\u003e\u003c/div\u003e\n \n \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative\"\u003e\n \u003cdiv class=\"grid lg:grid-cols-2 gap-12 lg:gap-8 items-center\"\u003e\n \n \u003c!-- Left: Content --\u003e\n \u003cdiv class=\"max-w-2xl animate-fade-up\"\u003e\n \u003cdiv class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-purple/10 text-brand-purple font-medium text-sm mb-6 border border-brand-purple/20\"\u003e\n \u003cspan class=\"relative flex h-2 w-2\"\u003e\n \u003cspan class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-purple opacity-75\"\u003e\u003c/span\u003e\n \u003cspan class=\"relative inline-flex rounded-full h-2 w-2 bg-brand-purple\"\u003e\u003c/span\u003e\n \u003c/span\u003e\n AI-Powered Platform 2.0\n \u003c/div\u003e\n \n \u003ch1 class=\"font-display text-5xl lg:text-6xl font-extrabold leading-[1.1] tracking-tight mb-6 text-brand-dark\"\u003e\n Launch Your Online Business In Minutes — \u003cspan class=\"text-gradient relative inline-block\"\u003eWithout Coding\u003c/span\u003e\n \u003c/h1\u003e\n \n \u003cp class=\"text-lg lg:text-xl text-brand-gray mb-8 leading-relaxed\"\u003e\n Build websites, funnels, landing pages \u0026 online stores using AI-powered tools designed for beginners, marketers, freelancers, agencies \u0026 business owners.\n \u003c/p\u003e\n \n \u003cul class=\"space-y-3 mb-10\"\u003e\n \u003cli class=\"flex items-center gap-3 text-brand-dark font-medium\"\u003e\n \u003ci class=\"bi bi-check-circle-fill text-whatsapp text-xl\"\u003e\u003c/i\u003e Beginner Friendly\n \u003c/li\u003e\n \u003cli class=\"flex items-center gap-3 text-brand-dark font-medium\"\u003e\n \u003ci class=\"bi bi-check-circle-fill text-whatsapp text-xl\"\u003e\u003c/i\u003e No Coding Needed\n \u003c/li\u003e\n \u003cli class=\"flex items-center gap-3 text-brand-dark font-medium\"\u003e\n \u003ci class=\"bi bi-check-circle-fill text-whatsapp text-xl\"\u003e\u003c/i\u003e Funnels \u0026 WhatsApp Automation Ready\n \u003c/li\u003e\n \u003c/ul\u003e\n \n \u003cdiv class=\"flex flex-col sm:flex-row gap-4 mb-10\"\u003e\n \u003cbutton onclick=\"openPopup()\" class=\"group flex items-center justify-center gap-2 bg-whatsapp hover:bg-whatsappHover text-white px-8 py-4 rounded-xl text-lg font-bold transition-all shadow-[0_8px_30px_rgb(37,211,102,0.3)] hover:shadow-[0_8px_30px_rgb(37,211,102,0.5)] transform hover:-translate-y-1\"\u003e\n \u003ci class=\"bi bi-whatsapp text-xl\"\u003e\u003c/i\u003e\n Get Free Demo on WhatsApp\n \u003c/button\u003e\n \u003cbutton onclick=\"openPopup()\" class=\"flex items-center justify-center gap-2 bg-white border-2 border-slate-200 hover:border-brand-purple hover:text-brand-purple text-brand-dark px-8 py-4 rounded-xl text-lg font-semibold transition-all shadow-sm\"\u003e\n See Live Examples\n \u003c/button\u003e\n \u003c/div\u003e\n \n \u003c!-- Trust Badges --\u003e\n \u003cdiv class=\"flex items-center gap-6 text-sm font-medium text-brand-gray border-t border-slate-100 pt-6\"\u003e\n \u003cdiv class=\"flex items-center gap-1.5\"\u003e\u003ci class=\"bi bi-robot\"\u003e\u003c/i\u003e AI Powered\u003c/div\u003e\n \u003cdiv class=\"flex items-center gap-1.5\"\u003e\u003ci class=\"bi bi-lightning-charge\"\u003e\u003c/i\u003e Fast Setup\u003c/div\u003e\n \u003cdiv class=\"flex items-center gap-1.5\"\u003e\u003ci class=\"bi bi-emoji-smile\"\u003e\u003c/i\u003e Beginner Friendly\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \n \u003c!-- Right: Visual --\u003e\n \u003cdiv class=\"relative lg:h-[600px] flex items-center justify-center animate-fade-up\" style=\"animation-delay: 0.2s;\"\u003e\n \u003c!-- Abstract backdrop for image --\u003e\n \u003cdiv class=\"absolute inset-0 bg-gradient-to-tr from-brand-purple/20 to-transparent rounded-[2rem] transform rotate-3 scale-105 -z-10\"\u003e\u003c/div\u003e\n \u003cimg src=\"https://media.clicksites.ai/clicksites/uploads/9551/a_highly_premium_sleek_3d_iso_3cdf99f3b2ee9dd89424bc6c5f1aa79e.png\" \n class=\"rounded-2xl shadow-floating w-full h-auto object-cover border border-slate-100\" \n alt=\"AI Website Builder Dashboard Interface\"\n \u003e\n \n \u003c!-- Floating UI Elements --\u003e\n \u003cdiv class=\"absolute -bottom-6 -left-6 bg-white p-4 rounded-xl shadow-xl border border-slate-100 flex items-center gap-4 animate-bounce\" style=\"animation-duration: 3s;\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-full bg-green-100 flex items-center justify-center text-green-600 text-2xl\"\u003e\n \u003ci class=\"bi bi-graph-up-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv\u003e\n \u003cp class=\"text-xs text-brand-gray font-medium\"\u003eConversion Rate\u003c/p\u003e\n \u003cp class=\"text-lg font-bold text-brand-dark\"\u003e+24% Today\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- SECTION 2: EMOTIONAL PAIN --\u003e\n \u003csection class=\"py-24 bg-brand-light relative\"\u003e\n \u003cdiv class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\"\u003e\n \n \u003ch2 class=\"font-display text-3xl md:text-5xl font-bold mb-8 text-brand-dark leading-tight\"\u003e\n Most People Never Start Online Because \u003cspan class=\"text-brand-purple\"\u003eTech Feels Complicated\u003c/span\u003e\n \u003c/h2\u003e\n \n \u003cp class=\"text-lg text-brand-gray mb-12 max-w-2xl mx-auto\"\u003e\n You have a great business idea, but hiring expensive developers, dealing with confusing software, and writing code is overwhelming. It wastes your time and holds you back from launching a professional online presence.\n \u003c/p\u003e\n \n \u003cdiv class=\"relative rounded-2xl overflow-hidden shadow-2xl mb-12 border border-slate-200\"\u003e\n \u003cimg src=\"https://media.clicksites.ai/clicksites/uploads/9551/a_stylized_modern_3d_illustra_d8758cd558aa0afd17e1e49646aa8c55.png\" \n class=\"w-full h-64 md:h-[400px] object-cover\" \n alt=\"Frustrated business owner with complicated tech\"\n \u003e\n \u003cdiv class=\"absolute inset-0 bg-gradient-to-t from-brand-dark/80 to-transparent flex items-end justify-center pb-8\"\u003e\n \u003cp class=\"text-white font-display text-xl md:text-2xl font-bold\"\u003e\n That’s why we created a simple AI-powered platform anyone can use.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \n \u003cbutton onclick=\"openPopup()\" class=\"bg-brand-dark hover:bg-black text-white px-8 py-4 rounded-xl text-lg font-bold transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\"\u003e\n Start My Online Journey\n \u003c/button\u003e\n \n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- SECTION 3: BEFORE VS AFTER --\u003e\n \u003csection class=\"py-24\"\u003e\n \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n \u003cdiv class=\"text-center max-w-3xl mx-auto mb-16\"\u003e\n \u003ch2 class=\"font-display text-3xl md:text-5xl font-bold mb-4\"\u003eThe Transformation\u003c/h2\u003e\n \u003cp class=\"text-lg text-brand-gray\"\u003eStop struggling with the old way. Embrace the future of business building.\u003c/p\u003e\n \u003c/div\u003e\n \n \u003cdiv class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\"\u003e\n \u003c!-- Before Card --\u003e\n \u003cdiv class=\"bg-rose-50/50 rounded-3xl p-8 border border-rose-100 shadow-sm relative overflow-hidden\"\u003e\n \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-rose-100 rounded-bl-full -z-10 opacity-50\"\u003e\u003c/div\u003e\n \u003cdiv class=\"flex items-center gap-3 mb-6\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-full bg-rose-100 flex items-center justify-center text-rose-500 text-xl\"\u003e\n \u003ci class=\"bi bi-x-lg\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch3 class=\"font-display text-2xl font-bold text-rose-950\"\u003eThe Old Way\u003c/h3\u003e\n \u003c/div\u003e\n \n \u003cul class=\"space-y-4\"\u003e\n \u003cli class=\"flex items-start gap-3 text-rose-800/80\"\u003e\n \u003ci class=\"bi bi-x-circle mt-1 text-rose-500\"\u003e\u003c/i\u003e\n \u003cspan\u003eNo professional website or digital presence\u003c/span\u003e\n \u003c/li\u003e\n \u003cli class=\"flex items-start gap-3 text-rose-800/80\"\u003e\n \u003ci class=\"bi bi-x-circle mt-1 text-rose-500\"\u003e\u003c/i\u003e\n \u003cspan\u003eLosing potential online leads and sales\u003c/span\u003e\n \u003c/li\u003e\n \u003cli class=\"flex items-start gap-3 text-rose-800/80\"\u003e\n \u003ci class=\"bi bi-x-circle mt-1 text-rose-500\"\u003e\u003c/i\u003e\n \u003cspan\u003eManual, time-consuming follow-ups\u003c/span\u003e\n \u003c/li\u003e\n \u003cli class=\"flex items-start gap-3 text-rose-800/80\"\u003e\n \u003ci class=\"bi bi-x-circle mt-1 text","mainCss":null,"sectionCss":null,"form_id":null,"gdpr":null,"badge":null,"header_script":"","body_script":null,"redirect_url":null,"webhook":null,"page_type":"general","builder_type":"canvas"}},"__N_SSP":true},"page":"/[slug]","query":{"slug":"ai-online-business-system-r6uotif4f0i"},"buildId":"nfJCWJBABLrJvFEyH87ku","isFallback":false,"isExperimentalCompile":false,"gssp":true,"scriptLoader":[]}