<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dashboard</title> <link rel="preload" as="style" href="https://begyirlab.noguchi.ug.edu.gh/build/assets/app-C06rg9Fw.css" /><link rel="modulepreload" as="script" href="https://begyirlab.noguchi.ug.edu.gh/build/assets/app-DoI-9WiN.js" /><link rel="stylesheet" href="https://begyirlab.noguchi.ug.edu.gh/build/assets/app-C06rg9Fw.css" data-navigate-track="reload" /><script type="module" src="https://begyirlab.noguchi.ug.edu.gh/build/assets/app-DoI-9WiN.js" data-navigate-track="reload"></script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style> <link rel="stylesheet" href="https://unpkg.com/aos@2.3.4/dist/aos.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" /> <script src="https://www.google.com/recaptcha/api.js?render=6LfklhMtAAAAAC_6Pv1YFqgUdmbO1tzgjehdWk1t"></script> <style> /* Avoid mobile menu flashing before Alpine loads */ [x-cloak] { display: none !important; } /* Improve visible focus (why: keyboard accessibility) */ .focus-outline:focus { outline: 2px solid currentColor; outline-offset: 2px; } </style> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://amredge.matomo.cloud/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://cdn.matomo.cloud/amredge.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> </head> <body class="antialiased bg-slate-50"> <header class="bg-slate-900 sticky top-0 z-50 shadow-md"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" x-data="{ open: false }" @keydown.escape.window="open = false" > <div class="flex items-center justify-between h-16"> <div class="flex-shrink-0"> <a href="https://begyirlab.noguchi.ug.edu.gh/homepage" class="font-bold text-2xl text-white hover:text-red-400 transition-colors focus-outline"> NMIMR AMR HUB </a> </div> <div class="hidden md:flex items-center space-x-2"> <a href="https://begyirlab.noguchi.ug.edu.gh/homepage" class="px-3 py-2 rounded-md text-sm font-medium focus-outline transition-colors text-white hover:bg-slate-800"> About </a> <div class="relative" x-data="{ dropdown: false }" @mouseenter="dropdown = true" @mouseleave="dropdown = false"> <button type="button" @click="dropdown = !dropdown" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:bg-slate-800 focus-outline inline-flex items-center gap-1" :aria-expanded="dropdown.toString()"> Research & Innovation <i class="fa-solid fa-chevron-down text-xs"></i> </button> <div x-show="dropdown" x-cloak x-transition @click.outside="dropdown = false" class="absolute left-0 mt-2 w-64 bg-slate-900 text-white rounded-xl shadow-xl py-2 z-50 border border-slate-800"> <a href="https://begyirlab.noguchi.ug.edu.gh/research" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">Research Overview</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/ghru" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">GHRU Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/seqafrica" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">SeqAfrica Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/eskape" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">ESKAPE Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/ssi" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">SSI Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/genomicdash" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">Genomics Dashboard</a> </div> </div> <div class="relative" x-data="{ dropdown: false }" @mouseenter="dropdown = true" @mouseleave="dropdown = false"> <button type="button" @click="dropdown = !dropdown" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:bg-slate-800 focus-outline inline-flex items-center gap-1" :aria-expanded="dropdown.toString()"> Courses <i class="fa-solid fa-chevron-down text-xs"></i> </button> <div x-show="dropdown" x-cloak x-transition @click.outside="dropdown = false" class="absolute left-0 mt-2 w-60 bg-slate-900 text-white rounded-xl shadow-xl py-2 z-50 border border-slate-800"> <a href="https://begyirlab.noguchi.ug.edu.gh/courses" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">Upcoming Courses</a> <a href="https://begyirlab.noguchi.ug.edu.gh/trainings" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors"> Past Trainings</a> </div> </div> <div class="relative" x-data="{ dropdown: false }" @mouseenter="dropdown = true" @mouseleave="dropdown = false"> <button type="button" @click="dropdown = !dropdown" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:bg-slate-800 focus-outline inline-flex items-center gap-1" :aria-expanded="dropdown.toString()"> Services <i class="fa-solid fa-chevron-down text-xs"></i> </button> <div x-show="dropdown" x-cloak x-transition @click.outside="dropdown = false" class="absolute left-0 mt-2 w-64 bg-slate-900 text-white rounded-xl shadow-xl py-2 z-50 border border-slate-800"> <a href="https://begyirlab.noguchi.ug.edu.gh/services#facility-based-services" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">Facility-Based Services</a> <a href="https://begyirlab.noguchi.ug.edu.gh/services#diagnostics" class="block px-4 py-2 text-sm hover:bg-slate-800 hover:text-red-400 transition-colors">Diagnostics</a> </div> </div> <a href="https://begyirlab.noguchi.ug.edu.gh/blog" class="px-3 py-2 rounded-md text-sm font-medium focus-outline transition-colors text-white hover:bg-slate-800"> Blog </a> </div> <div class="md:hidden"> <button type="button" class="text-white focus:outline-none focus-outline" @click="open = !open" :aria-expanded="open.toString()" aria-controls="mobile-menu" aria-label="Toggle navigation menu" > <svg x-show="!open" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> <svg x-show="open" x-cloak class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> <div id="mobile-menu" class="md:hidden" x-cloak x-show="open" x-transition.opacity.duration.200ms @click.outside="open = false" > <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-slate-900 shadow-lg rounded-b-lg"> <a href="https://begyirlab.noguchi.ug.edu.gh/homepage" @click="open = false" class="block px-3 py-2 rounded-md text-base font-medium text-white hover:bg-slate-800"> About </a> <div x-data="{ researchMenu: false }"> <button type="button" @click="researchMenu = !researchMenu" class="w-full flex items-center justify-between px-3 py-2 rounded-md text-base font-medium text-white hover:bg-slate-800"> Research & Innovation <i class="fa-solid fa-chevron-down text-xs"></i> </button> <div x-show="researchMenu" x-cloak class="ml-4 mt-1 space-y-1"> <a href="https://begyirlab.noguchi.ug.edu.gh/research" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">Research Overview</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/ghru" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">GHRU Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/seqafrica" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">SeqAfrica Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/eskape" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">ESKAPE Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/projects/ssi" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">SSI Project</a> <a href="https://begyirlab.noguchi.ug.edu.gh/genomicdash" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">Genomics Dashboard</a> </div> </div> <div x-data="{ coursesMenu: false }"> <button type="button" @click="coursesMenu = !coursesMenu" class="w-full flex items-center justify-between px-3 py-2 rounded-md text-base font-medium text-white hover:bg-slate-800"> Courses <i class="fa-solid fa-chevron-down text-xs"></i> </button> <div x-show="coursesMenu" x-cloak class="ml-4 mt-1 space-y-1"> <a href="https://begyirlab.noguchi.ug.edu.gh/courses" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">Current Courses</a> <a href="https://begyirlab.noguchi.ug.edu.gh/trainings" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">Past Trainings</a> </div> </div> <div x-data="{ servicesMenu: false }"> <button type="button" @click="servicesMenu = !servicesMenu" class="w-full flex items-center justify-between px-3 py-2 rounded-md text-base font-medium text-white hover:bg-slate-800"> Services <i class="fa-solid fa-chevron-down text-xs"></i> </button> <div x-show="servicesMenu" x-cloak class="ml-4 mt-1 space-y-1"> <a href="https://begyirlab.noguchi.ug.edu.gh/services#facility-based-services" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">Facility-Based Services</a> <a href="https://begyirlab.noguchi.ug.edu.gh/services#diagnostics" @click="open = false" class="block px-3 py-2 text-sm text-gray-300 hover:text-white">Diagnostics</a> </div> </div> <a href="https://begyirlab.noguchi.ug.edu.gh/blog" @click="open = false" class="block px-3 py-2 rounded-md text-base font-medium text-white hover:bg-slate-800"> Blog </a> </div> </div> </nav> </header> <main class="min-h-screen"> <section class="relative h-screen bg-cover bg-center" style="background-image: url('https://begyirlab.noguchi.ug.edu.gh/images/hero-bg.jpg');"> <div class="absolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-center px-6"> <h1 class="text-4xl md:text-6xl font-bold text-white mb-4" data-aos="fade-up"> Empowering the Fight Against AMR </h1> <p class="text-lg md:text-2xl text-gray-200 mb-6" data-aos="fade-up" data-aos-delay="200"> Discover How Our Data Tools Are Revolutionizing the Battle Against Antimicrobial Resistance </p> <a href="#mission" class="bg-red-600 hover:bg-red-700 text-white py-3 px-6 rounded transition duration-300 hover:shadow-lg hover:shadow-red-500/50" data-aos="fade-up" data-aos-delay="400"> Learn More </a> </div> </section> </main> <footer class="bg-slate-900 text-white"> <div class="max-w-7xl mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-4 gap-8"> <div> <h3 class="text-xl font-bold mb-4">NMIMR AMR HUB</h3> <p class="text-gray-400">Advancing antimicrobial resistance research through innovation and collaboration.</p> </div> <div> <h4 class="font-semibold mb-4">Quick Links</h4> <ul class="space-y-2 text-gray-400"> <li><a href="https://begyirlab.noguchi.ug.edu.gh/courses" class="hover:text-white focus-outline">Courses</a></li> <li><a href="https://begyirlab.noguchi.ug.edu.gh/services" class="hover:text-white focus-outline">Services</a></li> <li><a href="https://begyirlab.noguchi.ug.edu.gh/research" class="hover:text-white focus-outline">Research</a></li> <li><a href="https://begyirlab.noguchi.ug.edu.gh/services" class="hover:text-white focus-outline">Services</a></li> </ul> </div> <div> <h4 class="font-semibold mb-4">Contact</h4> <address class="text-gray-400 not-italic"> <p>Noguchi Memorial Institute for Medical Research</p> <p>University of Ghana Legon, Accra</p> <p class="mt-2"> <a href="mailto:amredge@noguchi.ug.edu.gh" class="hover:text-white focus-outline"> amredge@noguchi.ug.edu.gh </a> </p> </address> </div> <div> <h4 class="font-semibold mb-4 text-center text-lg">Follow us on social media</h4> <div class="flex flex-col justify-center items-center space-y-4"> <ul class="flex space-x-4"> <li> <a href="https://www.facebook.com/people/NMIMR-AMR-Hub/61560887213048/" aria-label="Facebook" class="hover:text-blue-500 focus-outline"> <i class="fab fa-facebook"></i> </a> </li> <li> <a href="https://x.com/nmimr_amrhub?lang=en" aria-label="X (Twitter)" class="hover:text-blue-400 focus-outline"> <i class="fab fa-x"></i> </a> </li> <li> <a href="https://www.instagram.com/p/DP6O3CIDWi7/?utm_source=ig_web_copy_link" aria-label="Instagram" class="hover:text-pink-500 focus-outline"> <i class="fab fa-instagram"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/nmimr-amr-hub/posts?lipi=urn%3Ali%3Apage%3Ad_flagship3_detail_base%3Br6hwzhrRRQurI5MHqk02Jg%3D%3D" aria-label="LinkedIn" class="hover:text-blue-700 focus-outline"> <i class="fab fa-linkedin"></i> </a> </li> <li> <a href="#" aria-label="YouTube" class="hover:text-red-600 focus-outline"> <i class="fab fa-youtube"></i> </a> </li> <li> <a href="#" aria-label="TikTok" class="hover:text-white focus-outline"> <i class="fab fa-tiktok"></i> </a> </li> </ul> </div> </div> </div> <div class="border-t border-slate-800 py-6 text-center text-gray-400"> © 2026 NMIMR AMR Hub. All rights reserved. </div> <!-- Floating WhatsApp Chat Button --> <a href="https://wa.me/233534535737?text=Hello%20AMR%20EDGE!%20I%20need%20assistance." class="whatsapp-static" target="_blank"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp"> Chat us </a> <style> .whatsapp-static { position: static; bottom: 25px; left: 25px; background-color: #25D366; color: white; border-radius: 50px; text-decoration: none; display: inline-flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); transition: all 0.3s ease; padding: 5px 10px; font-size: 12px; font-weight: bold; z-index: 1000; animation: pulse 2s infinite; } .whatsapp-static:hover { background-color: #1ebe57; transform: scale(1.05); } .whatsapp-static img { width: 24px; height: 24px; margin-right: 10px; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); } 70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } </style> </footer> <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script> <script> AOS.init({ duration: 800, once: true }); </script> <div x-data="{ toasts: [] }" x-on:toast.window=" toasts.push({ id: Date.now(), type: $event.detail.type, message: $event.detail.message }); setTimeout(() => toasts.shift(), 5000); " class="fixed top-4 right-4 z-50 space-y-3 w-80" > <template x-for="toast in toasts" :key="toast.id"> <div x-transition class="rounded-xl shadow-lg px-4 py-3 flex items-center space-x-3" :class="toast.type === 'success' ? 'bg-emerald-600 text-white' : 'bg-red-600 text-white'" > <svg x-show="toast.type === 'success'" class="w-6 h-6 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path d="M5 13l4 4L19 7" /> </svg> <svg x-show="toast.type === 'error'" class="w-6 h-6 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path d="M6 18L18 6M6 6l12 12" /> </svg> <p class="text-sm font-medium" x-text="toast.message"></p> </div> </template> </div> <script src="https://begyirlab.noguchi.ug.edu.gh" data-csrf="YCau20I8uL848wcPxXdwrPKKRXwOPFfI7NIIl3M0" data-update-uri="/livewire/update" data-navigate-once="true"></script> </body> </html>