Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>HBU Asset Recovery | Professional Asset Recovery Services</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#1a365d', | |
| secondary: '#2c5282', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%); | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg"> | |
| <div class="max-w-6xl mx-auto px-4"> | |
| <div class="flex justify-between"> | |
| <div class="flex space-x-7"> | |
| <div> | |
| <a href="#" class="flex items-center py-4 px-2"> | |
| <span class="font-semibold text-gray-900 text-2xl">HBU Asset Recovery</span> | |
| </a> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-1"> | |
| <a href="#" class="py-4 px-2 text-primary border-b-4 border-primary font-semibold">Home</a> | |
| <a href="#" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary transition duration-300">Services</a> | |
| <a href="#" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary transition duration-300">About</a> | |
| <a href="#" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary transition duration-300">Contact</a> | |
| <a href="#" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary transition duration-300">Resources</a> | |
| </div> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-3"> | |
| <a href="#" class="py-2 px-4 bg-primary text-white font-semibold rounded-lg hover:bg-secondary transition duration-300">Get Started</a> | |
| </div> | |
| <div class="md:hidden flex items-center"> | |
| <button class="outline-none mobile-menu-button"> | |
| <i data-feather="menu" class="w-6 h-6 text-gray-500"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="hero-gradient text-white py-20"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-6">Professional Asset Recovery Services</h1> | |
| <p class="text-xl mb-12 max-w-2xl mx-auto">Maximizing recovery while protecting your financial interests through expert asset management solutions.</p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <a href="#" class="px-8 py-4 bg-white text-primary font-bold rounded-lg hover:bg-gray-100 transition duration-300">Request Consultation</a> | |
| <a href="#" class="px-8 py-4 border-2 border-white text-white font-bold rounded-lg hover:bg-white hover:text-primary transition duration-300">Learn More</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Features Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-gray-800 mb-16">Our Recovery Solutions</h2> | |
| <div class="grid md:grid-cols-3 gap-12"> | |
| <div class="feature-card bg-white rounded-xl shadow-md p-8 transition duration-300"> | |
| <div class="text-primary mb-4"> | |
| <i data-feather="dollar-sign" class="w-10 h-10"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-4">Commercial Debt Recovery</h3> | |
| <p class="text-gray-600">Specialized solutions for recovering outstanding commercial debts while maintaining business relationships.</p> | |
| </div> | |
| <div class="feature-card bg-white rounded-xl shadow-md p-8 transition duration-300"> | |
| <div class="text-primary mb-4"> | |
| <i data-feather="home" class="w-10 h-10"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-4">Real Estate Assets</h3> | |
| <p class="text-gray-600">Expert management and recovery of real estate assets with comprehensive valuation and disposition services.</p> | |
| </div> | |
| <div class="feature-card bg-white rounded-xl shadow-md p-8 transition duration-300"> | |
| <div class="text-primary mb-4"> | |
| <i data-feather="briefcase" class="w-10 h-10"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-4">Corporate Asset Management</h3> | |
| <p class="text-gray-600">Strategic approach to identifying, securing, and liquidating corporate assets with maximum returns.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <img src="http://static.photos/finance/1024x576/123" alt="Asset Recovery" class="rounded-lg shadow-xl"> | |
| </div> | |
| <div class="md:w-1/2 md:pl-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-6">About HBU Asset Recovery</h2> | |
| <p class="text-gray-600 mb-6 leading-relaxed">With over 15 years of experience in asset recovery and financial consulting, HBU Asset Recovery provides comprehensive solutions tailored to your specific needs. Our team of experts combines financial acumen with legal expertise to maximize your recovery potential.</p> | |
| <p class="text-gray-600 mb-8 leading-relaxed">We specialize in identifying hidden assets, negotiating settlements, and implementing strategic recovery plans that protect your financial interests while minimizing disruption to your operations.</p> | |
| <a href="#" class="px-8 py-3 bg-primary text-white font-semibold rounded-lg hover:bg-secondary transition duration-300">Our Approach</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-20 bg-primary text-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-16">Trusted by Leading Organizations</h2> | |
| <div class="grid md:grid-cols-3 gap-12"> | |
| <div class="bg-secondary rounded-xl p-8"> | |
| <div class="flex items-center mb-4"> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300" fill="currentColor"></i> | |
| </div> | |
| <p class="mb-6 italic">"HBU Asset Recovery helped us recover over $2M in outstanding debts that we had written off as uncollectible. Their expertise and persistence made all the difference."</p> | |
| <div class="flex items-center"> | |
| <div class="bg-white rounded-full w-12 h-12 flex items-center justify-center text-primary mr-4"> | |
| <i data-feather="user"></i> | |
| </div> | |
| <div> | |
| <p class="font-semibold">Sarah Johnson</p> | |
| <p class="text-primary-200">CFO, TechForward Inc.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-secondary rounded-xl p-8"> | |
| <div class="flex items-center mb-4"> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300" fill="currentColor"></i> | |
| </div> | |
| <p class="mb-6 italic">"Their asset recovery strategies for our commercial real estate portfolio exceeded our expectations. Professional, thorough, and results-driven."</p> | |
| <div class="flex items-center"> | |
| <div class="bg-white rounded-full w-12 h-12 flex items-center justify-center text-primary mr-4"> | |
| <i data-feather="user"></i> | |
| </div> | |
| <div> | |
| <p class="font-semibold">Michael Chen</p> | |
| <p class="text-primary-200">VP Operations, Urban Properties</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-secondary rounded-xl p-8"> | |
| <div class="flex items-center mb-4"> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300 mr-1" fill="currentColor"></i> | |
| <i data-feather="star" class="w-5 h-5 text-yellow-300" fill="currentColor"></i> | |
| </div> | |
| <p class="mb-6 italic">"The HBU team handled a complex international asset recovery case for us with professionalism and discretion. Highly recommended."</p> | |
| <div class="flex items-center"> | |
| <div class="bg-white rounded-full w-12 h-12 flex items-center justify-center text-primary mr-4"> | |
| <i data-feather="user"></i> | |
| </div> | |
| <div> | |
| <p class="font-semibold">David Rodriguez</p> | |
| <p class="text-primary-200">General Counsel, Global Ventures</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 bg-gray-800 text-white"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-8">Ready to Recover Your Assets?</h2> | |
| <p class="text-xl mb-12 max-w-2xl mx-auto">Contact us today for a confidential consultation and discover how we can help maximize your recovery.</p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <a href="#" class="px-8 py-4 bg-primary text-white font-bold rounded-lg hover:bg-secondary transition duration-300">Get Started</a> | |
| <a href="#" class="px-8 py-4 border-2 border-white text-white font-bold rounded-lg hover:bg-white hover:text-gray-800 transition duration-300">Call Us Now</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white pt-12 pb-8"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-semibold mb-4">HBU Asset Recovery</h3> | |
| <p class="text-gray-400">Professional asset recovery services with proven results and client-focused solutions.</p> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-lg mb-4">Services</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Commercial Debt Recovery</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Real Estate Assets</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Corporate Asset Management</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Judgment Recovery</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-lg mb-4">Company</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Our Team</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Careers</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-lg mb-4">Contact</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li class="flex items-center"><i data-feather="map-pin" class="w-4 h-4 mr-2"></i> 123 Recovery Ave, Suite 500</li> | |
| <li class="flex items-center"><i data-feather="phone" class="w-4 h-4 mr-2"></i> (555) 123-4567</li> | |
| <li class="flex items-center"><i data-feather="mail" class="w-4 h-4 mr-2"></i> info@hbuassetrecovery.com</li> | |
| </ul> | |
| <div class="flex mt-4 space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i data-feather="facebook"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i data-feather="twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i data-feather="linkedin"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-400 text-sm">© 2023 HBU Asset Recovery. All rights reserved.</p> | |
| <div class="flex space-x-6 mt-4 md:mt-0"> | |
| <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Privacy Policy</a> | |
| <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Terms of Service</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| // Mobile menu toggle | |
| const btn = document.querySelector(".mobile-menu-button"); | |
| const menu = document.querySelector(".mobile-menu"); | |
| btn.addEventListener("click", () => { | |
| menu.classList.toggle("hidden"); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |