\n {/* Navigation */}\n

\n \n Husnabco Global\n \n

\n \n {/* Desktop Navigation */}\n

\n {['home', 'about', 'services', 'global', 'contact'].map((item) => (\n scrollToSection(item)}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-all duration-300 ${\n activeSection === item\n ? 'bg-blue-600 text-white'\n : 'text-gray-300 hover:bg-gray-700 hover:text-white'\n }`}\n >\n {item.charAt(0).toUpperCase() + item.slice(1)}\n \n ))}\n

\n\n {/* Mobile menu button */}\n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"text-gray-400 hover:text-white focus:outline-none focus:text-white\"\n >\n \n \n

\n\n {/* Mobile Navigation */}\n {isMenuOpen && (\n

\n {['home', 'about', 'services', 'global', 'contact'].map((item) => (\n scrollToSection(item)}\n className=\"block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 w-full text-left\"\n >\n {item.charAt(0).toUpperCase() + item.slice(1)}\n \n ))}\n

\n )}\n

\n\n {/* Hero Section */}\n

\n \n {/* Floating elements */}\n

\n\n

\n Innovating Tomorrow\n

\n Empowering businesses worldwide with cutting-edge technology solutions, \n digital transformation, and innovative strategies that drive success in the digital age.\n

\n scrollToSection('services')}\n className=\"px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg font-semibold text-lg hover:from-blue-700 hover:to-purple-700 transition-all duration-300 transform hover:scale-105 animate-pulse-glow\"\n >\n Explore Solutions 🚀\n \n scrollToSection('contact')}\n className=\"px-8 py-4 border-2 border-blue-500 rounded-lg font-semibold text-lg hover:bg-blue-500 transition-all duration-300 transform hover:scale-105\"\n >\n Get Started 💡\n \n

\n\n {/* About Section */}\n

\n About Husnabco Global Resources\n

\n We are a global technology company dedicated to transforming businesses through innovation, \n expertise, and cutting-edge solutions that drive digital excellence.\n

\n\n

Our Mission

\n To empower organizations worldwide by delivering innovative technology solutions that \n accelerate growth, enhance efficiency, and create sustainable competitive advantages \n in an ever-evolving digital landscape.\n

500+

Projects Delivered

50+

Countries Served

99.9%

Uptime Guarantee

24/7

Global Support

Why Choose Us?

\n ✓\n Global expertise with local understanding\n
\n ✓\n Cutting-edge technology solutions\n
\n ✓\n Proven track record of success\n
\n ✓\n Dedicated support and partnership\n
\n ✓\n Innovation-driven approach\n

\n\n {/* Services Section */}\n

\n Our Technology Solutions\n

\n Comprehensive technology services designed to accelerate your digital transformation \n and drive business innovation across all industries.\n

\n\n

\n {services.map((service, index) => (\n \n

{service.icon}

{service.title}

{service.description}

\n ▸\n {feature}\n

\n ))}\n

\n \n\n {/* Global Presence Section */}\n

\n Global Presence\n

\n With offices and partners across six continents, we deliver world-class technology \n solutions with local expertise and global scale.\n

\n\n

\n {globalOffices.map((office, index) => (\n \n

{office.city}

{office.country}

{office.region}

\n ))}\n

\n\n

Ready to Go Global?

\n Join thousands of companies worldwide who trust Husnabco Global Resources \n for their technology transformation journey.\n

\n scrollToSection('contact')}\n className=\"px-6 py-3 bg-white text-blue-600 rounded-lg font-semibold hover:bg-gray-100 transition-all duration-300 transform hover:scale-105\"\n >\n Start Your Journey 🌍\n \n

\n \n

\n\n {/* Contact Section */}\n

\n Get In Touch\n

\n Ready to transform your business with innovative technology solutions? \n Let's discuss how we can help you achieve your goals.\n

\n\n

Contact Information

\n 📧\n

Email

contact@husnabcoglobal.com

\n 📞\n

Phone

+1 (555) 123-4567

\n 🌐\n

Global Support

24/7 Worldwide Coverage

\n\n

\n \n Full Name *\n \n setContactForm({ ...contactForm, name: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"Your full name\"\n />\n

\n \n Email Address *\n \n setContactForm({ ...contactForm, email: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"your.email@company.com\"\n />\n

\n \n Company\n \n setContactForm({ ...contactForm, company: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"Your company name\"\n />\n

\n \n Message *\n \n setContactForm({ ...contactForm, message: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"Tell us about your project or how we can help...\"\n />\n

\n \n Send Message 🚀\n \n \n

\n\n {/* Footer */}\n \n \n );\n};\n\nexport default App;","deleted","label",[171,172,154],"frontend","components","permalink","https://www.val.town/x/Abdul01/HGRSustainabilityPlatform/code/frontend/components/App.tsx","extension","actionData","errors"]