Modern Web Solutions<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 900: '#14532d',\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n -webkit-font-smoothing: antialiased;\n }\n \/* Custom scrollbar for a polished look *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1; \n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8; \n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-900 flex flex-col min-h-screen\">\n\n <header class=\"fixed w-full bg-white\/90 backdrop-blur-md z-50 border-b border-gray-100 transition-all duration-300\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n \n <div class=\"flex-shrink-0 flex items-center\">\n <a href=\"#\" class=\"text-2xl font-bold text-brand-600 flex items-center gap-2\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n Apex\n <\/a>\n <\/div>\n \n \n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#home\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">Home<\/a>\n <a href=\"#features\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">Features<\/a>\n <a href=\"#about\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">About<\/a>\n <a href=\"#contact\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">Contact<\/a>\n <\/nav>\n\n \n <div class=\"hidden md:flex items-center\">\n <a href=\"#contact\" class=\"bg-brand-600 hover:bg-brand-700 text-white px-5 py-2.5 rounded-full text-sm font-semibold transition-all shadow-sm hover:shadow-md transform hover:-translate-y-0.5\">\n Get Started\n <\/a>\n <\/div>\n\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-gray-500 hover:text-gray-700 focus:outline-none p-2\">\n <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-gray-100 shadow-lg absolute w-full\">\n <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\n <a href=\"#home\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">Home<\/a>\n <a href=\"#features\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">Features<\/a>\n <a href=\"#about\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">About<\/a>\n <a href=\"#contact\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">Contact<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"flex-grow\">\n \n <section id=\"home\" class=\"pt-32 pb-20 lg:pt-40 lg:pb-28 overflow-hidden relative\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-brand-100 opacity-50 blur-3xl mix-blend-multiply pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 rounded-full bg-blue-100 opacity-50 blur-3xl mix-blend-multiply pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-3xl mx-auto\">\n <h1 class=\"text-5xl md:text-6xl font-extrabold text-gray-900 tracking-tight leading-tight mb-6\">\n Build <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-600 to-blue-600\">better digital<\/span> experiences, faster.\n <\/h1>\n <p class=\"mt-4 text-xl text-gray-600 mb-10 leading-relaxed\">\n Empower your team to create stunning, high-performance websites without the technical headache. We handle the complexity so you can focus on growth.\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"#contact\" class=\"bg-brand-600 hover:bg-brand-700 text-white px-8 py-4 rounded-full text-lg font-semibold transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1 w-full sm:w-auto text-center\">\n Start Free Trial\n <\/a>\n <a href=\"#features\" class=\"bg-white hover:bg-gray-50 text-gray-800 border border-gray-200 px-8 py-4 rounded-full text-lg font-semibold transition-all shadow-sm w-full sm:w-auto text-center\">\n View Features\n <\/a>\n <\/div>\n \n \n <div class=\"mt-16 pt-8 border-t border-gray-200\">\n <p class=\"text-sm text-gray-500 uppercase tracking-wider font-semibold mb-6\">Trusted by innovative teams worldwide<\/p>\n <div class=\"flex justify-center gap-8 md:gap-16 flex-wrap opacity-60 grayscale hover:grayscale-0 transition-all duration-500\">\n <div class=\"flex items-center gap-2 font-bold text-xl text-gray-800\"><svg class=\"w-6 h-6 text-indigo-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 22h20L12 2zm0 4.5l6.5 13h-13L12 6.5z\"\/><\/svg> ACME Corp<\/div>\n <div class=\"flex items-center gap-2 font-bold text-xl text-gray-800\"><svg class=\"w-6 h-6 text-pink-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg> GlobalNet<\/div>\n <div class=\"flex items-center gap-2 font-bold text-xl text-gray-800\"><svg class=\"w-6 h-6 text-teal-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><\/svg> TechFlow<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-brand-600 font-semibold tracking-wide uppercase text-sm mb-2\">Capabilities<\/h2>\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">Everything you need to succeed<\/h3>\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">Our platform provides a comprehensive suite of tools designed to optimize your workflow and maximize results.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\n \n <div class=\"p-8 rounded-2xl bg-gray-50 border border-gray-100 hover:shadow-lg transition-shadow duration-300 group\">\n <div class=\"w-14 h-14 rounded-xl bg-brand-100 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-7 h-7 text-brand-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Lightning Fast<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Optimized architecture ensures your pages load in milliseconds, reducing bounce rates and improving SEO.<\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl bg-gray-50 border border-gray-100 hover:shadow-lg transition-shadow duration-300 group\">\n <div class=\"w-14 h-14 rounded-xl bg-blue-100 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-7 h-7 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Bank-Grade Security<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Built-in SSL, DDoS protection, and automated backups keep your data safe and compliant with industry standards.<\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl bg-gray-50 border border-gray-100 hover:shadow-lg transition-shadow duration-300 group\">\n <div class=\"w-14 h-14 rounded-xl bg-purple-100 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-7 h-7 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Analytics Included<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Gain deep insights into user behavior with our integrated analytics dashboard. No third-party tools required.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"py-20 bg-gray-900 text-white overflow-hidden relative\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] bg-brand-900 rounded-full opacity-20 blur-3xl pointer-events-none\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n <div>\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">Designed for scale, built for performance.<\/h2>\n <p class=\"text-gray-300 text-lg mb-8 leading-relaxed\">\n Whether you're a startup testing the waters or an enterprise handling millions of requests, our infrastructure scales automatically to meet your demands. Say goodbye to server maintenance and hello to continuous uptime.\n <\/p>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start\">\n <svg class=\"w-6 h-6 text-brand-500 mr-3 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <span class=\"text-gray-300\">Global edge network for minimal latency<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <svg class=\"w-6 h-6 text-brand-500 mr-3 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <span class=\"text-gray-300\">Automated deployment pipelines<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <svg class=\"w-6 h-6 text-brand-500 mr-3 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <span class=\"text-gray-300\">24\/7 priority customer support<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"relative\">\n <div class=\"aspect-w-16 aspect-h-9 rounded-2xl overflow-hidden bg-gray-800 shadow-2xl border border-gray-700 p-2\">\n <div class=\"w-full h-full rounded-xl bg-gray-900 border border-gray-700 flex flex-col items-center justify-center p-8 text-center relative overflow-hidden\">\n \n <div class=\"absolute top-4 left-4 flex space-x-2\">\n <div class=\"w-3 h-3 rounded-full bg-red-500\"><\/div>\n <div class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n <div class=\"w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <div class=\"w-3\/4 h-4 bg-gray-800 rounded mb-4\"><\/div>\n <div class=\"w-full h-32 bg-gray-800 rounded mb-4\"><\/div>\n <div class=\"flex gap-4 w-full\">\n <div class=\"w-1\/2 h-20 bg-brand-900\/30 rounded border border-brand-800\"><\/div>\n <div class=\"w-1\/2 h-20 bg-blue-900\/30 rounded border border-blue-800\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute -bottom-6 -left-6 bg-white text-gray-900 p-4 rounded-xl shadow-xl font-bold flex items-center gap-3\">\n <div class=\"w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"text-2xl\">99.9%<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-wider\">Uptime SLA<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 bg-gray-50\">\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">Ready to get started?<\/h2>\n <p class=\"text-lg text-gray-600\">Fill out the form below and our team will be in touch shortly.<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-3xl shadow-xl border border-gray-100 p-8 md:p-12\">\n <form id=\"contactForm\" class=\"space-y-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"firstName\" class=\"block text-sm font-medium text-gray-700 mb-2\">First Name<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none\" placeholder=\"John\">\n <\/div>\n <div>\n <label for=\"lastName\" class=\"block text-sm font-medium text-gray-700 mb-2\">Last Name<\/label>\n <input type=\"text\" id=\"lastName\" name=\"lastName\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none\" placeholder=\"Doe\">\n <\/div>\n <\/div>\n\n <div>\n <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-2\">Work Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none\" placeholder=\"john@company.com\">\n <\/div>\n\n <div>\n <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-2\">How can we help?<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none resize-none\" placeholder=\"Tell us about your project...\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-brand-600 hover:bg-brand-700 text-white font-bold py-4 px-8 rounded-xl transition-all duration-200 shadow-md hover:shadow-lg flex items-center justify-center gap-2\">\n <span>Send Message<\/span>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n <\/button>\n \n \n <div id=\"successMessage\" class=\"hidden mt-4 p-4 bg-green-50 text-green-700 rounded-xl border border-green-200 text-center\">\n Thanks! We've received your message and will reply soon.\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer class=\"bg-gray-900 text-gray-400 py-12 border-t border-gray-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8 mb-8\">\n <div class=\"col-span-1 md:col-span-2\">\n <a href=\"#\" class=\"text-2xl font-bold text-white flex items-center gap-2 mb-4\">\n <svg class=\"w-6 h-6 text-brand-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n Apex\n <\/a>\n <p class=\"mb-4 max-w-sm\">Building the future of web infrastructure. Fast, secure, and reliable hosting for modern applications.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-white font-semibold mb-4\">Product<\/h4>\n <ul class=\"space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Features<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Pricing<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Documentation<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-white font-semibold mb-4\">Company<\/h4>\n <ul class=\"space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">About Us<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Careers<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-sm\">\n <p>© 2026 Apex Inc. All rights reserved.<\/p>\n <div class=\"flex space-x-4 mt-4 md:mt-0\">\n <a href=\"#\" class=\"hover:text-white transition-colors\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Terms of Service<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Mobile Menu Toggle\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ Close mobile menu when clicking a link\n const mobileLinks = mobileMenu.querySelectorAll('a');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n \/\/ Navbar background blur effect on scroll\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) {\n navbar.classList.add('shadow-sm');\n } else {\n navbar.classList.remove('shadow-sm');\n }\n });\n\n \/\/ Form submission simulation\n const contactForm = document.getElementById('contactForm');\n const submitBtn = document.getElementById('submitBtn');\n const successMessage = document.getElementById('successMessage');\n\n contactForm.addEventListener('submit', (e) => {\n e.preventDefault();\n \n \/\/ Visual feedback for submission state\n const originalBtnText = submitBtn.innerHTML;\n submitBtn.innerHTML = `\n <svg class=\"animate-spin -ml-1 mr-2 h-5 w-5 text-white inline-block\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n <\/svg>\n Sending...\n `;\n submitBtn.disabled = true;\n submitBtn.classList.add('opacity-75', 'cursor-not-allowed');\n\n \/\/ Simulate network request\n setTimeout(() => {\n contactForm.reset();\n submitBtn.innerHTML = originalBtnText;\n submitBtn.disabled = false;\n submitBtn.classList.remove('opacity-75', 'cursor-not-allowed');\n \n \/\/ Show success message\n successMessage.classList.remove('hidden');\n \n \/\/ Hide success message after 5 seconds\n setTimeout(() => {\n successMessage.classList.add('hidden');\n }, 5000);\n }, 1500);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Modern Web Solutions Apex Home Features About Contact Get Started Home Features About Contact Build better digital experiences, faster. Empower your team to create stunning, high-performance websites without the technical headache. We handle the complexity so you can focus on growth. Start Free Trial View Features Trusted by innovative teams worldwide ACME Corp GlobalNet TechFlow […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":5,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Modern Web Solutions<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 900: '#14532d',\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n -webkit-font-smoothing: antialiased;\n }\n \/* Custom scrollbar for a polished look *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1; \n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8; \n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-900 flex flex-col min-h-screen\">\n\n <header class=\"fixed w-full bg-white\/90 backdrop-blur-md z-50 border-b border-gray-100 transition-all duration-300\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n \n <div class=\"flex-shrink-0 flex items-center\">\n <a href=\"#\" class=\"text-2xl font-bold text-brand-600 flex items-center gap-2\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n Apex\n <\/a>\n <\/div>\n \n \n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#home\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">Home<\/a>\n <a href=\"#features\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">Features<\/a>\n <a href=\"#about\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">About<\/a>\n <a href=\"#contact\" class=\"text-gray-600 hover:text-brand-600 px-3 py-2 text-sm font-medium transition-colors\">Contact<\/a>\n <\/nav>\n\n \n <div class=\"hidden md:flex items-center\">\n <a href=\"#contact\" class=\"bg-brand-600 hover:bg-brand-700 text-white px-5 py-2.5 rounded-full text-sm font-semibold transition-all shadow-sm hover:shadow-md transform hover:-translate-y-0.5\">\n Get Started\n <\/a>\n <\/div>\n\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-gray-500 hover:text-gray-700 focus:outline-none p-2\">\n <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-gray-100 shadow-lg absolute w-full\">\n <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\n <a href=\"#home\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">Home<\/a>\n <a href=\"#features\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">Features<\/a>\n <a href=\"#about\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">About<\/a>\n <a href=\"#contact\" class=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-brand-600 hover:bg-gray-50\">Contact<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"flex-grow\">\n \n <section id=\"home\" class=\"pt-32 pb-20 lg:pt-40 lg:pb-28 overflow-hidden relative\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-brand-100 opacity-50 blur-3xl mix-blend-multiply pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 rounded-full bg-blue-100 opacity-50 blur-3xl mix-blend-multiply pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-3xl mx-auto\">\n <h1 class=\"text-5xl md:text-6xl font-extrabold text-gray-900 tracking-tight leading-tight mb-6\">\n Build <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-600 to-blue-600\">better digital<\/span> experiences, faster.\n <\/h1>\n <p class=\"mt-4 text-xl text-gray-600 mb-10 leading-relaxed\">\n Empower your team to create stunning, high-performance websites without the technical headache. We handle the complexity so you can focus on growth.\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"#contact\" class=\"bg-brand-600 hover:bg-brand-700 text-white px-8 py-4 rounded-full text-lg font-semibold transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1 w-full sm:w-auto text-center\">\n Start Free Trial\n <\/a>\n <a href=\"#features\" class=\"bg-white hover:bg-gray-50 text-gray-800 border border-gray-200 px-8 py-4 rounded-full text-lg font-semibold transition-all shadow-sm w-full sm:w-auto text-center\">\n View Features\n <\/a>\n <\/div>\n \n \n <div class=\"mt-16 pt-8 border-t border-gray-200\">\n <p class=\"text-sm text-gray-500 uppercase tracking-wider font-semibold mb-6\">Trusted by innovative teams worldwide<\/p>\n <div class=\"flex justify-center gap-8 md:gap-16 flex-wrap opacity-60 grayscale hover:grayscale-0 transition-all duration-500\">\n <div class=\"flex items-center gap-2 font-bold text-xl text-gray-800\"><svg class=\"w-6 h-6 text-indigo-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 22h20L12 2zm0 4.5l6.5 13h-13L12 6.5z\"\/><\/svg> ACME Corp<\/div>\n <div class=\"flex items-center gap-2 font-bold text-xl text-gray-800\"><svg class=\"w-6 h-6 text-pink-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg> GlobalNet<\/div>\n <div class=\"flex items-center gap-2 font-bold text-xl text-gray-800\"><svg class=\"w-6 h-6 text-teal-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><\/svg> TechFlow<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-brand-600 font-semibold tracking-wide uppercase text-sm mb-2\">Capabilities<\/h2>\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">Everything you need to succeed<\/h3>\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">Our platform provides a comprehensive suite of tools designed to optimize your workflow and maximize results.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\n \n <div class=\"p-8 rounded-2xl bg-gray-50 border border-gray-100 hover:shadow-lg transition-shadow duration-300 group\">\n <div class=\"w-14 h-14 rounded-xl bg-brand-100 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-7 h-7 text-brand-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Lightning Fast<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Optimized architecture ensures your pages load in milliseconds, reducing bounce rates and improving SEO.<\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl bg-gray-50 border border-gray-100 hover:shadow-lg transition-shadow duration-300 group\">\n <div class=\"w-14 h-14 rounded-xl bg-blue-100 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-7 h-7 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Bank-Grade Security<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Built-in SSL, DDoS protection, and automated backups keep your data safe and compliant with industry standards.<\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl bg-gray-50 border border-gray-100 hover:shadow-lg transition-shadow duration-300 group\">\n <div class=\"w-14 h-14 rounded-xl bg-purple-100 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-7 h-7 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Analytics Included<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Gain deep insights into user behavior with our integrated analytics dashboard. No third-party tools required.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"py-20 bg-gray-900 text-white overflow-hidden relative\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] bg-brand-900 rounded-full opacity-20 blur-3xl pointer-events-none\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n <div>\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">Designed for scale, built for performance.<\/h2>\n <p class=\"text-gray-300 text-lg mb-8 leading-relaxed\">\n Whether you're a startup testing the waters or an enterprise handling millions of requests, our infrastructure scales automatically to meet your demands. Say goodbye to server maintenance and hello to continuous uptime.\n <\/p>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start\">\n <svg class=\"w-6 h-6 text-brand-500 mr-3 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <span class=\"text-gray-300\">Global edge network for minimal latency<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <svg class=\"w-6 h-6 text-brand-500 mr-3 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <span class=\"text-gray-300\">Automated deployment pipelines<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <svg class=\"w-6 h-6 text-brand-500 mr-3 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <span class=\"text-gray-300\">24\/7 priority customer support<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"relative\">\n <div class=\"aspect-w-16 aspect-h-9 rounded-2xl overflow-hidden bg-gray-800 shadow-2xl border border-gray-700 p-2\">\n <div class=\"w-full h-full rounded-xl bg-gray-900 border border-gray-700 flex flex-col items-center justify-center p-8 text-center relative overflow-hidden\">\n \n <div class=\"absolute top-4 left-4 flex space-x-2\">\n <div class=\"w-3 h-3 rounded-full bg-red-500\"><\/div>\n <div class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n <div class=\"w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <div class=\"w-3\/4 h-4 bg-gray-800 rounded mb-4\"><\/div>\n <div class=\"w-full h-32 bg-gray-800 rounded mb-4\"><\/div>\n <div class=\"flex gap-4 w-full\">\n <div class=\"w-1\/2 h-20 bg-brand-900\/30 rounded border border-brand-800\"><\/div>\n <div class=\"w-1\/2 h-20 bg-blue-900\/30 rounded border border-blue-800\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute -bottom-6 -left-6 bg-white text-gray-900 p-4 rounded-xl shadow-xl font-bold flex items-center gap-3\">\n <div class=\"w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"text-2xl\">99.9%<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-wider\">Uptime SLA<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 bg-gray-50\">\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">Ready to get started?<\/h2>\n <p class=\"text-lg text-gray-600\">Fill out the form below and our team will be in touch shortly.<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-3xl shadow-xl border border-gray-100 p-8 md:p-12\">\n <form id=\"contactForm\" class=\"space-y-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"firstName\" class=\"block text-sm font-medium text-gray-700 mb-2\">First Name<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none\" placeholder=\"John\">\n <\/div>\n <div>\n <label for=\"lastName\" class=\"block text-sm font-medium text-gray-700 mb-2\">Last Name<\/label>\n <input type=\"text\" id=\"lastName\" name=\"lastName\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none\" placeholder=\"Doe\">\n <\/div>\n <\/div>\n\n <div>\n <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-2\">Work Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none\" placeholder=\"john@company.com\">\n <\/div>\n\n <div>\n <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-2\">How can we help?<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors outline-none resize-none\" placeholder=\"Tell us about your project...\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-brand-600 hover:bg-brand-700 text-white font-bold py-4 px-8 rounded-xl transition-all duration-200 shadow-md hover:shadow-lg flex items-center justify-center gap-2\">\n <span>Send Message<\/span>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n <\/button>\n \n \n <div id=\"successMessage\" class=\"hidden mt-4 p-4 bg-green-50 text-green-700 rounded-xl border border-green-200 text-center\">\n Thanks! We've received your message and will reply soon.\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer class=\"bg-gray-900 text-gray-400 py-12 border-t border-gray-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8 mb-8\">\n <div class=\"col-span-1 md:col-span-2\">\n <a href=\"#\" class=\"text-2xl font-bold text-white flex items-center gap-2 mb-4\">\n <svg class=\"w-6 h-6 text-brand-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n Apex\n <\/a>\n <p class=\"mb-4 max-w-sm\">Building the future of web infrastructure. Fast, secure, and reliable hosting for modern applications.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-white font-semibold mb-4\">Product<\/h4>\n <ul class=\"space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Features<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Pricing<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Documentation<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-white font-semibold mb-4\">Company<\/h4>\n <ul class=\"space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">About Us<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Careers<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition-colors\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-sm\">\n <p>© 2026 Apex Inc. All rights reserved.<\/p>\n <div class=\"flex space-x-4 mt-4 md:mt-0\">\n <a href=\"#\" class=\"hover:text-white transition-colors\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Terms of Service<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Mobile Menu Toggle\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ Close mobile menu when clicking a link\n const mobileLinks = mobileMenu.querySelectorAll('a');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n \/\/ Navbar background blur effect on scroll\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) {\n navbar.classList.add('shadow-sm');\n } else {\n navbar.classList.remove('shadow-sm');\n }\n });\n\n \/\/ Form submission simulation\n const contactForm = document.getElementById('contactForm');\n const submitBtn = document.getElementById('submitBtn');\n const successMessage = document.getElementById('successMessage');\n\n contactForm.addEventListener('submit', (e) => {\n e.preventDefault();\n \n \/\/ Visual feedback for submission state\n const originalBtnText = submitBtn.innerHTML;\n submitBtn.innerHTML = `\n <svg class=\"animate-spin -ml-1 mr-2 h-5 w-5 text-white inline-block\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n <\/svg>\n Sending...\n `;\n submitBtn.disabled = true;\n submitBtn.classList.add('opacity-75', 'cursor-not-allowed');\n\n \/\/ Simulate network request\n setTimeout(() => {\n contactForm.reset();\n submitBtn.innerHTML = originalBtnText;\n submitBtn.disabled = false;\n submitBtn.classList.remove('opacity-75', 'cursor-not-allowed');\n \n \/\/ Show success message\n successMessage.classList.remove('hidden');\n \n \/\/ Hide success message after 5 seconds\n setTimeout(() => {\n successMessage.classList.add('hidden');\n }, 5000);\n }, 1500);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Modern Web Solutions Apex Home Features About Contact Get Started Home Features About Contact Build better digital experiences, faster. Empower your team to create stunning, high-performance websites without the technical headache. We handle the complexity so you can focus on growth. Start Free Trial View Features Trusted by innovative teams worldwide ACME Corp GlobalNet TechFlow […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":5,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/stovejglobal.online\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/stovejglobal.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}