| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Global Outsource Bureau | UK Accounting & Bookkeeping Services</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .hero-gradient { |
| background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); |
| } |
| .service-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); |
| } |
| .nav-link:hover { |
| color: #3b82f6; |
| } |
| .testimonial-card { |
| background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); |
| } |
| .contact-form input, |
| .contact-form textarea { |
| transition: all 0.3s ease; |
| } |
| .contact-form input:focus, |
| .contact-form textarea:focus { |
| border-color: #3b82f6; |
| box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2); |
| } |
| .pricing-toggle:checked ~ .toggle-dot { |
| transform: translateX(100%); |
| } |
| </style> |
| </head> |
| <body class="font-sans antialiased text-gray-800"> |
| |
| <header class="sticky top-0 z-50 bg-white shadow-sm"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center"> |
| |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold text-xl mr-2">GOB</div> |
| <span class="text-xl font-bold text-blue-800">Global Outsource Bureau</span> |
| </div> |
| </div> |
| |
| <nav class="hidden md:flex space-x-8"> |
| <a href="#home" class="nav-link text-gray-700 hover:text-blue-600 font-medium">Home</a> |
| <a href="#about" class="nav-link text-gray-700 hover:text-blue-600 font-medium">About Us</a> |
| <a href="#services" class="nav-link text-gray-700 hover:text-blue-600 font-medium">Services</a> |
| <a href="#engagement" class="nav-link text-gray-700 hover:text-blue-600 font-medium">Engagement</a> |
| <a href="#resources" class="nav-link text-gray-700 hover:text-blue-600 font-medium">Resources</a> |
| <a href="#contact" class="nav-link text-gray-700 hover:text-blue-600 font-medium">Contact</a> |
| </nav> |
| |
| <div class="hidden md:block"> |
| <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md font-medium transition duration-300">Get Started</a> |
| </div> |
| |
| <button class="md:hidden text-gray-700 focus:outline-none"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| </div> |
| </header> |
|
|
| |
| <section id="home" class="hero-gradient text-white py-20"> |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-10 md:mb-0"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Professional Accounting Services at 50% Less Cost</h1> |
| <p class="text-xl mb-8 opacity-90">Trusted by UK businesses for reliable, GDPR-compliant bookkeeping and accounting services delivered by our team of ACCA qualified accountants.</p> |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| <a href="#contact" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-3 rounded-md font-bold text-center transition duration-300">Start Free Trial</a> |
| <a href="#services" class="border-2 border-white hover:bg-white hover:bg-opacity-10 px-8 py-3 rounded-md font-medium text-center transition duration-300">Our Services</a> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <div class="bg-white bg-opacity-10 p-6 rounded-xl backdrop-filter backdrop-blur-sm max-w-md"> |
| <div class="flex items-center mb-4"> |
| <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mr-4"> |
| <i class="fas fa-pound-sign text-xl"></i> |
| </div> |
| <h3 class="text-xl font-bold">Cost Savings</h3> |
| </div> |
| <p class="mb-6">Our clients save an average of 50% compared to hiring in-house accountants or using local UK firms, without compromising on quality.</p> |
| |
| <div class="flex items-center mb-4"> |
| <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mr-4"> |
| <i class="fas fa-shield-alt text-xl"></i> |
| </div> |
| <h3 class="text-xl font-bold">GDPR Compliant</h3> |
| </div> |
| <p class="mb-6">We maintain the highest standards of data security and confidentiality, fully compliant with UK GDPR regulations.</p> |
| |
| <div class="flex items-center"> |
| <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mr-4"> |
| <i class="fas fa-headset text-xl"></i> |
| </div> |
| <h3 class="text-xl font-bold">UK Timezone Support</h3> |
| </div> |
| <p>Dedicated account managers available during UK business hours for seamless communication.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="bg-gray-50 py-8"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-wrap justify-center items-center"> |
| <div class="px-6 py-3 text-center"> |
| <p class="text-gray-600 mb-1">Trusted by</p> |
| <p class="text-2xl font-bold text-blue-600">200+</p> |
| <p class="text-gray-600">UK Businesses</p> |
| </div> |
| <div class="px-6 py-3 text-center"> |
| <p class="text-gray-600 mb-1">Average</p> |
| <p class="text-2xl font-bold text-blue-600">50%</p> |
| <p class="text-gray-600">Cost Savings</p> |
| </div> |
| <div class="px-6 py-3 text-center"> |
| <p class="text-gray-600 mb-1">Team of</p> |
| <p class="text-2xl font-bold text-blue-600">25+</p> |
| <p class="text-gray-600">Qualified Experts</p> |
| </div> |
| <div class="px-6 py-3 text-center"> |
| <p class="text-gray-600 mb-1">GDPR</p> |
| <p class="text-2xl font-bold text-blue-600">100%</p> |
| <p class="text-gray-600">Compliant</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="about" class="py-20 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">About Global Outsource Bureau</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">We are a team of ACCA qualified UK accountants and Indian Chartered Accountants dedicated to providing high-quality, cost-effective accounting solutions to UK businesses.</p> |
| </div> |
| |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10"> |
| <img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="Our Team" class="rounded-lg shadow-xl"> |
| </div> |
| <div class="md:w-1/2"> |
| <h3 class="text-2xl font-bold mb-6">Our Story</h3> |
| <p class="text-gray-600 mb-6">Founded in 2015, Global Outsource Bureau was created to bridge the gap between quality accounting services and affordability for UK businesses. We combine UK accounting expertise with the cost advantages of a global delivery model.</p> |
| |
| <div class="mb-8"> |
| <h4 class="text-xl font-semibold mb-4">Our Team</h4> |
| <div class="flex flex-wrap -mx-2"> |
| <div class="w-full sm:w-1/2 px-2 mb-4"> |
| <div class="bg-gray-50 p-4 rounded-lg"> |
| <div class="flex items-center mb-2"> |
| <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mr-2"> |
| <i class="fas fa-user-tie"></i> |
| </div> |
| <span class="font-medium">ACCA Qualified</span> |
| </div> |
| <p class="text-gray-600 text-sm">Our UK-based team members hold ACCA qualifications and have extensive experience with UK accounting standards.</p> |
| </div> |
| </div> |
| <div class="w-full sm:w-1/2 px-2 mb-4"> |
| <div class="bg-gray-50 p-4 rounded-lg"> |
| <div class="flex items-center mb-2"> |
| <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mr-2"> |
| <i class="fas fa-graduation-cap"></i> |
| </div> |
| <span class="font-medium">Indian CAs</span> |
| </div> |
| <p class="text-gray-600 text-sm">Our offshore team consists of highly skilled Indian Chartered Accountants trained in UK accounting practices.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-blue-50 p-6 rounded-lg border-l-4 border-blue-600"> |
| <h4 class="text-xl font-semibold mb-3">Why Choose Us?</h4> |
| <ul class="space-y-2"> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i> |
| <span>Dedicated account manager for each client</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i> |
| <span>Strict quality control processes</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i> |
| <span>Secure cloud-based accounting systems</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i> |
| <span>Regular training on UK tax updates</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="services" class="py-20 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Our Accounting Services</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Comprehensive accounting solutions tailored to your business needs, delivered with precision and care.</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
| <div class="h-48 bg-blue-600 flex items-center justify-center"> |
| <i class="fas fa-book text-white text-6xl"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Bookkeeping & VAT Returns</h3> |
| <p class="text-gray-600 mb-4">Accurate record-keeping and timely VAT submissions to keep your business compliant with HMRC requirements.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Monthly/quarterly bookkeeping</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>VAT return preparation & submission</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Reconciliation of bank accounts</span> |
| </li> |
| </ul> |
| <a href="#contact" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
| <div class="h-48 bg-blue-700 flex items-center justify-center"> |
| <i class="fas fa-file-invoice-dollar text-white text-6xl"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Self-Assessment Tax Returns</h3> |
| <p class="text-gray-600 mb-4">Professional preparation and submission of personal tax returns for sole traders, partners, and directors.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Personal tax return preparation</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Tax planning advice</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>HMRC correspondence handling</span> |
| </li> |
| </ul> |
| <a href="#contact" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
| <div class="h-48 bg-blue-800 flex items-center justify-center"> |
| <i class="fas fa-building text-white text-6xl"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Year-End Accounts & CT Returns</h3> |
| <p class="text-gray-600 mb-4">Preparation of statutory accounts and corporation tax computations for limited companies.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Preparation of annual accounts</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Corporation tax computations</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Filing with Companies House & HMRC</span> |
| </li> |
| </ul> |
| <a href="#contact" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
| <div class="h-48 bg-blue-600 flex items-center justify-center"> |
| <i class="fas fa-users text-white text-6xl"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Company Secretarial</h3> |
| <p class="text-gray-600 mb-4">Comprehensive company secretarial services to ensure your business remains compliant with Companies House requirements.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Annual confirmation statements</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Director appointments/resignations</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Registered office services</span> |
| </li> |
| </ul> |
| <a href="#contact" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
| <div class="h-48 bg-blue-700 flex items-center justify-center"> |
| <i class="fas fa-money-check-alt text-white text-6xl"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Payroll Services</h3> |
| <p class="text-gray-600 mb-4">Accurate and timely payroll processing with full RTI compliance for businesses of all sizes.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Monthly/weekly payroll processing</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Payslip generation</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>P60/P11D preparation</span> |
| </li> |
| </ul> |
| <a href="#contact" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
| <div class="h-48 bg-blue-800 flex items-center justify-center"> |
| <i class="fas fa-chart-line text-white text-6xl"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Management Accounts</h3> |
| <p class="text-gray-600 mb-4">Regular financial reporting to help you make informed business decisions.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Monthly/quarterly reports</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Profit & loss statements</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Balance sheets & cash flow analysis</span> |
| </li> |
| </ul> |
| <a href="#contact" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="engagement" class="py-20 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Flexible Engagement Models</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Choose the service model that best fits your business requirements and budget.</p> |
| </div> |
| |
| <div class="max-w-4xl mx-auto mb-12"> |
| <div class="flex justify-center mb-8"> |
| <div class="relative inline-block w-64"> |
| <div class="flex items-center justify-between bg-gray-200 rounded-full p-1"> |
| <span class="px-4 py-2 font-medium">Monthly Retainer</span> |
| <span class="px-4 py-2 font-medium">Pay-as-you-go</span> |
| </div> |
| <div class="absolute top-0 left-0 w-32 h-full bg-blue-600 rounded-full transition-transform duration-300 transform translate-x-0"></div> |
| <div class="absolute top-0 left-0 w-full h-full flex"> |
| <span class="flex-1 text-center text-white font-medium py-2 cursor-pointer z-10">Monthly Retainer</span> |
| <span class="flex-1 text-center text-gray-700 font-medium py-2 cursor-pointer z-10">Pay-as-you-go</span> |
| </div> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="border border-gray-200 rounded-lg p-6 hover:border-blue-500 transition duration-300"> |
| <h3 class="text-xl font-bold mb-4">Basic Support</h3> |
| <p class="text-gray-600 mb-6">Ideal for small businesses with straightforward accounting needs.</p> |
| <div class="text-3xl font-bold mb-6">£99<span class="text-lg font-medium text-gray-500">/month</span></div> |
| <ul class="space-y-3 mb-8"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Up to 50 transactions/month</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Quarterly VAT returns</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Annual accounts preparation</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Email support</span> |
| </li> |
| </ul> |
| <a href="#contact" class="block w-full bg-blue-600 hover:bg-blue-700 text-white text-center py-3 rounded-md font-medium transition duration-300">Get Started</a> |
| </div> |
| |
| |
| <div class="border-2 border-blue-500 rounded-lg p-6 relative"> |
| <div class="absolute top-0 right-0 bg-blue-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">POPULAR</div> |
| <h3 class="text-xl font-bold mb-4">Standard Package</h3> |
| <p class="text-gray-600 mb-6">Perfect for growing businesses with regular accounting requirements.</p> |
| <div class="text-3xl font-bold mb-6">£199<span class="text-lg font-medium text-gray-500">/month</span></div> |
| <ul class="space-y-3 mb-8"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Up to 150 transactions/month</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Monthly or quarterly VAT returns</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Annual accounts & CT600</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Email & phone support</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Monthly management reports</span> |
| </li> |
| </ul> |
| <a href="#contact" class="block w-full bg-blue-600 hover:bg-blue-700 text-white text-center py-3 rounded-md font-medium transition duration-300">Get Started</a> |
| </div> |
| |
| |
| <div class="border border-gray-200 rounded-lg p-6 hover:border-blue-500 transition duration-300"> |
| <h3 class="text-xl font-bold mb-4">Premium Support</h3> |
| <p class="text-gray-600 mb-6">Comprehensive solution for businesses with complex accounting needs.</p> |
| <div class="text-3xl font-bold mb-6">£399<span class="text-lg font-medium text-gray-500">/month</span></div> |
| <ul class="space-y-3 mb-8"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Unlimited transactions</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Monthly VAT returns</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Full annual accounts service</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Priority email, phone & video support</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Weekly management reports</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Tax planning consultation</span> |
| </li> |
| </ul> |
| <a href="#contact" class="block w-full bg-blue-600 hover:bg-blue-700 text-white text-center py-3 rounded-md font-medium transition duration-300">Get Started</a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="max-w-4xl mx-auto bg-blue-50 rounded-lg p-8"> |
| <h3 class="text-2xl font-bold mb-6 text-center">Not sure which model is right for you?</h3> |
| <p class="text-center text-gray-600 mb-8">Our accounting experts will assess your business needs and recommend the most suitable engagement model.</p> |
| <div class="text-center"> |
| <a href="#contact" class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium transition duration-300">Book a Free Consultation</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Clients Say</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Don't just take our word for it - hear from businesses that have benefited from our services.</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="testimonial-card p-8 rounded-lg shadow-sm"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-6">"Global Outsource Bureau has transformed our accounting processes. Their team is professional, responsive, and has helped us save over 60% compared to our previous UK accountant."</p> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-gray-300 mr-4 overflow-hidden"> |
| <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah Johnson" class="w-full h-full object-cover"> |
| </div> |
| <div> |
| <h4 class="font-bold">Sarah Johnson</h4> |
| <p class="text-gray-500 text-sm">Director, SJ Consulting Ltd</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="testimonial-card p-8 rounded-lg shadow-sm"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-6">"The quality of service is exceptional. Our dedicated account manager understands our business inside out and provides valuable insights beyond just number crunching."</p> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-gray-300 mr-4 overflow-hidden"> |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="David Patel" class="w-full h-full object-cover"> |
| </div> |
| <div> |
| <h4 class="font-bold">David Patel</h4> |
| <p class="text-gray-500 text-sm">CEO, TechSolutions Ltd</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="testimonial-card p-8 rounded-lg shadow-sm"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star-half-alt"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-6">"Switching to Global Outsource Bureau was one of the best business decisions we've made. The cost savings are significant, but what really impressed us was their attention to detail."</p> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-gray-300 mr-4 overflow-hidden"> |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Emily Chen" class="w-full h-full object-cover"> |
| </div> |
| <div> |
| <h4 class="font-bold">Emily Chen</h4> |
| <p class="text-gray-500 text-sm">Founder, Chen & Co</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="resources" class="py-20 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Resources</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Helpful tools and information to support your business accounting needs.</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12"> |
| |
| <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition duration-300"> |
| <div class="h-48 bg-gray-100 flex items-center justify-center"> |
| <i class="fas fa-newspaper text-6xl text-blue-600"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Blog & Articles</h3> |
| <p class="text-gray-600 mb-4">Stay updated with the latest accounting news, tax changes, and business tips from our experts.</p> |
| <a href="#" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Read Articles <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition duration-300"> |
| <div class="h-48 bg-gray-100 flex items-center justify-center"> |
| <i class="fas fa-video text-6xl text-blue-600"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Video Guides</h3> |
| <p class="text-gray-600 mb-4">Watch our tutorial videos on using accounting software, understanding tax obligations, and more.</p> |
| <a href="#" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Watch Videos <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition duration-300"> |
| <div class="h-48 bg-gray-100 flex items-center justify-center"> |
| <i class="fas fa-calculator text-6xl text-blue-600"></i> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-3">Pricing Calculator</h3> |
| <p class="text-gray-600 mb-4">Estimate your potential cost savings by outsourcing your accounting to our team.</p> |
| <a href="#" class="text-blue-600 font-medium hover:text-blue-800 inline-flex items-center"> |
| Calculate Savings <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-blue-50 rounded-lg p-8"> |
| <h3 class="text-2xl font-bold mb-6 text-center">Download Our Free Guide</h3> |
| <p class="text-center text-gray-600 mb-8 max-w-2xl mx-auto">"10 Essential Accounting Practices Every UK Business Owner Should Know" - A comprehensive guide to help you stay compliant and financially healthy.</p> |
| <div class="text-center"> |
| <a href="#" class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium transition duration-300">Download Now</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="contact" class="py-20 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Contact Us</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Ready to streamline your accounting? Get in touch for a free consultation or to start your free trial.</p> |
| </div> |
| |
| <div class="flex flex-col lg:flex-row gap-12"> |
| <div class="lg:w-1/2"> |
| <div class="bg-white rounded-lg shadow-md p-8"> |
| <h3 class="text-2xl font-bold mb-6">Send Us a Message</h3> |
| <form class="contact-form"> |
| <div class="mb-6"> |
| <label for="name" class="block text-gray-700 font-medium mb-2">Your Name</label> |
| <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| <div class="mb-6"> |
| <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label> |
| <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| <div class="mb-6"> |
| <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label> |
| <input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| <div class="mb-6"> |
| <label for="service" class="block text-gray-700 font-medium mb-2">Service Interested In</label> |
| <select id="service" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| <option value="">Select a service</option> |
| <option value="bookkeeping">Bookkeeping & VAT Returns</option> |
| <option value="tax">Self-Assessment Tax Returns</option> |
| <option value="accounts">Year-End Accounts & CT Returns</option> |
| <option value="secretarial">Company Secretarial</option> |
| <option value="payroll">Payroll Services</option> |
| <option value="management">Management Accounts</option> |
| </select> |
| </div> |
| <div class="mb-6"> |
| <label for="message" class="block text-gray-700 font-medium mb-2">Your Message</label> |
| <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea> |
| </div> |
| <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 rounded-md font-medium transition duration-300">Send Message</button> |
| </form> |
| </div> |
| </div> |
| |
| <div class="lg:w-1/2"> |
| <div class="bg-white rounded-lg shadow-md p-8 mb-8"> |
| <h3 class="text-2xl font-bold mb-6">Contact Information</h3> |
| <div class="space-y-6"> |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-envelope text-blue-600"></i> |
| </div> |
| <div> |
| <h4 class="font-bold mb-1">Email Us</h4> |
| <p class="text-gray-600">info@globaloutsourcebureau.com</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-phone-alt text-blue-600"></i> |
| </div> |
| <div> |
| <h4 class="font-bold mb-1">Call Us</h4> |
| <p class="text-gray-600">UK: +44 20 1234 5678</p> |
| <p class="text-gray-600">India: +91 80 1234 5678</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-clock text-blue-600"></i> |
| </div> |
| <div> |
| <h4 class="font-bold mb-1">Working Hours</h4> |
| <p class="text-gray-600">Monday to Friday: 9:00 AM - 5:30 PM (UK Time)</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div class="bg-white rounded-lg shadow-md p-6"> |
| <h4 class="font-bold mb-4 flex items-center"> |
| <i class="fas fa-map-marker-alt text-blue-600 mr-2"></i> UK Office |
| </h4> |
| <address class="text-gray-600 not-italic"> |
| Global Outsource Bureau<br> |
| 123 Accounting Street<br> |
| London EC2A 4QP<br> |
| United Kingdom |
| </address> |
| </div> |
| <div class="bg-white rounded-lg shadow-md p-6"> |
| <h4 class="font-bold mb-4 flex items-center"> |
| <i class="fas fa-map-marker-alt text-blue-600 mr-2"></i> India Office |
| </h4> |
| <address class="text-gray-600 not-italic"> |
| Global Outsource Bureau<br> |
| 456 Financial District<br> |
| Bengaluru 560001<br> |
| Karnataka, India |
| </address> |
| </div> |
| </div> |
| |
| <div class="mt-8 bg-blue-600 text-white rounded-lg p-6 text-center"> |
| <h3 class="text-xl font-bold mb-3">Ready to Get Started?</h3> |
| <p class="mb-6">Take advantage of our free trial offer with no obligation.</p> |
| <a href="#contact" class="inline-block bg-white hover:bg-gray-100 text-blue-600 px-8 py-3 rounded-md font-medium transition duration-300">Start Your Free Trial</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-12"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> |
| <div> |
| <div class="flex items-center mb-4"> |
| <div class="w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold text-xl mr-2">GOB</div> |
| <span class="text-xl font-bold">Global Outsource Bureau</span> |
| </div> |
| <p class="text-gray-400">Professional accounting and bookkeeping services for UK businesses, delivering quality and cost savings.</p> |
| </div> |
| |
| <div> |
| <h4 class="text-lg font-bold mb-4">Services</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Bookkeeping & VAT</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Self-Assessment Tax</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Year-End Accounts</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Company Secretarial</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Payroll Services</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h4 class="text-lg font-bold mb-4">Company</h4> |
| <ul class="space-y-2"> |
| <li><a href="#about" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li> |
| <li><a href="#engagement" class="text-gray-400 hover:text-white transition duration-300">Engagement Models</a></li> |
| <li><a href="#resources" class="text-gray-400 hover:text-white transition duration-300">Resources</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li> |
| <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">Contact Us</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h4 class="text-lg font-bold mb-4">Connect With Us</h4> |
| <div class="flex space-x-4 mb-4"> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-blue-600 rounded-full flex items-center justify-center transition duration-300"> |
| <i class="fab fa-linkedin-in"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-blue-400 rounded-full flex items-center justify-center transition duration-300"> |
| <i class="fab fa-twitter"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-blue-900 rounded-full flex items-center justify-center transition duration-300"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| </div> |
| <p class="text-gray-400">Subscribe to our newsletter</p> |
| <div class="mt-3 flex"> |
| <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-md focus:outline-none text-gray-900 w-full"> |
| <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md transition duration-300"> |
| <i class="fas fa-paper-plane"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-gray-400 mb-4 md:mb-0">© 2023 Global Outsource Bureau. All rights reserved.</p> |
| <div class="flex space-x-6"> |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy Policy</a> |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms of Service</a> |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300">GDPR Compliance</a> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| |
| const targetId = this.getAttribute('href'); |
| if (targetId === '#') return; |
| |
| const targetElement = document.querySelector(targetId); |
| if (targetElement) { |
| targetElement.scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| } |
| }); |
| }); |
| |
| |
| const toggle = document.querySelector('.relative.inline-block.w-64'); |
| if (toggle) { |
| toggle.addEventListener('click', function() { |
| const dot = this.querySelector('.absolute.top-0.left-0.w-32'); |
| dot.classList.toggle('translate-x-0'); |
| dot.classList.toggle('translate-x-32'); |
| |
| |
| }); |
| } |
| |
| |
| const mobileMenuButton = document.querySelector('.md\\:hidden'); |
| if (mobileMenuButton) { |
| mobileMenuButton.addEventListener('click', function() { |
| |
| console.log('Mobile menu clicked - implement your menu toggle here'); |
| }); |
| } |
| }); |
| </script> |
| </html> |
