Neptune Watch Club<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n neptune: {\n 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc',\n 400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1',\n 800: '#075985', 900: '#0c4a6e', 950: '#082f49',\n }\n },\n fontFamily: { sans: ['Inter', 'sans-serif'] }\n }\n }\n }\n <\/script>\n\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* Basic utilities *\/\n .page-section { display: none; animation: fadeIn 0.3s ease-in-out; }\n .page-section.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n .hide-scrollbar::-webkit-scrollbar { display: none; }\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n \/* --- FIXES FOR RED\/PINK OUTLINES & HOVERS --- *\/\n *:focus, button:focus, a:focus {\n outline: 2px solid #0284c7 !important;\n outline-offset: 2px;\n }\n .nav-btn { outline: none !important; }\n .nav-btn.text-gray-500:hover { color: #0284c7 !important; }\n .nav-btn.text-neptune-700 { color: #0369a1 !important; }\n\n \/* ShopRocket Button Overrides *\/\n .sr-products .sr-btn-primary,\n .sr-products .sr-btn-secondary {\n background-color: #0284c7 !important;\n border: 1px solid #0284c7 !important;\n color: #ffffff !important;\n transition: all 0.2s ease-in-out;\n }\n .sr-products .sr-btn-primary:hover,\n .sr-products .sr-btn-secondary:hover {\n background-color: #0369a1 !important;\n border-color: #0369a1 !important;\n }\n \n \/* Link styling in tutorials *\/\n .tutorial-link {\n color: #0284c7;\n text-decoration: underline;\n word-break: break-all;\n }\n .tutorial-link:hover {\n color: #0369a1;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-900 font-sans min-h-screen flex flex-col\">\n\n <nav class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-neptune-100 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-16\">\n <div class=\"flex items-center cursor-pointer\" onclick=\"navigateTo('home')\">\n <div class=\"flex-shrink-0 flex items-center gap-2\">\n <img decoding=\"async\" src=\"https:\/\/neptunewatchclub.wpcomstaging.com\/wp-content\/uploads\/2025\/02\/nep.jpg\" alt=\"Neptune Watch Club\" class=\"w-8 h-8 rounded-full object-cover\">\n <span class=\"font-bold text-xl tracking-tight text-neptune-900 hidden sm:block\">Neptune Watch Club<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hidden md:flex items-center space-x-8\">\n <button onclick=\"navigateTo('home')\" class=\"nav-btn text-sm font-medium text-neptune-700 transition-colors\" data-target=\"home\">Home<\/button>\n <button onclick=\"navigateTo('schedule')\" class=\"nav-btn text-sm font-medium text-gray-500 transition-colors\" data-target=\"schedule\">Schedule<\/button>\n <button onclick=\"navigateTo('tutorial')\" class=\"nav-btn text-sm font-medium text-gray-500 transition-colors\" data-target=\"tutorial\">Tutorial<\/button>\n <\/div>\n\n <div class=\"flex items-center md:hidden\">\n <button onclick=\"toggleMobileMenu()\" class=\"p-2 rounded-md text-neptune-700 hover:bg-neptune-50\">\n <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-neptune-100\">\n <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\n <button onclick=\"navigateTo('home')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-neptune-50\">Home<\/button>\n <button onclick=\"navigateTo('schedule')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-neptune-50\">Schedule<\/button>\n <button onclick=\"navigateTo('tutorial')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-neptune-50\">Tutorial<\/button>\n <\/div>\n <\/div>\n <\/nav>\n\n <main class=\"flex-grow\">\n \n <div id=\"home\" class=\"page-section active\">\n <div class=\"relative overflow-hidden bg-neptune-900 text-white\">\n <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden z-0 opacity-20\">\n <div class=\"absolute -top-24 -left-24 w-96 h-96 bg-blue-500 rounded-full blur-3xl mix-blend-screen animate-pulse\"><\/div>\n <div class=\"absolute top-1\/2 right-0 w-[500px] h-[500px] bg-neptune-400 rounded-full blur-3xl mix-blend-screen opacity-50\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32 text-center\">\n <div class=\"inline-flex items-center justify-center p-2 mb-8 bg-neptune-800\/50 rounded-full border border-neptune-700\/50 backdrop-blur-sm\">\n <span class=\"px-3 py-1 text-sm font-semibold text-neptune-100 uppercase tracking-wide flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-red-500 animate-pulse\"><\/span> Live Now\n <\/span>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl font-extrabold tracking-tight mb-6\">\n <span class=\"block\">Neptune Watch Club<\/span>\n <span class=\"block text-neptune-400 mt-2\">Sports For A Fraction of The Cost<\/span>\n <\/h1>\n \n <div class=\"mt-4 max-w-2xl mx-auto text-xl text-neptune-100\">\n <p>No ads. No pop ups. Minimal buffering.<\/p>\n <p class=\"mt-2\">Watch your favorite broadcasts on any device including: Fire Stick, Roku, IOS and Android.<\/p>\n <\/div>\n \n <div class=\"mt-10 flex justify-center gap-4\">\n <button onclick=\"navigateTo('tutorial')\" class=\"inline-flex items-center justify-center h-12 px-6 text-lg font-medium border border-white\/20 text-white hover:bg-white\/10 rounded-lg transition-colors\">\n <i data-lucide=\"play-circle\" class=\"w-5 h-5 mr-2\"><\/i> Watch Tutorial\n <\/button>\n <\/div>\n\n <div class=\"mt-12 flex justify-center space-x-6 text-neptune-300 opacity-60\">\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>iOS<\/span>\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>Android<\/span>\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>Roku<\/span>\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>Fire TV<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"py-24 bg-neptune-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-neptune-900 sm:text-4xl\">Choose Your Access Level<\/h2>\n <p class=\"mt-4 text-xl text-neptune-700\">Flexible options for casual viewers and die-hard fans.<\/p>\n <\/div>\n \n <div class=\"sr-element sr-products min-h-[400px]\" data-embed=\"multiple_products\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"schedule\" class=\"page-section\">\n <div class=\"bg-neptune-900 text-white py-12 px-4 text-center rounded-b-[3rem] shadow-xl\">\n <h1 class=\"text-3xl md:text-5xl font-bold mb-4\">Weekly Broadcast Schedule<\/h1>\n <p class=\"text-neptune-200 max-w-xl mx-auto\">Weekly Schedule Resets Every Sunday At 11:59pm ET<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto mt-12 px-4 pb-20\">\n \n <div class=\"text-center mb-4\">\n <p id=\"week-range\" class=\"text-sm text-neptune-400 font-medium tracking-wide\"><\/p>\n <\/div>\n\n <div class=\"flex flex-wrap justify-center gap-3 mb-8\" id=\"sport-filters\"><\/div>\n <div class=\"flex justify-between items-center bg-white p-2 rounded-xl shadow-sm border border-neptune-100 mb-8 overflow-x-auto hide-scrollbar\" id=\"day-filters\"><\/div>\n <div class=\"space-y-4\" id=\"event-list\"><\/div>\n <\/div>\n <\/div>\n\n <div id=\"tutorial\" class=\"page-section\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 pb-20\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-8 mb-16\">\n <div class=\"max-w-2xl\">\n <div class=\"flex items-center gap-3 text-neptune-900 mb-2\">\n <div class=\"p-2 bg-neptune-100 rounded-lg\"><i data-lucide=\"monitor\" class=\"w-6 h-6 text-neptune-700\"><\/i><\/div>\n <span class=\"font-bold tracking-widest uppercase text-sm\">Neptune Watch Club<\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-neptune-900 leading-tight\">How to Watch<\/h1>\n <p class=\"mt-4 text-xl text-neptune-600\">Follow the steps below for your device to start streaming instantly.<\/p>\n <\/div>\n <div class=\"hidden md:flex justify-center items-center\">\n <div class=\"w-32 h-24 border-4 border-neptune-500 rounded-xl flex items-center justify-center relative\">\n <i data-lucide=\"play\" class=\"w-12 h-12 text-neptune-500 fill-neptune-500\"><\/i>\n <div class=\"absolute -bottom-4 left-1\/2 transform -translate-x-1\/2 w-16 h-2 bg-neptune-500 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-1 rounded-xl inline-flex mb-8 shadow-sm border border-neptune-100 w-full md:w-auto\" id=\"device-tabs\">\n <button onclick=\"switchTutorial('PC')\" class=\"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all bg-neptune-600 text-white shadow-md\" data-device=\"PC\">\n <i data-lucide=\"monitor\" class=\"w-4 h-4\"><\/i> PC\n <\/button>\n <button onclick=\"switchTutorial('Smart TV')\" class=\"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all text-neptune-500 hover:bg-neptune-50\" data-device=\"Smart TV\">\n <i data-lucide=\"tv\" class=\"w-4 h-4\"><\/i> Smart TV\n <\/button>\n <button onclick=\"switchTutorial('Mobile')\" class=\"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all text-neptune-500 hover:bg-neptune-50\" data-device=\"Mobile\">\n <i data-lucide=\"smartphone\" class=\"w-4 h-4\"><\/i> Mobile\n <\/button>\n <\/div>\n\n <div class=\"bg-neptune-900 rounded-3xl overflow-hidden shadow-2xl relative\">\n <div class=\"aspect-video w-full bg-black relative flex items-center justify-center group border-b border-neptune-700\">\n \n <video id=\"tutorial-video\" controls class=\"w-full h-full object-contain\">\n <source src=\"\" type=\"video\/mp4\">\n <source src=\"\" type=\"video\/quicktime\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n\n <div class=\"p-8 md:p-12 bg-white\">\n <h3 class=\"text-2xl font-bold text-neptune-900 mb-8 flex items-center\">\n <span id=\"step-title-device\">Setup Instructions for PC<\/span>\n <\/h3>\n <div class=\"space-y-6\" id=\"tutorial-steps\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <footer class=\"bg-white border-t border-neptune-100 py-12\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center\">\n \n <div class=\"flex flex-col items-center gap-4 mb-4\">\n <img decoding=\"async\" src=\"https:\/\/neptunewatchclub.wpcomstaging.com\/wp-content\/uploads\/2025\/02\/nep.jpg\" alt=\"Neptune Watch Club\" class=\"h-24 w-auto object-contain\">\n <span class=\"text-xl font-bold text-neptune-900\">Neptune Watch Club<\/span>\n <\/div>\n \n <div class=\"flex space-x-6 mb-8 text-neptune-400\">\n <a href=\"https:\/\/www.instagram.com\/neptunewatchclub\/\" target=\"_blank\" class=\"hover:text-neptune-600 transition-colors\">\n <i class=\"fa-brands fa-instagram text-2xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@neptunewatch\" target=\"_blank\" class=\"hover:text-neptune-600 transition-colors\">\n <i class=\"fa-brands fa-tiktok text-2xl\"><\/i>\n <\/a>\n <a href=\"mailto:support@neptunewatchclub.com\" class=\"hover:text-neptune-600 transition-colors\">\n <i class=\"fa-solid fa-envelope text-2xl\"><\/i>\n <\/a>\n <\/div>\n <p class=\"text-center text-neptune-500 text-sm max-w-md\">Neptune Watch Club is a concept project. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n<script>\n\/\/ CONFIGURATION DATA - UPDATED FOR MON FEB 2 - SUN FEB 8, 2026 (NBA, NFL PRO BOWL, UFC)\n const MOCK_EVENTS = [\n \/\/ =========================================================================\n \/\/ --- NBA SCHEDULE (Feb 2 - Feb 8) ---\n \/\/ =========================================================================\n \n \/\/ --- Mon Feb 2 (Final) ---\n { id: 'nba1', sport: 'NBA', team1: 'Hornets', team2: 'Pelicans', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-cyan-500', logoColor2: 'bg-blue-900' },\n { id: 'nba2', sport: 'NBA', team1: 'Rockets', team2: 'Pacers', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-red-600', logoColor2: 'bg-yellow-500' },\n { id: 'nba3', sport: 'NBA', team1: 'Grizzlies', team2: 'Timberwolves', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-blue-500', logoColor2: 'bg-blue-900' },\n { id: 'nba4', sport: 'NBA', team1: '76ers', team2: 'Clippers', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-blue-700', logoColor2: 'bg-blue-700' },\n\n \/\/ --- Tue Feb 3 ---\n { id: 'nba5', sport: 'NBA', team1: 'Pistons', team2: 'Nuggets', time: '7:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-900' },\n { id: 'nba6', sport: 'NBA', team1: 'Pacers', team2: 'Jazz', time: '7:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-yellow-500', logoColor2: 'bg-yellow-400' },\n { id: 'nba7', sport: 'NBA', team1: 'Wizards', team2: 'Knicks', time: '7:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-500', logoColor2: 'bg-orange-600' },\n { id: 'nba8', sport: 'NBA', team1: 'Nets', team2: 'Lakers', time: '7:30 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-black', logoColor2: 'bg-purple-600' },\n { id: 'nba9', sport: 'NBA', team1: 'Heat', team2: 'Hawks', time: '7:30 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-red-600' },\n { id: 'nba10', sport: 'NBA', team1: 'Mavericks', team2: 'Celtics', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-800', logoColor2: 'bg-green-700' },\n { id: 'nba11', sport: 'NBA', team1: 'Bucks', team2: 'Bulls', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-red-700' },\n { id: 'nba12', sport: 'NBA', team1: 'Thunder', team2: 'Magic', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-400', logoColor2: 'bg-blue-600' },\n { id: 'nba13', sport: 'NBA', team1: 'Warriors', team2: '76ers', time: '10:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-yellow-500', logoColor2: 'bg-blue-700' },\n { id: 'nba14', sport: 'NBA', team1: 'Blazers', team2: 'Suns', time: '11:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-orange-500' },\n\n \/\/ --- Wed Feb 4 ---\n { id: 'nba15', sport: 'NBA', team1: 'Knicks', team2: 'Nuggets', time: '7:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-orange-600', logoColor2: 'bg-blue-900' },\n { id: 'nba16', sport: 'NBA', team1: 'Raptors', team2: 'Timberwolves', time: '7:30 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-blue-900' },\n { id: 'nba17', sport: 'NBA', team1: 'Rockets', team2: 'Celtics', time: '8:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-green-700' },\n { id: 'nba18', sport: 'NBA', team1: 'Bucks', team2: 'Pelicans', time: '8:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-blue-900' },\n { id: 'nba19', sport: 'NBA', team1: 'Spurs', team2: 'Thunder', time: '9:30 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-gray-500', logoColor2: 'bg-blue-400' },\n { id: 'nba20', sport: 'NBA', team1: 'Kings', team2: 'Grizzlies', time: '10:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-blue-500' },\n { id: 'nba21', sport: 'NBA', team1: 'Clippers', team2: 'Cavaliers', time: '10:30 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-blue-700', logoColor2: 'bg-red-800' },\n\n \/\/ --- Thu Feb 5 ---\n { id: 'nba22', sport: 'NBA', team1: 'Pistons', team2: 'Wizards', time: '7:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-500' },\n { id: 'nba23', sport: 'NBA', team1: 'Magic', team2: 'Nets', time: '7:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-blue-600', logoColor2: 'bg-black' },\n { id: 'nba24', sport: 'NBA', team1: 'Hawks', team2: 'Jazz', time: '7:30 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-yellow-400' },\n { id: 'nba25', sport: 'NBA', team1: 'Raptors', team2: 'Bulls', time: '7:30 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-red-700' },\n { id: 'nba26', sport: 'NBA', team1: 'Rockets', team2: 'Hornets', time: '8:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-cyan-500' },\n { id: 'nba27', sport: 'NBA', team1: 'Mavericks', team2: 'Spurs', time: '8:30 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-blue-800', logoColor2: 'bg-gray-500' },\n { id: 'nba28', sport: 'NBA', team1: 'Suns', team2: 'Warriors', time: '10:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-orange-500', logoColor2: 'bg-yellow-500' },\n { id: 'nba29', sport: 'NBA', team1: 'Lakers', team2: '76ers', time: '10:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-purple-600', logoColor2: 'bg-blue-700' },\n\n \/\/ --- Fri Feb 6 ---\n { id: 'nba30', sport: 'NBA', team1: 'Celtics', team2: 'Heat', time: '7:30 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-red-600' },\n { id: 'nba31', sport: 'NBA', team1: 'Pistons', team2: 'Knicks', time: '7:30 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-orange-600' },\n { id: 'nba32', sport: 'NBA', team1: 'Bucks', team2: 'Pacers', time: '8:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-yellow-500' },\n { id: 'nba33', sport: 'NBA', team1: 'Timberwolves', team2: 'Pelicans', time: '8:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-blue-900', logoColor2: 'bg-blue-900' },\n { id: 'nba34', sport: 'NBA', team1: 'Blazers', team2: 'Grizzlies', time: '10:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-500' },\n { id: 'nba35', sport: 'NBA', team1: 'Kings', team2: 'Clippers', time: '10:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-blue-700' },\n\n \/\/ --- Sat Feb 7 ---\n { id: 'nba36', sport: 'NBA', team1: 'Nets', team2: 'Wizards', time: '3:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-black', logoColor2: 'bg-blue-500' },\n { id: 'nba37', sport: 'NBA', team1: 'Thunder', team2: 'Rockets', time: '3:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-blue-400', logoColor2: 'bg-red-600' },\n { id: 'nba38', sport: 'NBA', team1: 'Spurs', team2: 'Mavericks', time: '6:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-gray-500', logoColor2: 'bg-blue-800' },\n { id: 'nba39', sport: 'NBA', team1: 'Magic', team2: 'Jazz', time: '7:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-blue-600', logoColor2: 'bg-yellow-400' },\n { id: 'nba40', sport: 'NBA', team1: 'Hawks', team2: 'Hornets', time: '7:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-cyan-500' },\n { id: 'nba41', sport: 'NBA', team1: 'Bulls', team2: 'Nuggets', time: '8:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-900' },\n { id: 'nba42', sport: 'NBA', team1: 'Lakers', team2: 'Warriors', time: '8:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-purple-600', logoColor2: 'bg-yellow-500' },\n { id: 'nba43', sport: 'NBA', team1: 'Suns', team2: '76ers', time: '9:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-orange-500', logoColor2: 'bg-blue-700' },\n { id: 'nba44', sport: 'NBA', team1: 'Blazers', team2: 'Grizzlies', time: '10:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-500' },\n { id: 'nba45', sport: 'NBA', team1: 'Kings', team2: 'Cavaliers', time: '10:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-red-800' },\n\n \/\/ --- Sun Feb 8 ---\n { id: 'nba46', sport: 'NBA', team1: 'Celtics', team2: 'Knicks', time: '12:30 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-orange-600' },\n { id: 'nba47', sport: 'NBA', team1: 'Wizards', team2: 'Heat', time: '2:00 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-blue-500', logoColor2: 'bg-red-600' },\n { id: 'nba48', sport: 'NBA', team1: 'Raptors', team2: 'Pacers', time: '3:00 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-yellow-500' },\n { id: 'nba49', sport: 'NBA', team1: 'Timberwolves', team2: 'Clippers', time: '3:00 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-blue-900', logoColor2: 'bg-blue-700' },\n\n \/\/ =========================================================================\n \/\/ --- NFL SCHEDULE (Pro Bowl Week) ---\n \/\/ =========================================================================\n { id: 'nfl1', sport: 'NFL', team1: 'NFC', team2: 'AFC', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-600', logoColor2: 'bg-red-600' },\n\n \/\/ =========================================================================\n \/\/ --- SOCCER SCHEDULE ---\n \/\/ =========================================================================\n { id: 'soc1', sport: 'Soccer', team1: 'Man City', team2: 'Chelsea', time: '12:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-blue-400', logoColor2: 'bg-blue-700' },\n { id: 'soc2', sport: 'Soccer', team1: 'Man Utd', team2: 'Everton', time: '9:00 AM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-800' },\n { id: 'soc3', sport: 'Soccer', team1: 'Arsenal', team2: 'West Ham', time: '11:30 AM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-red-800' },\n\n \/\/ =========================================================================\n \/\/ --- UFC SCHEDULE ---\n \/\/ =========================================================================\n { id: 'ufc1', sport: 'UFC', team1: 'Bautista', team2: 'Oliveira', time: '5:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-black' },\n ];\n\n const TUTORIAL_VIDEOS = {\n 'PC': 'http:\/\/neptunewatchclub.com\/wp\/wp-content\/uploads\/2025\/12\/computerpc.mov',\n 'Smart TV': 'http:\/\/neptunewatchclub.com\/wp\/wp-content\/uploads\/2025\/12\/smarttv.mov',\n 'Mobile': 'http:\/\/neptunewatchclub.com\/wp\/wp-content\/uploads\/2025\/12\/mobile.mov'\n };\n\n const TUTORIAL_STEPS = {\n 'PC': [\n { stepNumber: 1, description: 'Go to <a href=\"https:\/\/neptunewatchclub.com\/\" target=\"_blank\" class=\"tutorial-link\">neptunewatchclub.com<\/a> in your browser' },\n { stepNumber: 2, description: 'Choose your access level and place your order' },\n { stepNumber: 3, description: 'Wait at least 5 mins for your login information to be sent to your email' },\n { stepNumber: 4, description: 'Go to one of these links in your browser:<br><a href=\"https:\/\/streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">streamneptune.com<\/a><br><a href=\"https:\/\/2.streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">2.streamneptune.com (Backup)<\/a>' },\n { stepNumber: 5, description: 'Enter the Username\/Password you received from your email' },\n { stepNumber: 6, description: 'Choose your desired broadcast and enjoy!' }\n ],\n 'Smart TV': [\n { stepNumber: 1, description: 'Go to <a href=\"https:\/\/neptunewatchclub.com\/\" target=\"_blank\" class=\"tutorial-link\">neptunewatchclub.com<\/a> in your browser' },\n { stepNumber: 2, description: 'Choose your access level and place your order' },\n { stepNumber: 3, description: 'Wait at least 5 mins for your login information to be sent to your email' },\n { stepNumber: 4, description: 'Navigate to your SmartTv\\'s app store and download the <strong>Jellyfin<\/strong> app' },\n { stepNumber: 5, description: 'Choose \"Enter Server Address\"' },\n { stepNumber: 6, description: 'Enter one of the following URLs:<br><a href=\"https:\/\/streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">streamneptune.com<\/a><br><a href=\"https:\/\/2.streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">2.streamneptune.com<\/a><br>Press Connect' },\n { stepNumber: 7, description: 'Click \"Add Account\" then \"Use a Password\"' },\n { stepNumber: 8, description: 'Enter the Username\/Password you received from your email' },\n { stepNumber: 9, description: 'Choose your desired broadcast and enjoy!' }\n ],\n 'Mobile': [\n { stepNumber: 1, description: 'Go to <a href=\"https:\/\/neptunewatchclub.com\/\" target=\"_blank\" class=\"tutorial-link\">neptunewatchclub.com<\/a> in your browser' },\n { stepNumber: 2, description: 'Choose your access level and place your order' },\n { stepNumber: 3, description: 'Wait at least 5 mins for your login information to be sent to your email' },\n { stepNumber: 4, description: 'Navigate to your mobile device\\'s app store and download the app \"<strong>Streamyfin<\/strong>\" (NOT JELLYFIN)' },\n { stepNumber: 5, description: 'Enter one of the following URLs:<br><a href=\"https:\/\/streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">streamneptune.com<\/a><br><a href=\"https:\/\/2.streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">2.streamneptune.com<\/a><br>Press Connect' },\n { stepNumber: 6, description: 'Enter the Username\/Password you received from your email' },\n { stepNumber: 7, description: 'Choose your desired broadcast and enjoy!' }\n ]\n };\n\n const SHOPROCKET_CONFIG = {\n \"publishable_key\": \"sr_live_pk_e3d96800715add313776e83489f2850f2ae8\",\n \"options\": {\n \"products_to_display\": \"all\",\n \"categories\": [],\n \"products\": [],\n \"exclude_products\": [],\n \"exclude_product_categories\": [],\n \"image_dimension_value\": \"crop\",\n \"image_aspect_ratio\": \"portrait\",\n \"button_style\": \"standard\",\n \"variation_style\": \"on_hover\",\n \"open_product_in\": \"in_page\",\n \"button_position\": \"inline\",\n \"product_default_sorting_order\": \"product_order\",\n \"product_pagination_limit\": \"12\",\n \"desktop\": { \"items_per_row\": 3 },\n \"mobile\": { \"items_per_row\": 1 },\n \"hide_out_of_stock\": \"0\"\n },\n \"includes\": {\n \"show_search_box\": \"0\", \"show_sort_by\": \"0\", \"show_per_page\": \"0\", \"show_category_dropdown\": \"0\",\n \"show_currency_dropdown\": \"0\", \"show_language_dropdown\": \"0\", \"show_product_filters\": \"0\",\n \"show_product_name\": \"1\", \"show_product_price\": \"1\", \"show_product_image\": \"1\", \"show_product_summary\": \"1\",\n \"open_modal_on_image_click\": \"1\", \"show_view_product_button\": \"1\", \"show_add_to_cart_button\": \"1\",\n \"show_min_max_order_quantity\": \"1\", \"show_sale\": \"1\", \"show_free_shipping\": \"1\", \"show_new_product\": \"1\",\n \"show_digital_download\": \"1\", \"show_pwyw\": \"1\", \"image_swap\": \"1\", \"show_button_icons\": \"1\",\n \"mobile\": { \"show_search_box\": \"0\", \"show_sort_by\": \"0\", \"show_per_page\": \"0\", \"show_category_dropdown\": \"0\", \"show_currency_dropdown\": \"0\", \"show_language_dropdown\": \"0\", \"show_product_filters\": \"0\" }\n },\n \"product_popup\": {\n \"show_product_name\": \"1\", \"show_product_price\": \"1\", \"show_product_summary\": \"1\", \"show_product_description\": \"1\",\n \"show_product_image\": \"1\", \"show_add_to_cart_button\": \"1\", \"show_select_quantity\": \"1\", \"show_image_thumbnails\": \"1\",\n \"show_product_reviews\": \"1\", \"show_product_sku\": \"0\", \"show_product_categories\": \"0\", \"show_social_sharing_icons\": \"1\",\n \"show_related_products\": \"0\", \"thumbnail_layout\": \"horizontal_below\", \"image_dimension_value\": \"crop\",\n \"image_aspect_ratio\": \"portrait\", \"variation_styling\": \"dropdown\", \"show_min_max_order_quantity\": \"1\",\n \"show_sale\": \"0\", \"show_free_shipping\": \"0\", \"show_new_product\": \"0\", \"show_digital_download\": \"0\",\n \"show_pwyw\": \"0\", \"show_product_tabs\": \"1\", \"image_zoom\": \"1\", \"lightbox_gallery\": \"1\", \"show_stock\": \"0\"\n },\n \"styles\": {\n \"align_content\": \"center\", \"product_title\": \"#0c4a6e\", \"product_price\": \"#0369a1\", \"product_summary\": \"#64748b\",\n \"button_background\": \"#0284c7\", \"button_color\": \"#ffffff\", \"view_product_button_background\": \"#0284c7\",\n \"view_product_button_color\": \"#ffffff\", \"view_cart_button_background\": \"#0284c7\", \"view_cart_button_color\": \"#ffffff\",\n \"product_background\": \"#ffffff\", \"modal_background\": \"#ffffff\", \"button_font_weight\": \"normal\",\n \"popup\": { \"colors\": { \"product_title\": \"#0c4a6e\", \"product_price\": \"#0369a1\", \"product_summary\": \"#64748b\", \"button_background\": \"#0284c7\", \"button_color\": \"#ffffff\", \"product_active_tab_background\": \"#f0f9ff\" } }\n }\n };\n\n \/\/ NAVIGATION LOGIC\n function navigateTo(pageId) {\n document.querySelectorAll('.page-section').forEach(el => el.classList.remove('active'));\n document.getElementById(pageId).classList.add('active');\n \n document.querySelectorAll('.nav-btn').forEach(btn => {\n btn.classList.remove('text-neptune-700');\n btn.classList.add('text-gray-500');\n if(btn.dataset.target === pageId) {\n btn.classList.add('text-neptune-700');\n btn.classList.remove('text-gray-500');\n }\n });\n document.getElementById('mobile-menu').classList.add('hidden');\n window.scrollTo(0, 0);\n }\n\n function toggleMobileMenu() {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n }\n\n \/\/ TUTORIAL LOGIC\n function switchTutorial(device) {\n document.querySelectorAll('.tutorial-tab').forEach(btn => {\n if(btn.dataset.device === device) {\n btn.className = \"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all bg-neptune-600 text-white shadow-md\";\n } else {\n btn.className = \"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all text-neptune-500 hover:bg-neptune-50\";\n }\n });\n\n const titleEl = document.getElementById('tutorial-video-title');\n if (titleEl) titleEl.innerText = `Neptune Tutorial: ${device} Setup`;\n\n const stepTitleEl = document.getElementById('step-title-device');\n if (stepTitleEl) stepTitleEl.innerText = `Setup Instructions for ${device}`;\n \n const videoEl = document.getElementById('tutorial-video');\n if (videoEl) {\n videoEl.src = TUTORIAL_VIDEOS[device];\n videoEl.load();\n }\n \n const listContainer = document.getElementById('tutorial-steps');\n if (listContainer) {\n listContainer.innerHTML = '';\n TUTORIAL_STEPS[device].forEach(step => {\n listContainer.innerHTML += `\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-neptune-100 text-neptune-700 font-bold flex items-center justify-center\">\n ${step.stepNumber}\n <\/div>\n <p class=\"text-lg text-neptune-700 pt-0.5\">${step.description}<\/p>\n <\/div>\n `;\n });\n }\n lucide.createIcons();\n }\n\n \/\/ SCHEDULE LOGIC\n let currentSport = 'NBA';\n let currentDay = 'Mon';\n\n function updateWeekRange() {\n const today = new Date();\n const dayOfWeek = today.getDay(); \n const diffToMon = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;\n \n const monday = new Date(today);\n monday.setDate(today.getDate() + diffToMon);\n \n const sunday = new Date(monday);\n sunday.setDate(monday.getDate() + 6);\n\n const format = (d) => `${d.getMonth() + 1}\/${d.getDate()}`;\n const rangeEl = document.getElementById('week-range');\n if (rangeEl) {\n rangeEl.innerText = `${format(monday)} - ${format(sunday)}`;\n }\n }\n\n function renderSchedule() {\n const sports = ['NBA', 'NFL', 'Soccer', 'Boxing', 'UFC'];\n const sportContainer = document.getElementById('sport-filters');\n if (sportContainer) {\n sportContainer.innerHTML = '';\n sports.forEach(sport => {\n const isActive = currentSport === sport;\n const btnClass = isActive \n ? 'bg-neptune-800 text-white shadow-lg scale-105' \n : 'bg-white text-neptune-900 border border-neptune-100 hover:bg-neptune-50';\n \n const btn = document.createElement('button');\n btn.className = `px-6 py-2 rounded-lg font-semibold transition-all duration-200 ${btnClass}`;\n btn.innerText = sport;\n btn.onclick = () => { currentSport = sport; renderSchedule(); };\n sportContainer.appendChild(btn);\n });\n }\n\n const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];\n const dayContainer = document.getElementById('day-filters');\n if (dayContainer) {\n dayContainer.innerHTML = '';\n days.forEach((day) => {\n const isActive = currentDay === day;\n const btnClass = isActive \n ? 'bg-neptune-600 text-white shadow-md' \n : 'text-neptune-400 hover:bg-neptune-50 hover:text-neptune-700';\n \n const btn = document.createElement('button');\n btn.className = `flex-1 min-w-[3rem] py-3 rounded-lg text-sm font-bold transition-colors ${btnClass}`;\n btn.innerText = day;\n btn.onclick = () => { currentDay = day; renderSchedule(); };\n dayContainer.appendChild(btn);\n });\n }\n\n const events = MOCK_EVENTS.filter(e => \n (currentSport === 'All' || e.sport === currentSport) && e.date === currentDay\n );\n \n const listContainer = document.getElementById('event-list');\n if (listContainer) {\n listContainer.innerHTML = '';\n\n const daysMap = { 'Mon': 1, 'Tue': 2, 'Wed': 3, 'Thu': 4, 'Fri': 5, 'Sat': 6, 'Sun': 7 };\n const selectedDayIndex = daysMap[currentDay];\n const today = new Date();\n let todayIndex = today.getDay(); \n if (todayIndex === 0) todayIndex = 7;\n\n const isPastDay = selectedDayIndex < todayIndex;\n const pastDayClass = isPastDay ? 'opacity-40 grayscale' : '';\n\n if (events.length === 0) {\n listContainer.innerHTML = `\n <div class=\"text-center py-20 bg-white rounded-2xl border border-dashed border-neptune-200\">\n <i data-lucide=\"search\" class=\"w-12 h-12 mx-auto text-neptune-200 mb-4\"><\/i>\n <h3 class=\"text-lg font-medium text-neptune-900\">No events found<\/h3>\n <p class=\"text-neptune-500\">There are no ${currentSport} games scheduled for ${currentDay}.<\/p>\n <\/div>\n `;\n } else {\n events.forEach(event => {\n let badgeHtml = '';\n if (event.status === 'PPV') {\n badgeHtml = `<span class=\"px-3 py-1 rounded text-xs font-bold uppercase tracking-wider bg-neptune-900 text-white border border-neptune-700\">PPV<\/span>`;\n } else if (event.status === 'Final') {\n badgeHtml = `<span class=\"px-3 py-1 rounded text-xs font-bold uppercase tracking-wider bg-gray-200 text-gray-700\">Final<\/span>`;\n }\n \n listContainer.innerHTML += `\n <div class=\"bg-white rounded-2xl p-6 shadow-sm border border-neptune-100 flex flex-col sm:flex-row items-center justify-between gap-6 transition-transform hover:scale-[1.01] ${pastDayClass}\">\n <div class=\"flex items-center gap-4 w-full sm:w-auto justify-center sm:justify-start\">\n <div class=\"w-12 h-16 ${event.logoColor1} rounded-md flex items-center justify-center text-white font-bold text-xs\">${event.team1.substring(0,3).toUpperCase()}<\/div>\n <span class=\"text-neptune-300 font-bold\">VS<\/span>\n <div class=\"w-12 h-16 ${event.logoColor2} rounded-md flex items-center justify-center text-white font-bold text-xs\">${event.team2 ? event.team2.substring(0,3).toUpperCase() : 'TBD'}<\/div>\n <\/div>\n <div class=\"text-center sm:text-left flex-1\">\n <h3 class=\"text-xl font-bold text-neptune-900\">${event.team1} ${event.team2 ? 'vs ' + event.team2 : ''}<\/h3>\n <div class=\"flex items-center justify-center sm:justify-start text-neptune-500 mt-1 space-x-2\">\n <i data-lucide=\"calendar\" class=\"w-4 h-4\"><\/i>\n <span>${event.time}<\/span>\n <\/div>\n <\/div>\n <div class=\"flex flex-col items-center gap-2 min-w-[100px]\">\n ${badgeHtml}\n <\/div>\n <\/div>\n `;\n });\n }\n }\n lucide.createIcons();\n }\n\n \/\/ INITIALIZE\n window.addEventListener('DOMContentLoaded', () => {\n lucide.createIcons();\n switchTutorial('PC');\n updateWeekRange();\n renderSchedule();\n \n const srElement = document.querySelector('.sr-products');\n if (srElement) {\n const script = document.createElement('script');\n script.type = 'application\/json';\n script.dataset.config = 'embed';\n script.text = JSON.stringify(SHOPROCKET_CONFIG);\n srElement.appendChild(script);\n\n const srScript = document.createElement('script');\n srScript.src = \"https:\/\/cdn.shoprocket.io\/loader.js\";\n srScript.async = true;\n document.body.appendChild(srScript);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":52,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/span>

\n\n\n\n \n \n Neptune Watch Club<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n neptune: {\n 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc',\n 400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1',\n 800: '#075985', 900: '#0c4a6e', 950: '#082f49',\n }\n },\n fontFamily: { sans: ['Inter', 'sans-serif'] }\n }\n }\n }\n <\/script>\n\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* Basic utilities *\/\n .page-section { display: none; animation: fadeIn 0.3s ease-in-out; }\n .page-section.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n .hide-scrollbar::-webkit-scrollbar { display: none; }\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n \/* --- FIXES FOR RED\/PINK OUTLINES & HOVERS --- *\/\n *:focus, button:focus, a:focus {\n outline: 2px solid #0284c7 !important;\n outline-offset: 2px;\n }\n .nav-btn { outline: none !important; }\n .nav-btn.text-gray-500:hover { color: #0284c7 !important; }\n .nav-btn.text-neptune-700 { color: #0369a1 !important; }\n\n \/* ShopRocket Button Overrides *\/\n .sr-products .sr-btn-primary,\n .sr-products .sr-btn-secondary {\n background-color: #0284c7 !important;\n border: 1px solid #0284c7 !important;\n color: #ffffff !important;\n transition: all 0.2s ease-in-out;\n }\n .sr-products .sr-btn-primary:hover,\n .sr-products .sr-btn-secondary:hover {\n background-color: #0369a1 !important;\n border-color: #0369a1 !important;\n }\n \n \/* Link styling in tutorials *\/\n .tutorial-link {\n color: #0284c7;\n text-decoration: underline;\n word-break: break-all;\n }\n .tutorial-link:hover {\n color: #0369a1;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-900 font-sans min-h-screen flex flex-col\">\n\n <nav class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-neptune-100 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-16\">\n <div class=\"flex items-center cursor-pointer\" onclick=\"navigateTo('home')\">\n <div class=\"flex-shrink-0 flex items-center gap-2\">\n <img decoding=\"async\" src=\"https:\/\/neptunewatchclub.wpcomstaging.com\/wp-content\/uploads\/2025\/02\/nep.jpg\" alt=\"Neptune Watch Club\" class=\"w-8 h-8 rounded-full object-cover\">\n <span class=\"font-bold text-xl tracking-tight text-neptune-900 hidden sm:block\">Neptune Watch Club<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hidden md:flex items-center space-x-8\">\n <button onclick=\"navigateTo('home')\" class=\"nav-btn text-sm font-medium text-neptune-700 transition-colors\" data-target=\"home\">Home<\/button>\n <button onclick=\"navigateTo('schedule')\" class=\"nav-btn text-sm font-medium text-gray-500 transition-colors\" data-target=\"schedule\">Schedule<\/button>\n <button onclick=\"navigateTo('tutorial')\" class=\"nav-btn text-sm font-medium text-gray-500 transition-colors\" data-target=\"tutorial\">Tutorial<\/button>\n <\/div>\n\n <div class=\"flex items-center md:hidden\">\n <button onclick=\"toggleMobileMenu()\" class=\"p-2 rounded-md text-neptune-700 hover:bg-neptune-50\">\n <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-neptune-100\">\n <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\n <button onclick=\"navigateTo('home')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-neptune-50\">Home<\/button>\n <button onclick=\"navigateTo('schedule')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-neptune-50\">Schedule<\/button>\n <button onclick=\"navigateTo('tutorial')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-neptune-50\">Tutorial<\/button>\n <\/div>\n <\/div>\n <\/nav>\n\n <main class=\"flex-grow\">\n \n <div id=\"home\" class=\"page-section active\">\n <div class=\"relative overflow-hidden bg-neptune-900 text-white\">\n <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden z-0 opacity-20\">\n <div class=\"absolute -top-24 -left-24 w-96 h-96 bg-blue-500 rounded-full blur-3xl mix-blend-screen animate-pulse\"><\/div>\n <div class=\"absolute top-1\/2 right-0 w-[500px] h-[500px] bg-neptune-400 rounded-full blur-3xl mix-blend-screen opacity-50\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32 text-center\">\n <div class=\"inline-flex items-center justify-center p-2 mb-8 bg-neptune-800\/50 rounded-full border border-neptune-700\/50 backdrop-blur-sm\">\n <span class=\"px-3 py-1 text-sm font-semibold text-neptune-100 uppercase tracking-wide flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-red-500 animate-pulse\"><\/span> Live Now\n <\/span>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl font-extrabold tracking-tight mb-6\">\n <span class=\"block\">Neptune Watch Club<\/span>\n <span class=\"block text-neptune-400 mt-2\">Sports For A Fraction of The Cost<\/span>\n <\/h1>\n \n <div class=\"mt-4 max-w-2xl mx-auto text-xl text-neptune-100\">\n <p>No ads. No pop ups. Minimal buffering.<\/p>\n <p class=\"mt-2\">Watch your favorite broadcasts on any device including: Fire Stick, Roku, IOS and Android.<\/p>\n <\/div>\n \n <div class=\"mt-10 flex justify-center gap-4\">\n <button onclick=\"navigateTo('tutorial')\" class=\"inline-flex items-center justify-center h-12 px-6 text-lg font-medium border border-white\/20 text-white hover:bg-white\/10 rounded-lg transition-colors\">\n <i data-lucide=\"play-circle\" class=\"w-5 h-5 mr-2\"><\/i> Watch Tutorial\n <\/button>\n <\/div>\n\n <div class=\"mt-12 flex justify-center space-x-6 text-neptune-300 opacity-60\">\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>iOS<\/span>\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>Android<\/span>\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>Roku<\/span>\n <span class=\"flex items-center gap-2\"><span class=\"w-2 h-2 rounded-full bg-current\"><\/span>Fire TV<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"py-24 bg-neptune-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-neptune-900 sm:text-4xl\">Choose Your Access Level<\/h2>\n <p class=\"mt-4 text-xl text-neptune-700\">Flexible options for casual viewers and die-hard fans.<\/p>\n <\/div>\n \n <div class=\"sr-element sr-products min-h-[400px]\" data-embed=\"multiple_products\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"schedule\" class=\"page-section\">\n <div class=\"bg-neptune-900 text-white py-12 px-4 text-center rounded-b-[3rem] shadow-xl\">\n <h1 class=\"text-3xl md:text-5xl font-bold mb-4\">Weekly Broadcast Schedule<\/h1>\n <p class=\"text-neptune-200 max-w-xl mx-auto\">Weekly Schedule Resets Every Sunday At 11:59pm ET<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto mt-12 px-4 pb-20\">\n \n <div class=\"text-center mb-4\">\n <p id=\"week-range\" class=\"text-sm text-neptune-400 font-medium tracking-wide\"><\/p>\n <\/div>\n\n <div class=\"flex flex-wrap justify-center gap-3 mb-8\" id=\"sport-filters\"><\/div>\n <div class=\"flex justify-between items-center bg-white p-2 rounded-xl shadow-sm border border-neptune-100 mb-8 overflow-x-auto hide-scrollbar\" id=\"day-filters\"><\/div>\n <div class=\"space-y-4\" id=\"event-list\"><\/div>\n <\/div>\n <\/div>\n\n <div id=\"tutorial\" class=\"page-section\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 pb-20\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-8 mb-16\">\n <div class=\"max-w-2xl\">\n <div class=\"flex items-center gap-3 text-neptune-900 mb-2\">\n <div class=\"p-2 bg-neptune-100 rounded-lg\"><i data-lucide=\"monitor\" class=\"w-6 h-6 text-neptune-700\"><\/i><\/div>\n <span class=\"font-bold tracking-widest uppercase text-sm\">Neptune Watch Club<\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-neptune-900 leading-tight\">How to Watch<\/h1>\n <p class=\"mt-4 text-xl text-neptune-600\">Follow the steps below for your device to start streaming instantly.<\/p>\n <\/div>\n <div class=\"hidden md:flex justify-center items-center\">\n <div class=\"w-32 h-24 border-4 border-neptune-500 rounded-xl flex items-center justify-center relative\">\n <i data-lucide=\"play\" class=\"w-12 h-12 text-neptune-500 fill-neptune-500\"><\/i>\n <div class=\"absolute -bottom-4 left-1\/2 transform -translate-x-1\/2 w-16 h-2 bg-neptune-500 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-1 rounded-xl inline-flex mb-8 shadow-sm border border-neptune-100 w-full md:w-auto\" id=\"device-tabs\">\n <button onclick=\"switchTutorial('PC')\" class=\"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all bg-neptune-600 text-white shadow-md\" data-device=\"PC\">\n <i data-lucide=\"monitor\" class=\"w-4 h-4\"><\/i> PC\n <\/button>\n <button onclick=\"switchTutorial('Smart TV')\" class=\"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all text-neptune-500 hover:bg-neptune-50\" data-device=\"Smart TV\">\n <i data-lucide=\"tv\" class=\"w-4 h-4\"><\/i> Smart TV\n <\/button>\n <button onclick=\"switchTutorial('Mobile')\" class=\"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all text-neptune-500 hover:bg-neptune-50\" data-device=\"Mobile\">\n <i data-lucide=\"smartphone\" class=\"w-4 h-4\"><\/i> Mobile\n <\/button>\n <\/div>\n\n <div class=\"bg-neptune-900 rounded-3xl overflow-hidden shadow-2xl relative\">\n <div class=\"aspect-video w-full bg-black relative flex items-center justify-center group border-b border-neptune-700\">\n \n <video id=\"tutorial-video\" controls class=\"w-full h-full object-contain\">\n <source src=\"\" type=\"video\/mp4\">\n <source src=\"\" type=\"video\/quicktime\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n\n <div class=\"p-8 md:p-12 bg-white\">\n <h3 class=\"text-2xl font-bold text-neptune-900 mb-8 flex items-center\">\n <span id=\"step-title-device\">Setup Instructions for PC<\/span>\n <\/h3>\n <div class=\"space-y-6\" id=\"tutorial-steps\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <footer class=\"bg-white border-t border-neptune-100 py-12\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center\">\n \n <div class=\"flex flex-col items-center gap-4 mb-4\">\n <img decoding=\"async\" src=\"https:\/\/neptunewatchclub.wpcomstaging.com\/wp-content\/uploads\/2025\/02\/nep.jpg\" alt=\"Neptune Watch Club\" class=\"h-24 w-auto object-contain\">\n <span class=\"text-xl font-bold text-neptune-900\">Neptune Watch Club<\/span>\n <\/div>\n \n <div class=\"flex space-x-6 mb-8 text-neptune-400\">\n <a href=\"https:\/\/www.instagram.com\/neptunewatchclub\/\" target=\"_blank\" class=\"hover:text-neptune-600 transition-colors\">\n <i class=\"fa-brands fa-instagram text-2xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@neptunewatch\" target=\"_blank\" class=\"hover:text-neptune-600 transition-colors\">\n <i class=\"fa-brands fa-tiktok text-2xl\"><\/i>\n <\/a>\n <a href=\"mailto:support@neptunewatchclub.com\" class=\"hover:text-neptune-600 transition-colors\">\n <i class=\"fa-solid fa-envelope text-2xl\"><\/i>\n <\/a>\n <\/div>\n <p class=\"text-center text-neptune-500 text-sm max-w-md\">Neptune Watch Club is a concept project. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n<script>\n\/\/ CONFIGURATION DATA - UPDATED FOR MON FEB 2 - SUN FEB 8, 2026 (NBA, NFL PRO BOWL, UFC)\n const MOCK_EVENTS = [\n \/\/ =========================================================================\n \/\/ --- NBA SCHEDULE (Feb 2 - Feb 8) ---\n \/\/ =========================================================================\n \n \/\/ --- Mon Feb 2 (Final) ---\n { id: 'nba1', sport: 'NBA', team1: 'Hornets', team2: 'Pelicans', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-cyan-500', logoColor2: 'bg-blue-900' },\n { id: 'nba2', sport: 'NBA', team1: 'Rockets', team2: 'Pacers', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-red-600', logoColor2: 'bg-yellow-500' },\n { id: 'nba3', sport: 'NBA', team1: 'Grizzlies', team2: 'Timberwolves', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-blue-500', logoColor2: 'bg-blue-900' },\n { id: 'nba4', sport: 'NBA', team1: '76ers', team2: 'Clippers', time: 'Final', date: 'Mon', status: 'Final', logoColor1: 'bg-blue-700', logoColor2: 'bg-blue-700' },\n\n \/\/ --- Tue Feb 3 ---\n { id: 'nba5', sport: 'NBA', team1: 'Pistons', team2: 'Nuggets', time: '7:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-900' },\n { id: 'nba6', sport: 'NBA', team1: 'Pacers', team2: 'Jazz', time: '7:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-yellow-500', logoColor2: 'bg-yellow-400' },\n { id: 'nba7', sport: 'NBA', team1: 'Wizards', team2: 'Knicks', time: '7:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-500', logoColor2: 'bg-orange-600' },\n { id: 'nba8', sport: 'NBA', team1: 'Nets', team2: 'Lakers', time: '7:30 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-black', logoColor2: 'bg-purple-600' },\n { id: 'nba9', sport: 'NBA', team1: 'Heat', team2: 'Hawks', time: '7:30 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-red-600' },\n { id: 'nba10', sport: 'NBA', team1: 'Mavericks', team2: 'Celtics', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-800', logoColor2: 'bg-green-700' },\n { id: 'nba11', sport: 'NBA', team1: 'Bucks', team2: 'Bulls', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-red-700' },\n { id: 'nba12', sport: 'NBA', team1: 'Thunder', team2: 'Magic', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-400', logoColor2: 'bg-blue-600' },\n { id: 'nba13', sport: 'NBA', team1: 'Warriors', team2: '76ers', time: '10:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-yellow-500', logoColor2: 'bg-blue-700' },\n { id: 'nba14', sport: 'NBA', team1: 'Blazers', team2: 'Suns', time: '11:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-orange-500' },\n\n \/\/ --- Wed Feb 4 ---\n { id: 'nba15', sport: 'NBA', team1: 'Knicks', team2: 'Nuggets', time: '7:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-orange-600', logoColor2: 'bg-blue-900' },\n { id: 'nba16', sport: 'NBA', team1: 'Raptors', team2: 'Timberwolves', time: '7:30 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-blue-900' },\n { id: 'nba17', sport: 'NBA', team1: 'Rockets', team2: 'Celtics', time: '8:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-green-700' },\n { id: 'nba18', sport: 'NBA', team1: 'Bucks', team2: 'Pelicans', time: '8:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-blue-900' },\n { id: 'nba19', sport: 'NBA', team1: 'Spurs', team2: 'Thunder', time: '9:30 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-gray-500', logoColor2: 'bg-blue-400' },\n { id: 'nba20', sport: 'NBA', team1: 'Kings', team2: 'Grizzlies', time: '10:00 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-blue-500' },\n { id: 'nba21', sport: 'NBA', team1: 'Clippers', team2: 'Cavaliers', time: '10:30 PM ET', date: 'Wed', status: 'Upcoming', logoColor1: 'bg-blue-700', logoColor2: 'bg-red-800' },\n\n \/\/ --- Thu Feb 5 ---\n { id: 'nba22', sport: 'NBA', team1: 'Pistons', team2: 'Wizards', time: '7:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-500' },\n { id: 'nba23', sport: 'NBA', team1: 'Magic', team2: 'Nets', time: '7:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-blue-600', logoColor2: 'bg-black' },\n { id: 'nba24', sport: 'NBA', team1: 'Hawks', team2: 'Jazz', time: '7:30 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-yellow-400' },\n { id: 'nba25', sport: 'NBA', team1: 'Raptors', team2: 'Bulls', time: '7:30 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-red-700' },\n { id: 'nba26', sport: 'NBA', team1: 'Rockets', team2: 'Hornets', time: '8:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-cyan-500' },\n { id: 'nba27', sport: 'NBA', team1: 'Mavericks', team2: 'Spurs', time: '8:30 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-blue-800', logoColor2: 'bg-gray-500' },\n { id: 'nba28', sport: 'NBA', team1: 'Suns', team2: 'Warriors', time: '10:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-orange-500', logoColor2: 'bg-yellow-500' },\n { id: 'nba29', sport: 'NBA', team1: 'Lakers', team2: '76ers', time: '10:00 PM ET', date: 'Thu', status: 'Upcoming', logoColor1: 'bg-purple-600', logoColor2: 'bg-blue-700' },\n\n \/\/ --- Fri Feb 6 ---\n { id: 'nba30', sport: 'NBA', team1: 'Celtics', team2: 'Heat', time: '7:30 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-red-600' },\n { id: 'nba31', sport: 'NBA', team1: 'Pistons', team2: 'Knicks', time: '7:30 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-orange-600' },\n { id: 'nba32', sport: 'NBA', team1: 'Bucks', team2: 'Pacers', time: '8:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-yellow-500' },\n { id: 'nba33', sport: 'NBA', team1: 'Timberwolves', team2: 'Pelicans', time: '8:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-blue-900', logoColor2: 'bg-blue-900' },\n { id: 'nba34', sport: 'NBA', team1: 'Blazers', team2: 'Grizzlies', time: '10:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-500' },\n { id: 'nba35', sport: 'NBA', team1: 'Kings', team2: 'Clippers', time: '10:00 PM ET', date: 'Fri', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-blue-700' },\n\n \/\/ --- Sat Feb 7 ---\n { id: 'nba36', sport: 'NBA', team1: 'Nets', team2: 'Wizards', time: '3:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-black', logoColor2: 'bg-blue-500' },\n { id: 'nba37', sport: 'NBA', team1: 'Thunder', team2: 'Rockets', time: '3:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-blue-400', logoColor2: 'bg-red-600' },\n { id: 'nba38', sport: 'NBA', team1: 'Spurs', team2: 'Mavericks', time: '6:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-gray-500', logoColor2: 'bg-blue-800' },\n { id: 'nba39', sport: 'NBA', team1: 'Magic', team2: 'Jazz', time: '7:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-blue-600', logoColor2: 'bg-yellow-400' },\n { id: 'nba40', sport: 'NBA', team1: 'Hawks', team2: 'Hornets', time: '7:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-cyan-500' },\n { id: 'nba41', sport: 'NBA', team1: 'Bulls', team2: 'Nuggets', time: '8:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-900' },\n { id: 'nba42', sport: 'NBA', team1: 'Lakers', team2: 'Warriors', time: '8:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-purple-600', logoColor2: 'bg-yellow-500' },\n { id: 'nba43', sport: 'NBA', team1: 'Suns', team2: '76ers', time: '9:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-orange-500', logoColor2: 'bg-blue-700' },\n { id: 'nba44', sport: 'NBA', team1: 'Blazers', team2: 'Grizzlies', time: '10:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-500' },\n { id: 'nba45', sport: 'NBA', team1: 'Kings', team2: 'Cavaliers', time: '10:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-red-800' },\n\n \/\/ --- Sun Feb 8 ---\n { id: 'nba46', sport: 'NBA', team1: 'Celtics', team2: 'Knicks', time: '12:30 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-green-700', logoColor2: 'bg-orange-600' },\n { id: 'nba47', sport: 'NBA', team1: 'Wizards', team2: 'Heat', time: '2:00 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-blue-500', logoColor2: 'bg-red-600' },\n { id: 'nba48', sport: 'NBA', team1: 'Raptors', team2: 'Pacers', time: '3:00 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-purple-700', logoColor2: 'bg-yellow-500' },\n { id: 'nba49', sport: 'NBA', team1: 'Timberwolves', team2: 'Clippers', time: '3:00 PM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-blue-900', logoColor2: 'bg-blue-700' },\n\n \/\/ =========================================================================\n \/\/ --- NFL SCHEDULE (Pro Bowl Week) ---\n \/\/ =========================================================================\n { id: 'nfl1', sport: 'NFL', team1: 'NFC', team2: 'AFC', time: '8:00 PM ET', date: 'Tue', status: 'Upcoming', logoColor1: 'bg-blue-600', logoColor2: 'bg-red-600' },\n\n \/\/ =========================================================================\n \/\/ --- SOCCER SCHEDULE ---\n \/\/ =========================================================================\n { id: 'soc1', sport: 'Soccer', team1: 'Man City', team2: 'Chelsea', time: '12:30 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-blue-400', logoColor2: 'bg-blue-700' },\n { id: 'soc2', sport: 'Soccer', team1: 'Man Utd', team2: 'Everton', time: '9:00 AM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-red-700', logoColor2: 'bg-blue-800' },\n { id: 'soc3', sport: 'Soccer', team1: 'Arsenal', team2: 'West Ham', time: '11:30 AM ET', date: 'Sun', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-red-800' },\n\n \/\/ =========================================================================\n \/\/ --- UFC SCHEDULE ---\n \/\/ =========================================================================\n { id: 'ufc1', sport: 'UFC', team1: 'Bautista', team2: 'Oliveira', time: '5:00 PM ET', date: 'Sat', status: 'Upcoming', logoColor1: 'bg-red-600', logoColor2: 'bg-black' },\n ];\n\n const TUTORIAL_VIDEOS = {\n 'PC': 'http:\/\/neptunewatchclub.com\/wp\/wp-content\/uploads\/2025\/12\/computerpc.mov',\n 'Smart TV': 'http:\/\/neptunewatchclub.com\/wp\/wp-content\/uploads\/2025\/12\/smarttv.mov',\n 'Mobile': 'http:\/\/neptunewatchclub.com\/wp\/wp-content\/uploads\/2025\/12\/mobile.mov'\n };\n\n const TUTORIAL_STEPS = {\n 'PC': [\n { stepNumber: 1, description: 'Go to <a href=\"https:\/\/neptunewatchclub.com\/\" target=\"_blank\" class=\"tutorial-link\">neptunewatchclub.com<\/a> in your browser' },\n { stepNumber: 2, description: 'Choose your access level and place your order' },\n { stepNumber: 3, description: 'Wait at least 5 mins for your login information to be sent to your email' },\n { stepNumber: 4, description: 'Go to one of these links in your browser:<br><a href=\"https:\/\/streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">streamneptune.com<\/a><br><a href=\"https:\/\/2.streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">2.streamneptune.com (Backup)<\/a>' },\n { stepNumber: 5, description: 'Enter the Username\/Password you received from your email' },\n { stepNumber: 6, description: 'Choose your desired broadcast and enjoy!' }\n ],\n 'Smart TV': [\n { stepNumber: 1, description: 'Go to <a href=\"https:\/\/neptunewatchclub.com\/\" target=\"_blank\" class=\"tutorial-link\">neptunewatchclub.com<\/a> in your browser' },\n { stepNumber: 2, description: 'Choose your access level and place your order' },\n { stepNumber: 3, description: 'Wait at least 5 mins for your login information to be sent to your email' },\n { stepNumber: 4, description: 'Navigate to your SmartTv\\'s app store and download the <strong>Jellyfin<\/strong> app' },\n { stepNumber: 5, description: 'Choose \"Enter Server Address\"' },\n { stepNumber: 6, description: 'Enter one of the following URLs:<br><a href=\"https:\/\/streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">streamneptune.com<\/a><br><a href=\"https:\/\/2.streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">2.streamneptune.com<\/a><br>Press Connect' },\n { stepNumber: 7, description: 'Click \"Add Account\" then \"Use a Password\"' },\n { stepNumber: 8, description: 'Enter the Username\/Password you received from your email' },\n { stepNumber: 9, description: 'Choose your desired broadcast and enjoy!' }\n ],\n 'Mobile': [\n { stepNumber: 1, description: 'Go to <a href=\"https:\/\/neptunewatchclub.com\/\" target=\"_blank\" class=\"tutorial-link\">neptunewatchclub.com<\/a> in your browser' },\n { stepNumber: 2, description: 'Choose your access level and place your order' },\n { stepNumber: 3, description: 'Wait at least 5 mins for your login information to be sent to your email' },\n { stepNumber: 4, description: 'Navigate to your mobile device\\'s app store and download the app \"<strong>Streamyfin<\/strong>\" (NOT JELLYFIN)' },\n { stepNumber: 5, description: 'Enter one of the following URLs:<br><a href=\"https:\/\/streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">streamneptune.com<\/a><br><a href=\"https:\/\/2.streamneptune.com\/\" target=\"_blank\" class=\"tutorial-link\">2.streamneptune.com<\/a><br>Press Connect' },\n { stepNumber: 6, description: 'Enter the Username\/Password you received from your email' },\n { stepNumber: 7, description: 'Choose your desired broadcast and enjoy!' }\n ]\n };\n\n const SHOPROCKET_CONFIG = {\n \"publishable_key\": \"sr_live_pk_e3d96800715add313776e83489f2850f2ae8\",\n \"options\": {\n \"products_to_display\": \"all\",\n \"categories\": [],\n \"products\": [],\n \"exclude_products\": [],\n \"exclude_product_categories\": [],\n \"image_dimension_value\": \"crop\",\n \"image_aspect_ratio\": \"portrait\",\n \"button_style\": \"standard\",\n \"variation_style\": \"on_hover\",\n \"open_product_in\": \"in_page\",\n \"button_position\": \"inline\",\n \"product_default_sorting_order\": \"product_order\",\n \"product_pagination_limit\": \"12\",\n \"desktop\": { \"items_per_row\": 3 },\n \"mobile\": { \"items_per_row\": 1 },\n \"hide_out_of_stock\": \"0\"\n },\n \"includes\": {\n \"show_search_box\": \"0\", \"show_sort_by\": \"0\", \"show_per_page\": \"0\", \"show_category_dropdown\": \"0\",\n \"show_currency_dropdown\": \"0\", \"show_language_dropdown\": \"0\", \"show_product_filters\": \"0\",\n \"show_product_name\": \"1\", \"show_product_price\": \"1\", \"show_product_image\": \"1\", \"show_product_summary\": \"1\",\n \"open_modal_on_image_click\": \"1\", \"show_view_product_button\": \"1\", \"show_add_to_cart_button\": \"1\",\n \"show_min_max_order_quantity\": \"1\", \"show_sale\": \"1\", \"show_free_shipping\": \"1\", \"show_new_product\": \"1\",\n \"show_digital_download\": \"1\", \"show_pwyw\": \"1\", \"image_swap\": \"1\", \"show_button_icons\": \"1\",\n \"mobile\": { \"show_search_box\": \"0\", \"show_sort_by\": \"0\", \"show_per_page\": \"0\", \"show_category_dropdown\": \"0\", \"show_currency_dropdown\": \"0\", \"show_language_dropdown\": \"0\", \"show_product_filters\": \"0\" }\n },\n \"product_popup\": {\n \"show_product_name\": \"1\", \"show_product_price\": \"1\", \"show_product_summary\": \"1\", \"show_product_description\": \"1\",\n \"show_product_image\": \"1\", \"show_add_to_cart_button\": \"1\", \"show_select_quantity\": \"1\", \"show_image_thumbnails\": \"1\",\n \"show_product_reviews\": \"1\", \"show_product_sku\": \"0\", \"show_product_categories\": \"0\", \"show_social_sharing_icons\": \"1\",\n \"show_related_products\": \"0\", \"thumbnail_layout\": \"horizontal_below\", \"image_dimension_value\": \"crop\",\n \"image_aspect_ratio\": \"portrait\", \"variation_styling\": \"dropdown\", \"show_min_max_order_quantity\": \"1\",\n \"show_sale\": \"0\", \"show_free_shipping\": \"0\", \"show_new_product\": \"0\", \"show_digital_download\": \"0\",\n \"show_pwyw\": \"0\", \"show_product_tabs\": \"1\", \"image_zoom\": \"1\", \"lightbox_gallery\": \"1\", \"show_stock\": \"0\"\n },\n \"styles\": {\n \"align_content\": \"center\", \"product_title\": \"#0c4a6e\", \"product_price\": \"#0369a1\", \"product_summary\": \"#64748b\",\n \"button_background\": \"#0284c7\", \"button_color\": \"#ffffff\", \"view_product_button_background\": \"#0284c7\",\n \"view_product_button_color\": \"#ffffff\", \"view_cart_button_background\": \"#0284c7\", \"view_cart_button_color\": \"#ffffff\",\n \"product_background\": \"#ffffff\", \"modal_background\": \"#ffffff\", \"button_font_weight\": \"normal\",\n \"popup\": { \"colors\": { \"product_title\": \"#0c4a6e\", \"product_price\": \"#0369a1\", \"product_summary\": \"#64748b\", \"button_background\": \"#0284c7\", \"button_color\": \"#ffffff\", \"product_active_tab_background\": \"#f0f9ff\" } }\n }\n };\n\n \/\/ NAVIGATION LOGIC\n function navigateTo(pageId) {\n document.querySelectorAll('.page-section').forEach(el => el.classList.remove('active'));\n document.getElementById(pageId).classList.add('active');\n \n document.querySelectorAll('.nav-btn').forEach(btn => {\n btn.classList.remove('text-neptune-700');\n btn.classList.add('text-gray-500');\n if(btn.dataset.target === pageId) {\n btn.classList.add('text-neptune-700');\n btn.classList.remove('text-gray-500');\n }\n });\n document.getElementById('mobile-menu').classList.add('hidden');\n window.scrollTo(0, 0);\n }\n\n function toggleMobileMenu() {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n }\n\n \/\/ TUTORIAL LOGIC\n function switchTutorial(device) {\n document.querySelectorAll('.tutorial-tab').forEach(btn => {\n if(btn.dataset.device === device) {\n btn.className = \"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all bg-neptune-600 text-white shadow-md\";\n } else {\n btn.className = \"tutorial-tab flex-1 md:flex-none px-6 py-3 rounded-lg font-medium text-sm flex items-center justify-center gap-2 transition-all text-neptune-500 hover:bg-neptune-50\";\n }\n });\n\n const titleEl = document.getElementById('tutorial-video-title');\n if (titleEl) titleEl.innerText = `Neptune Tutorial: ${device} Setup`;\n\n const stepTitleEl = document.getElementById('step-title-device');\n if (stepTitleEl) stepTitleEl.innerText = `Setup Instructions for ${device}`;\n \n const videoEl = document.getElementById('tutorial-video');\n if (videoEl) {\n videoEl.src = TUTORIAL_VIDEOS[device];\n videoEl.load();\n }\n \n const listContainer = document.getElementById('tutorial-steps');\n if (listContainer) {\n listContainer.innerHTML = '';\n TUTORIAL_STEPS[device].forEach(step => {\n listContainer.innerHTML += `\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-neptune-100 text-neptune-700 font-bold flex items-center justify-center\">\n ${step.stepNumber}\n <\/div>\n <p class=\"text-lg text-neptune-700 pt-0.5\">${step.description}<\/p>\n <\/div>\n `;\n });\n }\n lucide.createIcons();\n }\n\n \/\/ SCHEDULE LOGIC\n let currentSport = 'NBA';\n let currentDay = 'Mon';\n\n function updateWeekRange() {\n const today = new Date();\n const dayOfWeek = today.getDay(); \n const diffToMon = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;\n \n const monday = new Date(today);\n monday.setDate(today.getDate() + diffToMon);\n \n const sunday = new Date(monday);\n sunday.setDate(monday.getDate() + 6);\n\n const format = (d) => `${d.getMonth() + 1}\/${d.getDate()}`;\n const rangeEl = document.getElementById('week-range');\n if (rangeEl) {\n rangeEl.innerText = `${format(monday)} - ${format(sunday)}`;\n }\n }\n\n function renderSchedule() {\n const sports = ['NBA', 'NFL', 'Soccer', 'Boxing', 'UFC'];\n const sportContainer = document.getElementById('sport-filters');\n if (sportContainer) {\n sportContainer.innerHTML = '';\n sports.forEach(sport => {\n const isActive = currentSport === sport;\n const btnClass = isActive \n ? 'bg-neptune-800 text-white shadow-lg scale-105' \n : 'bg-white text-neptune-900 border border-neptune-100 hover:bg-neptune-50';\n \n const btn = document.createElement('button');\n btn.className = `px-6 py-2 rounded-lg font-semibold transition-all duration-200 ${btnClass}`;\n btn.innerText = sport;\n btn.onclick = () => { currentSport = sport; renderSchedule(); };\n sportContainer.appendChild(btn);\n });\n }\n\n const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];\n const dayContainer = document.getElementById('day-filters');\n if (dayContainer) {\n dayContainer.innerHTML = '';\n days.forEach((day) => {\n const isActive = currentDay === day;\n const btnClass = isActive \n ? 'bg-neptune-600 text-white shadow-md' \n : 'text-neptune-400 hover:bg-neptune-50 hover:text-neptune-700';\n \n const btn = document.createElement('button');\n btn.className = `flex-1 min-w-[3rem] py-3 rounded-lg text-sm font-bold transition-colors ${btnClass}`;\n btn.innerText = day;\n btn.onclick = () => { currentDay = day; renderSchedule(); };\n dayContainer.appendChild(btn);\n });\n }\n\n const events = MOCK_EVENTS.filter(e => \n (currentSport === 'All' || e.sport === currentSport) && e.date === currentDay\n );\n \n const listContainer = document.getElementById('event-list');\n if (listContainer) {\n listContainer.innerHTML = '';\n\n const daysMap = { 'Mon': 1, 'Tue': 2, 'Wed': 3, 'Thu': 4, 'Fri': 5, 'Sat': 6, 'Sun': 7 };\n const selectedDayIndex = daysMap[currentDay];\n const today = new Date();\n let todayIndex = today.getDay(); \n if (todayIndex === 0) todayIndex = 7;\n\n const isPastDay = selectedDayIndex < todayIndex;\n const pastDayClass = isPastDay ? 'opacity-40 grayscale' : '';\n\n if (events.length === 0) {\n listContainer.innerHTML = `\n <div class=\"text-center py-20 bg-white rounded-2xl border border-dashed border-neptune-200\">\n <i data-lucide=\"search\" class=\"w-12 h-12 mx-auto text-neptune-200 mb-4\"><\/i>\n <h3 class=\"text-lg font-medium text-neptune-900\">No events found<\/h3>\n <p class=\"text-neptune-500\">There are no ${currentSport} games scheduled for ${currentDay}.<\/p>\n <\/div>\n `;\n } else {\n events.forEach(event => {\n let badgeHtml = '';\n if (event.status === 'PPV') {\n badgeHtml = `<span class=\"px-3 py-1 rounded text-xs font-bold uppercase tracking-wider bg-neptune-900 text-white border border-neptune-700\">PPV<\/span>`;\n } else if (event.status === 'Final') {\n badgeHtml = `<span class=\"px-3 py-1 rounded text-xs font-bold uppercase tracking-wider bg-gray-200 text-gray-700\">Final<\/span>`;\n }\n \n listContainer.innerHTML += `\n <div class=\"bg-white rounded-2xl p-6 shadow-sm border border-neptune-100 flex flex-col sm:flex-row items-center justify-between gap-6 transition-transform hover:scale-[1.01] ${pastDayClass}\">\n <div class=\"flex items-center gap-4 w-full sm:w-auto justify-center sm:justify-start\">\n <div class=\"w-12 h-16 ${event.logoColor1} rounded-md flex items-center justify-center text-white font-bold text-xs\">${event.team1.substring(0,3).toUpperCase()}<\/div>\n <span class=\"text-neptune-300 font-bold\">VS<\/span>\n <div class=\"w-12 h-16 ${event.logoColor2} rounded-md flex items-center justify-center text-white font-bold text-xs\">${event.team2 ? event.team2.substring(0,3).toUpperCase() : 'TBD'}<\/div>\n <\/div>\n <div class=\"text-center sm:text-left flex-1\">\n <h3 class=\"text-xl font-bold text-neptune-900\">${event.team1} ${event.team2 ? 'vs ' + event.team2 : ''}<\/h3>\n <div class=\"flex items-center justify-center sm:justify-start text-neptune-500 mt-1 space-x-2\">\n <i data-lucide=\"calendar\" class=\"w-4 h-4\"><\/i>\n <span>${event.time}<\/span>\n <\/div>\n <\/div>\n <div class=\"flex flex-col items-center gap-2 min-w-[100px]\">\n ${badgeHtml}\n <\/div>\n <\/div>\n `;\n });\n }\n }\n lucide.createIcons();\n }\n\n \/\/ INITIALIZE\n window.addEventListener('DOMContentLoaded', () => {\n lucide.createIcons();\n switchTutorial('PC');\n updateWeekRange();\n renderSchedule();\n \n const srElement = document.querySelector('.sr-products');\n if (srElement) {\n const script = document.createElement('script');\n script.type = 'application\/json';\n script.dataset.config = 'embed';\n script.text = JSON.stringify(SHOPROCKET_CONFIG);\n srElement.appendChild(script);\n\n const srScript = document.createElement('script');\n srScript.src = \"https:\/\/cdn.shoprocket.io\/loader.js\";\n srScript.async = true;\n document.body.appendChild(srScript);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":52,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/neptunewatchclub.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}