Business Solutions | title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script id="chatway" async="true" src="https://cdn.chatway.app/widget.js?id=xWu0jgNUpPkR"></script> <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> <style> .gradient-text { background: linear-gradient(90deg, #1e3a8a, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .glass-card { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); } </style> </head> <body class="bg-[#f8fafc] text-slate-900 pt-32 pb-24 md:pb-0"> <div id="header-placeholder"></div> <main class="max-w-7xl mx-auto px-6"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-20"> <div data-aos="fade-right"> <span class="bg-blue-600 text-white px-4 py-1 rounded-full text-xs font-bold tracking-widest uppercase">Enterprise</span> <h1 class="text-6xl font-black mt-6 mb-6 leading-tight">Scale your <br><span class="gradient-text">Business</span> faster.</h1> <p class="text-gray-500 text-lg mb-8">Integrated business tools for the modern entrepreneur. Manage payroll, taxes, and global vendors from one dashboard.</p> <div class="flex space-x-4"> <button class="bg-slate-900 text-white px-8 py-4 rounded-2xl font-bold">Open Business Account</button> </div> </div> <div data-aos="zoom-in"> <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&q=80&w=800" class="rounded-[3rem] shadow-2xl grayscale hover:grayscale-0 transition-all duration-700"> </div> </div> </main> <div id="footer-placeholder"></div> <div class="lg:hidden fixed bottom-0 left-0 right-0 bg-white/90 backdrop-blur-lg border-t border-gray-100 px-6 py-3 z-[1001] flex justify-between items-center"> <a href="http://secure.safesterling.uss" class="flex flex-col items-center text-blue-600"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg> <span class="text-[10px] font-bold mt-1">Home</span> </a> <a href="http://secure.safesterling.us/Invest" class="flex flex-col items-center text-gray-400"> <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="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="text-[10px] font-bold mt-1">Invest</span> </a> <a href="http://secure.safesterling.us/Security" class="flex flex-col items-center text-gray-400"> <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="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg> <span class="text-[10px] font-bold mt-1">Security</span> </a> <a href="http://secure.safesterling.us/user/login" class="flex flex-col items-center text-gray-400"> <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="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg> <span class="text-[10px] font-bold mt-1">Account</span> </a> </div> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init(); async function loadPartials() { document.getElementById('header-placeholder').innerHTML = await fetch('header_footer/header.php').then(r => r.text()); document.getElementById('footer-placeholder').innerHTML = await fetch('header_footer/footer.php').then(r => r.text()); } loadPartials(); </script> </body> </html>