{"id":20561,"date":"2026-04-16T15:22:49","date_gmt":"2026-04-16T15:22:49","guid":{"rendered":"https:\/\/marketplace-marketplace.com\/?page_id=20561"},"modified":"2026-04-16T15:41:40","modified_gmt":"2026-04-16T15:41:40","slug":"marketplace-3","status":"publish","type":"page","link":"https:\/\/marketplace-marketplace.com\/index.php\/marketplace-3\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\nMarketplace Platform - Buy and Sell Products<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nbody {\r\nfont-family: 'Inter', sans-serif;\r\nbackground: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\ncolor: #1e1b4b;\r\nline-height: 1.5;\r\nmin-height: 100vh;\r\n}\r\n\r\n.navbar {\r\nbackground: rgba(255, 255, 255, 0.98);\r\nbackdrop-filter: blur(12px);\r\npadding: 0.9rem 2rem;\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nflex-wrap: wrap;\r\ngap: 1rem;\r\nposition: sticky;\r\ntop: 0;\r\nz-index: 120;\r\nborder-bottom: 1px solid rgba(102, 126, 234, 0.2);\r\nbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.logo {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.5rem;\r\nfont-size: 1.4rem;\r\nfont-weight: 800;\r\nbackground: linear-gradient(135deg, #667eea, #f093fb);\r\n-webkit-background-clip: text;\r\nbackground-clip: text;\r\ncolor: transparent;\r\n}\r\n.logo i { background: none; -webkit-text-fill-color: #f093fb; font-size: 1.8rem; }\r\n\r\n.nav-links { display: flex; gap: 0.6rem; flex-wrap: wrap; }\r\n.nav-link {\r\npadding: 0.5rem 1.3rem;\r\nborder-radius: 60px;\r\nfont-weight: 600;\r\ncursor: pointer;\r\ntransition: all 0.3s;\r\nbackground: transparent;\r\ncolor: #4c1d95;\r\n}\r\n.nav-link i { margin-right: 8px; }\r\n.nav-link:hover, .nav-link.active {\r\nbackground: linear-gradient(135deg, #667eea, #f093fb);\r\ncolor: white;\r\nbox-shadow: 0 6px 14px rgba(102, 126, 234, 0.4);\r\ntransform: translateY(-2px);\r\n}\r\n.cart-icon { position: relative; }\r\n.cart-count {\r\nposition: absolute; top: -8px; right: -8px; background: #ff6b6b;\r\ncolor: white; border-radius: 40px; width: 20px; height: 20px;\r\nfont-size: 10px; font-weight: 800; display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n.container { max-width: 1600px; margin: 0 auto; padding: 2rem 1.8rem; }\r\n\r\n.hero {\r\nbackground: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\r\nborder-radius: 2rem;\r\npadding: 2.5rem;\r\nmargin-bottom: 2rem;\r\ncolor: white;\r\nbox-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.2);\r\n}\r\n.hero h1 { font-size: 2rem; margin-bottom: 0.5rem; }\r\n.hero p { opacity: 0.95; }\r\n\r\n\/* BUYER PROMOTION FRAME *\/\r\n.promo-frame {\r\nbackground: linear-gradient(135deg, #ffd89b, #c7e9fb);\r\nborder-radius: 1.5rem;\r\npadding: 1.8rem;\r\nmargin-bottom: 1.5rem;\r\nborder: 2px solid #f59e0b;\r\nbox-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.2);\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.promo-frame::before {\r\ncontent: '\ud83c\udf81';\r\nposition: absolute;\r\ntop: -20px;\r\nright: -20px;\r\nfont-size: 100px;\r\nopacity: 0.1;\r\npointer-events: none;\r\n}\r\n.promo-title {\r\nfont-size: 1.5rem;\r\nfont-weight: 800;\r\ncolor: #b45309;\r\nmargin-bottom: 1rem;\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.8rem;\r\n}\r\n.promo-title i { font-size: 2rem; color: #f59e0b; }\r\n.promo-content {\r\ndisplay: flex;\r\nflex-wrap: wrap;\r\ngap: 1.5rem;\r\nalign-items: flex-start;\r\n}\r\n.promo-text {\r\nflex: 2;\r\nfont-size: 0.95rem;\r\nline-height: 1.6;\r\ncolor: #78350f;\r\n}\r\n.promo-text p { margin-bottom: 0.8rem; }\r\n.promo-highlight {\r\nbackground: white;\r\nborder-radius: 1rem;\r\npadding: 1rem;\r\nflex: 1;\r\ntext-align: center;\r\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n.promo-price {\r\nfont-size: 2rem;\r\nfont-weight: 900;\r\ncolor: #10b981;\r\n}\r\n.promo-price small { font-size: 0.8rem; font-weight: normal; }\r\n.promo-badge {\r\ndisplay: inline-block;\r\nbackground: #10b981;\r\ncolor: white;\r\npadding: 0.3rem 1rem;\r\nborder-radius: 40px;\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nmargin-top: 0.5rem;\r\n}\r\n.promo-stats {\r\ndisplay: flex;\r\njustify-content: center;\r\ngap: 0.5rem;\r\nmargin-top: 0.8rem;\r\nflex-wrap: wrap;\r\n}\r\n.promo-stats span {\r\nbackground: #fef3c7;\r\npadding: 0.2rem 0.6rem;\r\nborder-radius: 20px;\r\nfont-size: 0.65rem;\r\nfont-weight: 600;\r\n}\r\n.btn-promo {\r\nbackground: linear-gradient(135deg, #f59e0b, #d97706);\r\ncolor: white;\r\nborder: none;\r\nborder-radius: 40px;\r\npadding: 0.5rem 1.2rem;\r\nfont-weight: 700;\r\ncursor: pointer;\r\nmargin-top: 0.8rem;\r\ntransition: 0.3s;\r\n}\r\n.btn-promo:hover { transform: scale(1.02); box-shadow: 0 5px 15px rgba(245, 158, 11, 0.4); }\r\n\r\n\/* SHIPPING INFORMATION FRAME *\/\r\n.shipping-frame {\r\nbackground: linear-gradient(135deg, #d4fc79, #96e6a1);\r\nborder-radius: 1.5rem;\r\npadding: 1.5rem;\r\nmargin-bottom: 2rem;\r\nborder: 2px solid #10b981;\r\nbox-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\nflex-wrap: wrap;\r\ngap: 1rem;\r\n}\r\n.shipping-info-left {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 1rem;\r\n}\r\n.shipping-icon {\r\nbackground: white;\r\nwidth: 60px;\r\nheight: 60px;\r\nborder-radius: 50%;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 2rem;\r\ncolor: #10b981;\r\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n.shipping-text h3 {\r\nfont-size: 1.2rem;\r\nfont-weight: 800;\r\ncolor: #064e3b;\r\nmargin-bottom: 0.3rem;\r\n}\r\n.shipping-text p {\r\ncolor: #065f46;\r\nfont-weight: 500;\r\n}\r\n.shipping-badge {\r\nbackground: #064e3b;\r\ncolor: white;\r\npadding: 0.5rem 1.5rem;\r\nborder-radius: 40px;\r\nfont-weight: 700;\r\nfont-size: 0.9rem;\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.5rem;\r\n}\r\n.shipping-badge i { font-size: 1.2rem; }\r\n\r\n\/* AFFILIATE PROGRAM FRAME *\/\r\n.affiliate-frame {\r\nbackground: linear-gradient(135deg, #fbc2eb, #a6c1ee);\r\nborder-radius: 1.5rem;\r\npadding: 1.8rem;\r\nmargin-bottom: 2rem;\r\nborder: 2px solid #ec4899;\r\nbox-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.2);\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.affiliate-frame::before {\r\ncontent: '\ud83d\udcb0';\r\nposition: absolute;\r\ntop: -20px;\r\nright: -20px;\r\nfont-size: 100px;\r\nopacity: 0.1;\r\npointer-events: none;\r\n}\r\n.affiliate-title {\r\nfont-size: 1.5rem;\r\nfont-weight: 800;\r\ncolor: #831843;\r\nmargin-bottom: 1rem;\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.8rem;\r\n}\r\n.affiliate-title i { font-size: 2rem; color: #ec4899; }\r\n.affiliate-content {\r\ndisplay: flex;\r\nflex-wrap: wrap;\r\ngap: 1.5rem;\r\nalign-items: flex-start;\r\n}\r\n.affiliate-text {\r\nflex: 2;\r\nfont-size: 0.95rem;\r\nline-height: 1.6;\r\ncolor: #4a044e;\r\n}\r\n.affiliate-text p { margin-bottom: 0.8rem; }\r\n.affiliate-highlight {\r\nbackground: white;\r\nborder-radius: 1rem;\r\npadding: 1rem;\r\nflex: 1;\r\ntext-align: center;\r\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n.affiliate-commission {\r\nfont-size: 2.5rem;\r\nfont-weight: 900;\r\ncolor: #ec4899;\r\n}\r\n.affiliate-commission small { font-size: 0.8rem; font-weight: normal; }\r\n.affiliate-badge {\r\ndisplay: inline-block;\r\nbackground: #ec4899;\r\ncolor: white;\r\npadding: 0.3rem 1rem;\r\nborder-radius: 40px;\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nmargin-top: 0.5rem;\r\n}\r\n.affiliate-stats {\r\ndisplay: flex;\r\njustify-content: center;\r\ngap: 1rem;\r\nmargin-top: 0.8rem;\r\n}\r\n.affiliate-stats span {\r\nbackground: #fce7f3;\r\npadding: 0.2rem 0.6rem;\r\nborder-radius: 20px;\r\nfont-size: 0.7rem;\r\nfont-weight: 600;\r\n}\r\n.btn-affiliate {\r\nbackground: linear-gradient(135deg, #ec4899, #be185d);\r\ncolor: white;\r\nborder: none;\r\nborder-radius: 40px;\r\npadding: 0.5rem 1.2rem;\r\nfont-weight: 700;\r\ncursor: pointer;\r\nmargin-top: 0.8rem;\r\ntransition: 0.3s;\r\ntext-decoration: none;\r\ndisplay: inline-block;\r\n}\r\n.btn-affiliate:hover { transform: scale(1.02); box-shadow: 0 5px 15px rgba(236, 72, 153, 0.4); }\r\n\r\n.stats-badge { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }\r\n.stat-item {\r\nbackground: rgba(255, 255, 255, 0.2);\r\nbackdrop-filter: blur(10px);\r\nborder-radius: 60px;\r\npadding: 0.3rem 1.2rem;\r\nfont-weight: 500;\r\nborder: 1px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.search-bar input {\r\nwidth: 100%;\r\npadding: 1rem 1.5rem;\r\nborder-radius: 80px;\r\nborder: none;\r\nbackground: white;\r\nfont-size: 1rem;\r\ntransition: 0.2s;\r\nbox-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n.search-bar input:focus { outline: none; box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3); }\r\n\r\n.niches-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\ngap: 1.3rem;\r\nmargin: 1.5rem 0;\r\n}\r\n.niche-card {\r\nbackground: white;\r\nborder-radius: 1.6rem;\r\npadding: 1.3rem;\r\ncursor: pointer;\r\ntransition: all 0.3s;\r\nbox-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\ntext-align: center;\r\nborder: 1px solid rgba(102, 126, 234, 0.2);\r\n}\r\n.niche-card:hover { transform: translateY(-6px); background: linear-gradient(135deg, #fff, #f8f4ff); box-shadow: 0 20px 35px -12px rgba(102, 126, 234, 0.4); }\r\n.niche-icon { font-size: 2.5rem; margin-bottom: 0.8rem; display: inline-block; }\r\n.niche-name { font-weight: 700; font-size: 1rem; margin-bottom: 0.3rem; color: #4c1d95; }\r\n.niche-stats { font-size: 0.7rem; color: #7c3aed; display: flex; justify-content: center; gap: 0.8rem; }\r\n\r\n.products-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\ngap: 1.6rem;\r\nmargin: 1.5rem 0;\r\n}\r\n.product-card {\r\nbackground: white;\r\nborder-radius: 1.6rem;\r\noverflow: hidden;\r\ntransition: 0.3s;\r\nbox-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n}\r\n.product-card:hover { transform: translateY(-8px); box-shadow: 0 25px 40px -12px rgba(102, 126, 234, 0.4); }\r\n.product-img { width: 100%; height: 200px; object-fit: cover; background: linear-gradient(135deg, #f5f0ff, #e9e4ff); }\r\n.product-info { padding: 1rem; }\r\n.product-title { font-weight: 700; font-size: 1rem; color: #4c1d95; }\r\n.product-price { color: #f59e0b; font-weight: 800; font-size: 1.3rem; margin-top: 6px; }\r\n\r\n.btn-primary {\r\nbackground: linear-gradient(135deg, #667eea, #f093fb);\r\nwidth: 100%;\r\nborder: none;\r\nborder-radius: 60px;\r\npadding: 0.7rem;\r\nfont-weight: 700;\r\ncolor: white;\r\ncursor: pointer;\r\ntransition: 0.3s;\r\n}\r\n.btn-primary:hover { transform: scale(0.98); box-shadow: 0 8px 20px rgba(102, 126, 234, 0.5); }\r\n\r\n.seller-store-header {\r\nbackground: white;\r\nborder-radius: 1.8rem;\r\npadding: 1.5rem;\r\nmargin-bottom: 1.8rem;\r\ndisplay: flex;\r\njustify-content: space-between;\r\nflex-wrap: wrap;\r\ngap: 1rem;\r\nborder: 1px solid rgba(102, 126, 234, 0.2);\r\n}\r\n.badge-seller {\r\nbackground: linear-gradient(135deg, #f093fb20, #667eea20);\r\ncolor: #7c3aed;\r\nborder-radius: 40px;\r\npadding: 0.2rem 1rem;\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nmargin-right: 0.6rem;\r\n}\r\n\r\n.seller-hub {\r\nbackground: linear-gradient(135deg, #667eea, #764ba2);\r\nborder-radius: 2rem;\r\npadding: 2rem;\r\nmargin-bottom: 2rem;\r\ncolor: white;\r\n}\r\n.seller-hub h2 { font-size: 1.8rem; margin-bottom: 0.5rem; }\r\n.seller-hub p { opacity: 0.9; }\r\n\r\n.dashboard-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\ngap: 1.8rem;\r\nmargin-top: 1.5rem;\r\n}\r\n.dashboard-card-modern {\r\nbackground: white;\r\nborder-radius: 1.5rem;\r\npadding: 1.5rem;\r\nbox-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n}\r\n.dashboard-card-modern h3 { color: #4c1d95; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; }\r\n\r\n.form-group { margin-bottom: 1rem; }\r\n.form-group label { display: block; margin-bottom: 0.3rem; font-weight: 600; font-size: 0.8rem; color: #6b21a5; }\r\n.form-group input, .form-group select, .form-group textarea {\r\nwidth: 100%; padding: 0.8rem; border: 1px solid #e9e4ff; border-radius: 12px;\r\nfont-size: 0.9rem; transition: all 0.2s; background: #faf9ff;\r\n}\r\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus {\r\noutline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);\r\n}\r\n\r\n.dropzone {\r\nbackground: #faf9ff;\r\nborder: 2px dashed #c4b5fd;\r\nborder-radius: 1.2rem;\r\npadding: 1.4rem;\r\ntext-align: center;\r\ncursor: pointer;\r\ntransition: 0.2s;\r\n}\r\n.dropzone.drag-over { background: #f3e8ff; border-color: #f093fb; }\r\n.image-preview { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 1rem; }\r\n.preview-img { width: 70px; height: 70px; object-fit: cover; border-radius: 12px; border: 1px solid #e9e4ff; }\r\n\r\n.products-list {\r\nmax-height: 350px;\r\noverflow-y: auto;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 0.8rem;\r\n}\r\n.product-item {\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\npadding: 0.8rem;\r\nbackground: #faf9ff;\r\nborder-radius: 1rem;\r\nborder: 1px solid #e9e4ff;\r\n}\r\n.product-item-title { font-weight: 600; color: #4c1d95; }\r\n.product-item-price { color: #f59e0b; font-weight: 700; }\r\n.delete-btn {\r\nbackground: #ff6b6b;\r\ncolor: white;\r\nborder: none;\r\nborder-radius: 40px;\r\npadding: 0.3rem 0.8rem;\r\ncursor: pointer;\r\nfont-size: 0.7rem;\r\n}\r\n.delete-btn:hover { background: #ff4757; }\r\n\r\n.stats-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 1rem;\r\nmargin-top: 1rem;\r\n}\r\n.stat-card {\r\nbackground: linear-gradient(135deg, #f5f0ff, #ede8ff);\r\nborder-radius: 1rem;\r\npadding: 1rem;\r\ntext-align: center;\r\n}\r\n.stat-number { font-size: 1.8rem; font-weight: 800; color: #667eea; }\r\n.stat-label { font-size: 0.7rem; color: #7c3aed; }\r\n\r\n.pro-card {\r\nbackground: linear-gradient(135deg, #fef3c7, #fde68a);\r\nborder-radius: 1rem;\r\npadding: 1.2rem;\r\nmargin-top: 1rem;\r\nborder-left: 4px solid #f59e0b;\r\n}\r\n.pro-card h4 { color: #92400e; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }\r\n.pro-card .price { font-size: 1.5rem; font-weight: 800; color: #d97706; }\r\n.btn-gold {\r\nbackground: linear-gradient(135deg, #f59e0b, #d97706);\r\ncolor: white;\r\nborder: none;\r\nborder-radius: 60px;\r\npadding: 0.6rem 1rem;\r\nfont-weight: 700;\r\ncursor: pointer;\r\ntransition: 0.3s;\r\nwidth: 100%;\r\nmargin-top: 0.8rem;\r\n}\r\n.free-badge {\r\nbackground: #10b981;\r\ncolor: white;\r\nborder-radius: 40px;\r\npadding: 0.2rem 0.8rem;\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\ndisplay: inline-block;\r\nmargin-left: 0.5rem;\r\n}\r\n.radio-ad-card {\r\nbackground: linear-gradient(135deg, #e0f2fe, #bae6fd);\r\nborder-radius: 1rem;\r\npadding: 1.2rem;\r\nmargin-top: 1rem;\r\nborder-left: 4px solid #0ea5e9;\r\n}\r\n\r\n.modal {\r\ndisplay: none;\r\nposition: fixed;\r\ninset: 0;\r\nbackground: rgba(0, 0, 0, 0.7);\r\nbackdrop-filter: blur(5px);\r\nz-index: 1000;\r\nalign-items: center;\r\njustify-content: center;\r\n}\r\n.modal-card {\r\nbackground: white;\r\nborder-radius: 2rem;\r\nmax-width: 540px;\r\nwidth: 90%;\r\npadding: 1.8rem;\r\nmax-height: 85vh;\r\noverflow-y: auto;\r\n}\r\n.payment-method {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 1rem;\r\npadding: 0.8rem;\r\nborder: 1.5px solid #e9e4ff;\r\nborder-radius: 1.2rem;\r\nmargin-bottom: 0.7rem;\r\ncursor: pointer;\r\ntransition: 0.2s;\r\n}\r\n.payment-method:hover { border-color: #667eea; background: #faf9ff; }\r\n.payment-method.selected { border-color: #10b981; background: #ecfdf5; }\r\n.payment-form { margin-top: 1rem; padding: 1rem; background: #faf9ff; border-radius: 1.2rem; display: none; }\r\n.payment-form.active { display: block; }\r\n.card-input-row { display: flex; gap: 10px; margin-top: 10px; }\r\n.card-input-row input { flex: 1; }\r\n.btn-pay {\r\nbackground: linear-gradient(135deg, #10b981, #059669);\r\nwidth: 100%;\r\npadding: 0.9rem;\r\nborder-radius: 60px;\r\nfont-weight: 800;\r\ncolor: white;\r\nborder: none;\r\nmargin-top: 1rem;\r\ncursor: pointer;\r\n}\r\n\r\n.view { display: none; }\r\n.view.active { display: block; }\r\n.btn-back {\r\nbackground: white;\r\nborder: 1px solid #e9e4ff;\r\nborder-radius: 40px;\r\npadding: 0.4rem 1.2rem;\r\nmargin-bottom: 1rem;\r\ncursor: pointer;\r\nfont-weight: 500;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 6px;\r\ncolor: #4c1d95;\r\n}\r\n.btn-back:hover { background: #f5f0ff; }\r\n.toast-msg {\r\nposition: fixed;\r\nbottom: 20px;\r\nright: 20px;\r\nbackground: linear-gradient(135deg, #667eea, #764ba2);\r\ncolor: white;\r\npadding: 12px 20px;\r\nborder-radius: 60px;\r\nz-index: 1200;\r\nfont-size: 0.85rem;\r\nbox-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);\r\n}\r\n@media (max-width: 780px) { .container { padding: 1rem; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"navbar\">\r\n<div class=\"logo\"><i class=\"fas fa-store\"><\/i> Marketplace Platform<br><span style=\"font-size: 0.7rem;\">Buy and Sell Products<\/span><\/div>\r\n<div class=\"nav-links\">\r\n<a class=\"nav-link active\" onclick=\"showView('home')\"><i class=\"fas fa-home\"><\/i> Home<\/a>\r\n<a class=\"nav-link\" onclick=\"showView('sellers')\"><i class=\"fas fa-store\"><\/i> Sellers<\/a>\r\n<a class=\"nav-link cart-icon\" onclick=\"showView('cart')\"><i class=\"fas fa-shopping-cart\"><\/i> Cart <span id=\"cartCount\" class=\"cart-count\" style=\"display: none;\">0<\/span><\/a>\r\n<a class=\"nav-link\" onclick=\"showView('dashboard')\"><i class=\"fas fa-chart-line\"><\/i> Seller Hub<\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"container\">\r\n<!-- HOME VIEW -->\r\n<div id=\"homeView\" class=\"view active\">\r\n<!-- BUYER PROMOTION FRAME -->\r\n<div class=\"promo-frame\">\r\n<div class=\"promo-title\">\r\n<i class=\"fas fa-gift\"><\/i>\r\n<span>\ud83c\udf81 SPECIAL BUYER PROMOTION \u2013 $1000 GIFT! \ud83c\udf81<\/span>\r\n<\/div>\r\n<div class=\"promo-content\">\r\n<div class=\"promo-text\">\r\n<p><strong>Dear buyers,<\/strong><\/p>\r\n<p>If you shop and buy a product from any store placed on the Marketplace Platform for a period of <strong>one calendar year<\/strong> in the amount of at least <strong>$500<\/strong> and buy any product or service from the <strong>Marketing Plan (Individual 1, 2, 3 or Business - 1, 2, 3)<\/strong> or <strong>Decode Code<\/strong> in the amount of at least <strong>$500<\/strong>, you will receive a <strong>GIFT<\/strong> from the Marketplace Platform in the amount of <strong>$1000<\/strong>!<\/p>\r\n<p>\ud83d\udce2 <strong>On Social Network - Facebook<\/strong> you will have your post or picture (or at our suggestion) where they will have a minimum of <strong>10K likes, 7K shares and 5K comments<\/strong>.<\/p>\r\n<p>\ud83d\udcb0 <strong>Price - $1000<\/strong> (Gift Value). For the reliability of the posts, screenshots will be sent to you by e-mail or messenger within 24 hours.<\/p>\r\n<\/div>\r\n<div class=\"promo-highlight\">\r\n<div class=\"promo-price\">$1000 <small>GIFT<\/small><\/div>\r\n<div class=\"promo-stats\">\r\n<span>\ud83d\udd25 10K+ Likes<\/span>\r\n<span>\ud83d\udd04 7K+ Shares<\/span>\r\n<span>\ud83d\udcac 5K+ Comments<\/span>\r\n<span>\ud83d\udcf8 Screenshot Proof<\/span>\r\n<\/div>\r\n<div class=\"promo-badge\">\u2713 24h Delivery<\/div>\r\n<button class=\"btn-promo\" onclick=\"claimPromoGift()\"><i class=\"fas fa-gift\"><\/i> Claim My Gift<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- SHIPPING INFORMATION FRAME -->\r\n<div class=\"shipping-frame\">\r\n<div class=\"shipping-info-left\">\r\n<div class=\"shipping-icon\">\r\n<i class=\"fas fa-truck-fast\"><\/i>\r\n<\/div>\r\n<div class=\"shipping-text\">\r\n<h3><i class=\"fas fa-box\"><\/i> Shipping Information<\/h3>\r\n<p><strong>Seller pays shipping.<\/strong> You will receive the product within <strong>15 working days<\/strong> from order confirmation.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"shipping-badge\">\r\n<i class=\"fas fa-clock\"><\/i>\r\n<span>Est. Delivery: 15 working days<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- AFFILIATE PROGRAM FRAME - WITH EXTERNAL LINK -->\r\n<div class=\"affiliate-frame\">\r\n<div class=\"affiliate-title\">\r\n<i class=\"fas fa-hand-holding-usd\"><\/i>\r\n<span>\ud83d\udcb8 AFFILIATE PROGRAM \u2013 EARN 10% COMMISSION! \ud83d\udcb8<\/span>\r\n<\/div>\r\n<div class=\"affiliate-content\">\r\n<div class=\"affiliate-text\">\r\n<p><strong>Become an Affiliate Partner of Marketplace Platform!<\/strong><\/p>\r\n<p>If the Buyer buys a product from any store placed on the Marketplace Platform for a period of <strong>one calendar year<\/strong> in the amount of at least <strong>$500<\/strong> and buys any product or service from a <strong>Marketing Plan (Individual 1, 2, 3 or Business - 1, 2, 3)<\/strong> or <strong>Decode Code<\/strong> in the amount of at least <strong>$500<\/strong>, you receive <strong>10% of the total amount<\/strong>.<\/p>\r\n<p><strong>How it works:<\/strong><\/p>\r\n<ul style=\"margin-left: 1.5rem;\">\r\n<li>\u2705 Share your unique affiliate link with friends, family, or on social media<\/li>\r\n<li>\u2705 When someone makes qualifying purchases through your link, you earn 10% commission<\/li>\r\n<li>\u2705 No limit on earnings \u2013 the more you refer, the more you earn!<\/li>\r\n<li>\u2705 Payments are sent directly to your chosen payment method monthly<\/li>\r\n<\/ul>\r\n<p><strong>Example:<\/strong> If your referral spends $1000 total ($500 on products + $500 on Marketing Plan\/Decode Code), you earn <strong>$100 commission<\/strong>!<\/p>\r\n<\/div>\r\n<div class=\"affiliate-highlight\">\r\n<div class=\"affiliate-commission\">10% <small>Commission<\/small><\/div>\r\n<div class=\"affiliate-stats\">\r\n<span>\ud83d\udcb0 Unlimited Earnings<\/span>\r\n<span>\ud83d\udcc8 Monthly Payouts<\/span>\r\n<span>\ud83d\udd17 Unique Links<\/span>\r\n<\/div>\r\n<div class=\"affiliate-badge\">\u2713 Join For Free<\/div>\r\n<a href=\"https:\/\/marketplace-marketplace.com\/index.php\/affiliate\/\" target=\"_blank\" class=\"btn-affiliate\" style=\"text-decoration: none;\"><i class=\"fas fa-rocket\"><\/i> Join Affiliate Program Now<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"hero\">\r\n<h1><i class=\"fas fa-store\"><\/i> Shop by Niche<\/h1>\r\n<p>150+ categories \u00b7 3,000+ active stores \u00b7 5% marketplace fee<\/p>\r\n<div class=\"stats-badge\">\r\n<span class=\"stat-item\"><i class=\"fas fa-store\"><\/i> <span id=\"totalSellersSpan\">0<\/span> Stores<\/span>\r\n<span class=\"stat-item\"><i class=\"fas fa-box\"><\/i> <span id=\"totalProductsSpan\">0<\/span> Products<\/span>\r\n<span class=\"stat-item\"><i class=\"fas fa-credit-card\"><\/i> 5 payment methods<\/span>\r\n<span class=\"stat-item\"><i class=\"fas fa-truck\"><\/i> Seller pays shipping<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"search-bar\"><input type=\"text\" id=\"searchNicheInput\" placeholder=\"\ud83d\udd0d Search for a niche...\" oninput=\"filterNicheGrid()\"><\/div>\r\n<div class=\"niches-grid\" id=\"nichesGrid\"><\/div>\r\n<div style=\"margin: 1.5rem 0 0.5rem;\"><h3 style=\"color: #4c1d95;\"><i class=\"fas fa-fire\" style=\"color: #f59e0b;\"><\/i> Trending Products<\/h3><\/div>\r\n<div class=\"products-grid\" id=\"globalProductsGrid\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"nicheView\" class=\"view\">\r\n<button class=\"btn-back\" onclick=\"showView('home')\"><i class=\"fas fa-arrow-left\"><\/i> All niches<\/button>\r\n<div id=\"nicheHeader\"><\/div>\r\n<div class=\"products-grid\" id=\"nicheProductsList\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"sellerStoreView\" class=\"view\">\r\n<button class=\"btn-back\" onclick=\"showView('sellers')\"><i class=\"fas fa-store\"><\/i> Back to sellers<\/button>\r\n<div id=\"sellerStoreContainer\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"sellersView\" class=\"view\">\r\n<button class=\"btn-back\" onclick=\"showView('home')\"><i class=\"fas fa-arrow-left\"><\/i> Home<\/button>\r\n<div class=\"hero\" style=\"padding: 1.5rem;\"><h2><i class=\"fas fa-store\"><\/i> All Stores<\/h2><p>Every seller has a dedicated storefront<\/p><\/div>\r\n<div class=\"search-bar\"><input type=\"text\" id=\"searchSellerInput\" placeholder=\"\ud83d\udd0d Search store name or niche...\" oninput=\"filterSellersList()\"><\/div>\r\n<div class=\"niches-grid\" id=\"allSellersGrid\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"cartView\" class=\"view\">\r\n<button class=\"btn-back\" onclick=\"showView('home')\"><i class=\"fas fa-arrow-left\"><\/i> Continue shopping<\/button>\r\n<div class=\"hero\"><h1><i class=\"fas fa-shopping-cart\"><\/i> Your Cart<\/h1><\/div>\r\n<div id=\"cartContainer\"><\/div>\r\n<\/div>\r\n\r\n<!-- SELLER HUB WITH PRO FEATURES -->\r\n<div id=\"dashboardView\" class=\"view\">\r\n<div class=\"seller-hub\">\r\n<h2><i class=\"fas fa-chart-line\"><\/i> Seller Hub Pro<\/h2>\r\n<p>Manage your store, add products, track sales \u2014 you earn 95%, we take 5% commission<\/p>\r\n<\/div>\r\n<div class=\"dashboard-grid\">\r\n<div>\r\n<div class=\"dashboard-card-modern\">\r\n<h3><i class=\"fas fa-store\" style=\"color: #667eea;\"><\/i> Register Your Store<\/h3>\r\n<div class=\"form-group\"><label>Store Name<\/label><input type=\"text\" id=\"storeName\" placeholder=\"Your store name\"><\/div>\r\n<div class=\"form-group\"><label>Owner Name<\/label><input type=\"text\" id=\"ownerName\" placeholder=\"Your full name\"><\/div>\r\n<div class=\"form-group\"><label>Email<\/label><input type=\"email\" id=\"sellerEmail\" placeholder=\"your@email.com\"><\/div>\r\n<div class=\"form-group\"><label>Select Your Niche<\/label><select id=\"sellerNicheSelect\"><\/select><\/div>\r\n<div class=\"form-group\"><label>Store Description<\/label><textarea id=\"storeDescription\" rows=\"2\" placeholder=\"Tell customers about your store...\"><\/textarea><\/div>\r\n<button class=\"btn-primary\" onclick=\"registerStore()\">\ud83d\ude80 Register Store (Free)<\/button>\r\n<\/div>\r\n<div class=\"dashboard-card-modern\">\r\n<h3><i class=\"fas fa-chart-line\" style=\"color: #667eea;\"><\/i> Store Performance<\/h3>\r\n<div id=\"sellerStatsPanel\">\r\n<div class=\"stats-grid\">\r\n<div class=\"stat-card\"><div class=\"stat-number\" id=\"statProducts\">0<\/div><div class=\"stat-label\">Products<\/div><\/div>\r\n<div class=\"stat-card\"><div class=\"stat-number\" id=\"statSales\">0<\/div><div class=\"stat-label\">Total Sales<\/div><\/div>\r\n<div class=\"stat-card\"><div class=\"stat-number\" id=\"statEarnings\">$0<\/div><div class=\"stat-label\">Earnings<\/div><\/div>\r\n<div class=\"stat-card\"><div class=\"stat-number\" id=\"statCommission\">$0<\/div><div class=\"stat-label\">Platform Fee<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"dashboard-card-modern\">\r\n<h3><i class=\"fas fa-plus-circle\" style=\"color: #667eea;\"><\/i> Add New Product<\/h3>\r\n<div class=\"dropzone\" id=\"productDropZone\">\r\n<i class=\"fas fa-cloud-upload-alt fa-2x\" style=\"color: #667eea;\"><\/i>\r\n<div>Drag & drop images or click<\/div>\r\n<button type=\"button\" id=\"browseBtn\" style=\"margin-top: 8px; background:#667eea20; border:none; border-radius:40px; padding:5px 16px; cursor:pointer; color:#4c1d95;\">Browse Files<\/button>\r\n<input type=\"file\" id=\"productFileInput\" multiple accept=\"image\/*\" style=\"display:none;\">\r\n<\/div>\r\n<div id=\"imagePreviewContainer\" class=\"image-preview\"><\/div>\r\n<div class=\"form-group\"><label>Product Title<\/label><input id=\"prodTitle\" placeholder=\"Product name\"><\/div>\r\n<div class=\"form-group\"><label>Description<\/label><textarea id=\"prodDesc\" rows=\"2\" placeholder=\"Product description\"><\/textarea><\/div>\r\n<div class=\"form-group\"><label>Price ($)<\/label><input type=\"number\" id=\"prodPrice\" step=\"0.01\" placeholder=\"0.00\"><\/div>\r\n<div class=\"form-group\"><label>Stock<\/label><input type=\"number\" id=\"prodStock\" value=\"1\" min=\"1\"><\/div>\r\n<button class=\"btn-primary\" onclick=\"publishProduct()\">\ud83d\udce2 Publish Product<\/button>\r\n<\/div>\r\n<div class=\"dashboard-card-modern\">\r\n<h3><i class=\"fas fa-box\" style=\"color: #667eea;\"><\/i> My Products<\/h3>\r\n<div id=\"myProductsList\" class=\"products-list\"><\/div>\r\n<div style=\"margin-top: 0.8rem; font-size: 0.75rem; color: #6b21a5; text-align: center;\" id=\"productCountMessage\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"dashboard-card-modern\" id=\"freeWebsiteCard\">\r\n<h3><i class=\"fas fa-globe\" style=\"color: #f59e0b;\"><\/i> \ud83c\udf81 Free Website for Your Business! <span class=\"free-badge\">$1000 Value<\/span><\/h3>\r\n<div class=\"pro-card\"><h4><i class=\"fas fa-gift\"><\/i> Marketplace Platform will create a professional website for your business completely FREE!<\/h4><p><strong>What's Included:<\/strong><\/p><ul style=\"margin: 0.5rem 0 0.5rem 1.5rem; font-size: 0.85rem;\"><li>\u2705 Professional website design<\/li><li>\u2705 Product catalog integration<\/li><li>\u2705 Secure payment gateway<\/li><li>\u2705 Mobile-responsive design<\/li><\/ul><div class=\"price\">$50\/month<\/div><div class=\"small-text\">Domain + Hosting fee<\/div><button class=\"btn-gold\" onclick=\"requestFreeWebsite()\"><i class=\"fas fa-check-circle\"><\/i> Request Free Website ($1000 value)<\/button><\/div><div style=\"margin-top: 0.5rem; font-size: 0.7rem; color: #92400e;\" id=\"websiteEligibilityMsg\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"dashboard-card-modern\" id=\"sponsoredAdCard\">\r\n<h3><i class=\"fas fa-ad\" style=\"color: #f59e0b;\"><\/i> \ud83d\ude80 Marketplace Ads Pro <span class=\"free-badge\">Free $100 Value<\/span><\/h3>\r\n<div class=\"pro-card\"><h4><i class=\"fas fa-bullhorn\"><\/i> Sponsored Post - $100 value - FREE for eligible stores!<\/h4><p>A sponsored post for <strong>10 days<\/strong> for stores with minimum 20 products.<\/p><button class=\"btn-gold\" onclick=\"claimSponsoredPost()\"><i class=\"fas fa-rocket\"><\/i> Claim Free Sponsored Post ($100)<\/button><\/div><div style=\"margin-top: 0.5rem; font-size: 0.7rem; color: #92400e;\" id=\"sponsoredEligibilityMsg\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"dashboard-card-modern\" id=\"radioAdCard\">\r\n<h3><i class=\"fas fa-radio\" style=\"color: #0ea5e9;\"><\/i> \ud83d\udcfb Marketplace Internet Radio <span class=\"free-badge\">Free $50 Value<\/span><\/h3>\r\n<div class=\"radio-ad-card\"><h4><i class=\"fas fa-microphone-alt\"><\/i> Free Radio Advertisement - $50 value!<\/h4><p>Free advertisement for <strong>one month<\/strong> on Marketplace Internet radio for stores with minimum 20 products.<\/p><button class=\"btn-gold\" style=\"background: linear-gradient(135deg, #0ea5e9, #0284c7);\" onclick=\"claimRadioAd()\"><i class=\"fas fa-broadcast-tower\"><\/i> Claim Free Radio Ad ($50)<\/button><\/div><div style=\"margin-top: 0.5rem; font-size: 0.7rem; color: #0369a1;\" id=\"radioEligibilityMsg\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- PAYMENT MODAL -->\r\n<div id=\"paymentModal\" class=\"modal\">\r\n<div class=\"modal-card\">\r\n<div style=\"display: flex; justify-content: space-between;\"><h3 style=\"color: #4c1d95;\"><i class=\"fas fa-credit-card\"><\/i> Secure Checkout<\/h3><span style=\"cursor:pointer; font-size:28px;\" onclick=\"closePaymentModal()\">×<\/span><\/div>\r\n<div id=\"orderSummaryModal\"><\/div>\r\n<div class=\"stat-item\" style=\"background:#fef3c7; margin: 1rem 0; text-align:center;\"><i class=\"fas fa-percent\"><\/i> 5% platform commission automatically deducted<\/div>\r\n<div class=\"stat-item\" style=\"background:#e0f2fe; margin-bottom:1rem; text-align:center;\"><i class=\"fas fa-truck\"><\/i> Seller pays shipping<\/div>\r\n<div>\r\n<div class=\"payment-method\" onclick=\"selectPayment('bank')\"><i class=\"fas fa-university\" style=\"color: #667eea;\"><\/i> Bank Transfer<\/div>\r\n<div class=\"payment-method\" onclick=\"selectPayment('payoneer')\"><i class=\"fas fa-money-check-alt\" style=\"color: #667eea;\"><\/i> Payoneer<\/div>\r\n<div class=\"payment-method\" onclick=\"selectPayment('crypto')\"><i class=\"fab fa-bitcoin\" style=\"color: #f093fb;\"><\/i> Crypto (BTC\/ETH)<\/div>\r\n<div class=\"payment-method\" onclick=\"selectPayment('visa')\"><i class=\"fab fa-cc-visa\" style=\"color: #1a1a8a;\"><\/i> Visa Card<\/div>\r\n<div class=\"payment-method\" onclick=\"selectPayment('mastercard')\"><i class=\"fab fa-cc-mastercard\" style=\"color: #eb001b;\"><\/i> MasterCard<\/div>\r\n<\/div>\r\n<div id=\"bankForm\" class=\"payment-form\"><input type=\"text\" placeholder=\"Bank Name\" id=\"bankNameField\" style=\"width:100%; margin-bottom:8px;\"><input type=\"text\" placeholder=\"Account Number\" id=\"bankAccountField\" style=\"width:100%;\"><\/div>\r\n<div id=\"payoneerForm\" class=\"payment-form\"><input type=\"email\" placeholder=\"Payoneer Email\" id=\"payoneerEmailField\" style=\"width:100%;\"><\/div>\r\n<div id=\"cryptoForm\" class=\"payment-form\"><select id=\"cryptoSelect\" style=\"width:100%; margin-bottom:8px;\"><option>BTC (Bitcoin)<\/option><option>ETH (Ethereum)<\/option><\/select><input type=\"text\" placeholder=\"Wallet Address\" id=\"cryptoAddressField\" style=\"width:100%;\"><\/div>\r\n<div id=\"visaForm\" class=\"payment-form\"><div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 15px;\"><i class=\"fab fa-cc-visa\" style=\"font-size: 2rem; color: #1a1a8a;\"><\/i><i class=\"fab fa-cc-mastercard\" style=\"font-size: 2rem; color: #eb001b;\"><\/i><span style=\"font-size: 0.8rem; color: #666;\">We accept Visa and MasterCard<\/span><\/div><input type=\"text\" placeholder=\"Card Number (16 digits)\" id=\"visaCardNumber\" style=\"width:100%; margin-bottom:8px;\" maxlength=\"19\"><input type=\"text\" placeholder=\"Cardholder Name\" id=\"visaCardName\" style=\"width:100%; margin-bottom:8px;\"><div style=\"display: flex; gap: 10px;\"><input type=\"text\" placeholder=\"MM\/YY\" id=\"visaExpiry\" style=\"flex:1;\" maxlength=\"5\"><input type=\"password\" placeholder=\"CVV\" id=\"visaCvv\" style=\"flex:1;\" maxlength=\"4\"><\/div><\/div>\r\n<div id=\"mastercardForm\" class=\"payment-form\"><div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 15px;\"><i class=\"fab fa-cc-mastercard\" style=\"font-size: 2rem; color: #eb001b;\"><\/i><i class=\"fab fa-cc-visa\" style=\"font-size: 2rem; color: #1a1a8a;\"><\/i><span style=\"font-size: 0.8rem; color: #666;\">Secure card payment<\/span><\/div><input type=\"text\" placeholder=\"Card Number (16 digits)\" id=\"mcCardNumber\" style=\"width:100%; margin-bottom:8px;\" maxlength=\"19\"><input type=\"text\" placeholder=\"Cardholder Name\" id=\"mcCardName\" style=\"width:100%; margin-bottom:8px;\"><div style=\"display: flex; gap: 10px;\"><input type=\"text\" placeholder=\"MM\/YY\" id=\"mcExpiry\" style=\"flex:1;\" maxlength=\"5\"><input type=\"password\" placeholder=\"CVV\" id=\"mcCvv\" style=\"flex:1;\" maxlength=\"4\"><\/div><\/div>\r\n<button class=\"btn-pay\" onclick=\"processCardPayment()\">\u2705 Pay Now<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ 150+ NICHES WITH MODERN ICONS\r\nconst nichesWithIcons = [\r\n{ name: \"Airline\", icon: \"fas fa-plane\" }, { name: \"Alcohol\", icon: \"fas fa-wine-bottle\" }, { name: \"Antivirus\", icon: \"fas fa-shield-alt\" }, { name: \"Art\", icon: \"fas fa-palette\" }, { name: \"Automotive\", icon: \"fas fa-car\" },\r\n{ name: \"Baby Products\", icon: \"fas fa-baby\" }, { name: \"Banking\", icon: \"fas fa-university\" }, { name: \"Beauty\", icon: \"fas fa-spa\" }, { name: \"Beer\", icon: \"fas fa-beer\" }, { name: \"Beginner\", icon: \"fas fa-graduation-cap\" },\r\n{ name: \"Bicycle\", icon: \"fas fa-bicycle\" }, { name: \"Binary Options\", icon: \"fas fa-chart-line\" }, { name: \"Blogger\", icon: \"fas fa-blog\" }, { name: \"Book\", icon: \"fas fa-book\" }, { name: \"Boutique\", icon: \"fas fa-store\" },\r\n{ name: \"Budgeting\", icon: \"fas fa-calculator\" }, { name: \"Business\", icon: \"fas fa-briefcase\" }, { name: \"Camping\", icon: \"fas fa-campground\" }, { name: \"Candle\", icon: \"fas fa-fire\" }, { name: \"Casino\", icon: \"fas fa-dice\" },\r\n{ name: \"Cat\", icon: \"fas fa-cat\" }, { name: \"CBD\", icon: \"fas fa-leaf\" }, { name: \"Cell Phone\", icon: \"fas fa-mobile-alt\" }, { name: \"Charity\", icon: \"fas fa-hand-holding-heart\" }, { name: \"Christian\", icon: \"fas fa-cross\" },\r\n{ name: \"Cleaning\", icon: \"fas fa-broom\" }, { name: \"Coffee\", icon: \"fas fa-mug-hot\" }, { name: \"Cooking\", icon: \"fas fa-utensils\" }, { name: \"Course\", icon: \"fas fa-chalkboard\" }, { name: \"Crafts\", icon: \"fas fa-paint-brush\" },\r\n{ name: \"Credit Card\", icon: \"fas fa-credit-card\" }, { name: \"Credit Repair\", icon: \"fas fa-chart-line\" }, { name: \"Cruise\", icon: \"fas fa-ship\" }, { name: \"Crypto\", icon: \"fab fa-bitcoin\" }, { name: \"CRM\", icon: \"fas fa-chart-pie\" },\r\n{ name: \"Daily Paying\", icon: \"fas fa-calendar-day\" }, { name: \"Dental\", icon: \"fas fa-tooth\" }, { name: \"Dating\", icon: \"fas fa-heart\" }, { name: \"Debt Settlement\", icon: \"fas fa-file-invoice-dollar\" }, { name: \"Diabetes\", icon: \"fas fa-heartbeat\" },\r\n{ name: \"Dog\", icon: \"fas fa-dog\" }, { name: \"Drink\", icon: \"fas fa-cocktail\" }, { name: \"Drone\", icon: \"fas fa-drone\" }, { name: \"E-commerce\", icon: \"fas fa-shopping-cart\" }, { name: \"Email marketing\", icon: \"fas fa-envelope\" },\r\n{ name: \"Education\", icon: \"fas fa-school\" }, { name: \"Electronics\", icon: \"fas fa-microchip\" }, { name: \"Entertainment\", icon: \"fas fa-ticket-alt\" }, { name: \"Essential Oils\", icon: \"fas fa-seedling\" }, { name: \"Eyewear\", icon: \"fas fa-glasses\" },\r\n{ name: \"Fashion\", icon: \"fas fa-tshirt\" }, { name: \"Financial\", icon: \"fas fa-chart-line\" }, { name: \"Fishing\", icon: \"fas fa-fish\" }, { name: \"Fitness\", icon: \"fas fa-dumbbell\" }, { name: \"Food\", icon: \"fas fa-utensils\" },\r\n{ name: \"Forex\", icon: \"fas fa-chart-line\" }, { name: \"Fragrance\", icon: \"fas fa-perfume\" }, { name: \"Freight\", icon: \"fas fa-truck\" }, { name: \"Gaming\", icon: \"fas fa-gamepad\" }, { name: \"Gardening\", icon: \"fas fa-seedling\" },\r\n{ name: \"Gift\", icon: \"fas fa-gift\" }, { name: \"Gift Basket\", icon: \"fas fa-gift\" }, { name: \"Gluten Free\", icon: \"fas fa-wheat-alt\" }, { name: \"Gold and Silver\", icon: \"fas fa-coins\" }, { name: \"Golf\", icon: \"fas fa-golf-ball\" },\r\n{ name: \"Graphic Design\", icon: \"fas fa-paint-brush\" }, { name: \"Hair Care\", icon: \"fas fa-cut\" }, { name: \"Health and Wellness\", icon: \"fas fa-heartbeat\" }, { name: \"Help Desk\", icon: \"fas fa-question-circle\" }, { name: \"Herbal\", icon: \"fas fa-leaf\" },\r\n{ name: \"High Paying\", icon: \"fas fa-chart-line\" }, { name: \"Home Improvement\", icon: \"fas fa-tools\" }, { name: \"Home Decor\", icon: \"fas fa-home\" }, { name: \"Home Security\", icon: \"fas fa-shield-alt\" }, { name: \"Homeschool\", icon: \"fas fa-chalkboard\" },\r\n{ name: \"Hotel\", icon: \"fas fa-hotel\" }, { name: \"Hunting\", icon: \"fas fa-tree\" }, { name: \"Hygiene\", icon: \"fas fa-hand-holding-heart\" }, { name: \"Influencer\", icon: \"fas fa-star\" }, { name: \"Insurance\", icon: \"fas fa-shield-alt\" },\r\n{ name: \"Investing\", icon: \"fas fa-chart-line\" }, { name: \"Identity Protection\", icon: \"fas fa-shield-alt\" }, { name: \"Internet Marketing\", icon: \"fas fa-globe\" }, { name: \"Jewelry\", icon: \"fas fa-gem\" }, { name: \"Job\", icon: \"fas fa-briefcase\" },\r\n{ name: \"Keto\", icon: \"fas fa-egg\" }, { name: \"Language\", icon: \"fas fa-language\" }, { name: \"Legal\", icon: \"fas fa-gavel\" }, { name: \"Luxury\", icon: \"fas fa-crown\" }, { name: \"Loan\", icon: \"fas fa-hand-holding-usd\" },\r\n{ name: \"Luggage\", icon: \"fas fa-suitcase\" }, { name: \"Makeup\", icon: \"fas fa-palette\" }, { name: \"Mattress\", icon: \"fas fa-bed\" }, { name: \"Medical\", icon: \"fas fa-notes-medical\" }, { name: \"Meditation\", icon: \"fas fa-om\" },\r\n{ name: \"Metaphysical\", icon: \"fas fa-moon\" }, { name: \"Mobile App\", icon: \"fas fa-mobile-alt\" }, { name: \"Mortgage\", icon: \"fas fa-home\" }, { name: \"Mountain\", icon: \"fas fa-mountain\" }, { name: \"Music\", icon: \"fas fa-music\" },\r\n{ name: \"Nail Care\", icon: \"fas fa-hand-peace\" }, { name: \"Nutrition\", icon: \"fas fa-apple-alt\" }, { name: \"Organic Products\", icon: \"fas fa-leaf\" }, { name: \"Paleo\", icon: \"fas fa-drumstick-bite\" }, { name: \"Pay Per Call\", icon: \"fas fa-phone\" },\r\n{ name: \"Pay Per Click\", icon: \"fas fa-mouse-pointer\" }, { name: \"Pet Niche\", icon: \"fas fa-paw\" }, { name: \"Pharmacy\", icon: \"fas fa-prescription-bottle\" }, { name: \"Photography\", icon: \"fas fa-camera\" }, { name: \"Podcast\", icon: \"fas fa-podcast\" },\r\n{ name: \"Pregnancy\", icon: \"fas fa-baby-carriage\" }, { name: \"Productivity\", icon: \"fas fa-chart-line\" }, { name: \"Psychic\", icon: \"fas fa-crystal-ball\" }, { name: \"Personal Development\", icon: \"fas fa-user-graduate\" }, { name: \"Real Estate\", icon: \"fas fa-building\" },\r\n{ name: \"Recurring\", icon: \"fas fa-sync-alt\" }, { name: \"Restaurant\", icon: \"fas fa-utensils\" }, { name: \"SaaS\", icon: \"fas fa-cloud\" }, { name: \"SEO\", icon: \"fas fa-chart-line\" }, { name: \"Self Defense\", icon: \"fas fa-fist-raised\" },\r\n{ name: \"Shaving\", icon: \"fas fa-cut\" }, { name: \"Shoes\", icon: \"fas fa-shoe-prints\" }, { name: \"Skincare\", icon: \"fas fa-smile\" }, { name: \"Sleep\", icon: \"fas fa-bed\" }, { name: \"Small Business\", icon: \"fas fa-briefcase\" },\r\n{ name: \"Software\", icon: \"fas fa-code\" }, { name: \"Solar\", icon: \"fas fa-solar-panel\" }, { name: \"Sports\", icon: \"fas fa-futbol\" }, { name: \"Sports Betting\", icon: \"fas fa-dice\" }, { name: \"Supplements\", icon: \"fas fa-capsules\" },\r\n{ name: \"Survival\", icon: \"fas fa-compass\" }, { name: \"T-shirt\", icon: \"fas fa-tshirt\" }, { name: \"Tax Preparation\", icon: \"fas fa-calculator\" }, { name: \"Tea\", icon: \"fas fa-mug-hot\" }, { name: \"Tech\", icon: \"fas fa-microchip\" },\r\n{ name: \"Toy\", icon: \"fas fa-rocket\" }, { name: \"Travel\", icon: \"fas fa-plane\" }, { name: \"Vape\", icon: \"fas fa-smoking\" }, { name: \"Vegan\", icon: \"fas fa-seedling\" }, { name: \"Video\", icon: \"fas fa-video\" },\r\n{ name: \"VPN\", icon: \"fas fa-shield-alt\" }, { name: \"Watch\", icon: \"fas fa-clock\" }, { name: \"Web Hosting\", icon: \"fas fa-server\" }, { name: \"Wedding\", icon: \"fas fa-ring\" }, { name: \"Weight Loss\", icon: \"fas fa-weight\" },\r\n{ name: \"Wine\", icon: \"fas fa-wine-glass\" }, { name: \"Women's Health\", icon: \"fas fa-female\" }, { name: \"WordPress\", icon: \"fab fa-wordpress\" }, { name: \"Writing\", icon: \"fas fa-pen\" }, { name: \"Yoga\", icon: \"fas fa-pray\" }\r\n];\r\n\r\nlet sellers = [], products = [], cart = [], currentSeller = null, pendingImages = [], currentPaymentMethod = \"bank\", checkoutTotal = 0;\r\n\r\nfunction updateGlobalCounters() { document.getElementById('totalSellersSpan').innerText = sellers.length; document.getElementById('totalProductsSpan').innerText = products.length; }\r\n\r\nfunction generateDemoData() {\r\nlet sid = 1000;\r\nnichesWithIcons.forEach(niche => {\r\nfor (let i = 1; i <= 15; i++) {\r\nlet storeName = `${niche.name} ${i===1?\"Hub\":\"Store\"}${i}`;\r\nsellers.push({ id: sid, storeName: storeName, owner: `Owner ${sid}`, email: `store${sid}@marketplace.com`, niche: niche.name, description: `\u2728 Premium ${niche.name} products. Seller covers shipping worldwide.`, rating: (3.7 + Math.random() * 1.3).toFixed(1), totalSales: Math.floor(Math.random() * 480), productCount: 0 });\r\nlet prodCount = Math.floor(Math.random() * 3) + 2;\r\nfor (let p = 1; p <= prodCount; p++) {\r\nlet price = (12.99 + Math.random() * 87).toFixed(2);\r\nproducts.push({ id: products.length + 50000, sellerId: sid, name: `${niche.name} ${p===1?\"Premium\":\"Standard\"} ${Math.random()>0.5?\"Item\":\"Pack\"}`, desc: `High quality ${niche.name.toLowerCase()} product. Fast dispatch.`, price: parseFloat(price), stock: 10 + Math.floor(Math.random() * 90), imageUrl: `https:\/\/picsum.photos\/240\/180?random=${sid}${p}`, sellerStoreName: storeName, niche: niche.name });\r\n}\r\nsid++;\r\n}\r\n});\r\nsellers.forEach(s => { s.productCount = products.filter(p => p.sellerId === s.id).length; });\r\nupdateGlobalCounters();\r\nrenderNicheGrid(); renderAllSellersList(); renderGlobalProducts();\r\n}\r\n\r\nfunction renderNicheGrid() {\r\nlet search = document.getElementById('searchNicheInput')?.value.toLowerCase() || \"\";\r\nlet filtered = nichesWithIcons.filter(n => n.name.toLowerCase().includes(search));\r\ndocument.getElementById('nichesGrid').innerHTML = filtered.map(n => { let storeCount = sellers.filter(s => s.niche === n.name).length; let prodCount = products.filter(p => p.niche === n.name).length; return `<div class=\"niche-card\" onclick=\"showNicheProducts('${n.name.replace(\/'\/g, \"\\\\'\")}')\"><div class=\"niche-icon\"><i class=\"${n.icon}\"><\/i><\/div><div class=\"niche-name\">${n.name}<\/div><div class=\"niche-stats\"><span><i class=\"fas fa-store\"><\/i> ${storeCount}<\/span><span><i class=\"fas fa-box\"><\/i> ${prodCount}<\/span><\/div><\/div>`; }).join('');\r\n}\r\n\r\nfunction showNicheProducts(niche) {\r\nlet relevantProducts = products.filter(p => p.niche === niche);\r\nlet storeCount = sellers.filter(s => s.niche === niche).length;\r\nlet nicheIcon = nichesWithIcons.find(n => n.name === niche)?.icon || \"fas fa-tag\";\r\ndocument.getElementById('nicheHeader').innerHTML = `<div class=\"hero\"><h2><i class=\"${nicheIcon}\"><\/i> ${niche}<\/h2><p>${storeCount} stores \u00b7 ${relevantProducts.length} products<\/p><\/div>`;\r\ndocument.getElementById('nicheProductsList').innerHTML = relevantProducts.map(p => productCardHTML(p)).join('');\r\nshowView('niche');\r\n}\r\n\r\nfunction productCardHTML(p) { return `<div class=\"product-card\"><img decoding=\"async\" src=\"${p.imageUrl}\" class=\"product-img\"><div class=\"product-info\"><div class=\"product-title\">${p.name}<\/div><div class=\"product-price\">$${p.price.toFixed(2)}<\/div><div class=\"product-seller\" style=\"font-size:0.7rem; color:#7c3aed;\"><i class=\"fas fa-store\"><\/i> ${p.sellerStoreName}<\/div><button class=\"btn-primary\" onclick=\"addToCart(${p.id})\">\ud83d\uded2 Add to Cart<\/button><\/div><\/div>`; }\r\n\r\nfunction showSellerStore(sellerId) {\r\nlet seller = sellers.find(s => s.id === sellerId);\r\nif (!seller) return;\r\nlet sellerProds = products.filter(p => p.sellerId === sellerId);\r\nlet html = `<div class=\"seller-store-header\"><div><h2 style=\"color:#4c1d95;\">\ud83c\udfea ${seller.storeName}<\/h2><div><span class=\"badge-seller\">\u2b50 ${seller.rating}<\/span><span class=\"badge-seller\">\ud83d\udce6 ${seller.totalSales} sales<\/span><span class=\"badge-seller\">\ud83d\udce6 ${seller.productCount} products<\/span><span class=\"badge-seller\">\ud83d\ude9a Seller pays shipping<\/span><\/div><p>${seller.description}<\/p><\/div><button class=\"btn-back\" onclick=\"showView('sellers')\">\u2190 Back<\/button><\/div><div class=\"products-grid\" id=\"sellerProductsGrid\"><\/div>`;\r\ndocument.getElementById('sellerStoreContainer').innerHTML = html;\r\ndocument.getElementById('sellerProductsGrid').innerHTML = sellerProds.map(p => productCardHTML(p)).join('');\r\nshowView('sellerStore');\r\n}\r\n\r\nfunction renderAllSellersList() {\r\nlet search = document.getElementById('searchSellerInput')?.value.toLowerCase() || \"\";\r\nlet filtered = sellers.filter(s => s.storeName.toLowerCase().includes(search) || s.niche.toLowerCase().includes(search));\r\ndocument.getElementById('allSellersGrid').innerHTML = filtered.map(s => `<div class=\"niche-card\" onclick=\"showSellerStore(${s.id})\"><div class=\"niche-icon\"><i class=\"fas fa-store\" style=\"color:#667eea;\"><\/i><\/div><div class=\"niche-name\">${s.storeName}<\/div><div class=\"niche-stats\">\u2b50 ${s.rating} \u00b7 ${s.totalSales} sales \u00b7 ${s.productCount} products<\/div><\/div>`).join('');\r\n}\r\n\r\nfunction renderGlobalProducts() { document.getElementById('globalProductsGrid').innerHTML = products.slice(0, 12).map(p => productCardHTML(p)).join(''); }\r\n\r\nfunction addToCart(id) { let p = products.find(p => p.id === id); if (!p) return; let exist = cart.find(i => i.id === id); if (exist) exist.quantity++; else cart.push({...p, quantity: 1}); saveCart(); showToast(`\u2705 ${p.name} added`); }\r\nfunction saveCart() { localStorage.setItem('marketplaceCart', JSON.stringify(cart)); updateCartIcon(); }\r\nfunction loadCart() { let c = localStorage.getItem('marketplaceCart'); if (c) cart = JSON.parse(c); updateCartIcon(); }\r\nfunction updateCartIcon() { let total = cart.reduce((s,i)=>s+i.quantity,0); let badge = document.getElementById('cartCount'); if(total>0) { badge.innerText=total; badge.style.display='flex'; } else badge.style.display='none'; }\r\nfunction renderCartPage() { if (cart.length===0) { document.getElementById('cartContainer').innerHTML='<div class=\"hero\">\ud83d\uded2 Cart empty<\/div>'; return; } let total=0, html='<div style=\"background:white; border-radius:1.5rem; padding:1.5rem;\">'; cart.forEach(item => { total += item.price * item.quantity; html += `<div style=\"display:flex; justify-content:space-between; padding:0.8rem 0;\"><div><strong>${item.name}<\/strong><br>$${item.price.toFixed(2)} x ${item.quantity}<\/div><div>$${(item.price*item.quantity).toFixed(2)}<br><button style=\"background:#ff6b6b; border:none; color:white; border-radius:40px; padding:0.2rem 0.8rem;\" onclick=\"removeCartItem(${item.id})\">Remove<\/button><\/div><\/div>`; }); let commission = total * 0.05; html += `<div>Subtotal: $${total.toFixed(2)}<br>Commission (5%): $${commission.toFixed(2)}<div style=\"font-weight:800;\">You pay: $${total.toFixed(2)}<\/div><button class=\"btn-primary\" style=\"margin-top:1rem;\" onclick=\"openCheckoutModal(${total})\">Proceed to Checkout<\/button><\/div><\/div>`; document.getElementById('cartContainer').innerHTML = html; }\r\nfunction removeCartItem(id) { cart = cart.filter(i => i.id !== id); saveCart(); renderCartPage(); }\r\nfunction openCheckoutModal(total) { checkoutTotal = total; document.getElementById('orderSummaryModal').innerHTML = `<div style=\"background:#f5f0ff; padding:1rem; border-radius:1rem;\">Total: <strong style=\"color:#f59e0b;\">$${total.toFixed(2)}<\/strong><br>Commission (5%): $${(total*0.05).toFixed(2)}<\/div>`; document.getElementById('paymentModal').style.display = 'flex'; }\r\nfunction selectPayment(method) { currentPaymentMethod = method; document.querySelectorAll('.payment-method').forEach(el=>el.classList.remove('selected')); event.currentTarget.classList.add('selected'); document.querySelectorAll('.payment-form').forEach(f=>f.classList.remove('active')); if (method === 'visa') document.getElementById('visaForm').classList.add('active'); else if (method === 'mastercard') document.getElementById('mastercardForm').classList.add('active'); else document.getElementById(`${method}Form`).classList.add('active'); }\r\nfunction processCardPayment() { let isValid = true; if (currentPaymentMethod === 'visa') { if (!document.getElementById('visaCardNumber')?.value || document.getElementById('visaCardNumber').value.length < 16) isValid = false; if (!document.getElementById('visaCardName')?.value) isValid = false; if (!document.getElementById('visaExpiry')?.value) isValid = false; if (!document.getElementById('visaCvv')?.value) isValid = false; } else if (currentPaymentMethod === 'mastercard') { if (!document.getElementById('mcCardNumber')?.value || document.getElementById('mcCardNumber').value.length < 16) isValid = false; if (!document.getElementById('mcCardName')?.value) isValid = false; if (!document.getElementById('mcExpiry')?.value) isValid = false; if (!document.getElementById('mcCvv')?.value) isValid = false; } else if (currentPaymentMethod === 'bank') { if (!document.getElementById('bankNameField')?.value) isValid = false; if (!document.getElementById('bankAccountField')?.value) isValid = false; } else if (currentPaymentMethod === 'payoneer') { if (!document.getElementById('payoneerEmailField')?.value) isValid = false; } else if (currentPaymentMethod === 'crypto') { if (!document.getElementById('cryptoAddressField')?.value) isValid = false; } if (!isValid) { alert(\"\u26a0\ufe0f Please fill all payment details correctly\"); return; } let commissionAmount = checkoutTotal * 0.05; alert(`\u2705 PAYMENT SUCCESSFUL!\\n\\n\ud83d\udcb3 Card: ${currentPaymentMethod.toUpperCase()}\\n\ud83d\udcb0 Amount Paid: $${checkoutTotal.toFixed(2)}\\n\ud83d\udcca Commission (5%): $${commissionAmount.toFixed(2)} \u2192 Marketplace Platform\\n\ud83d\udc64 Seller receives: $${(checkoutTotal - commissionAmount).toFixed(2)}\\n\ud83d\ude9a Seller will handle shipping\\n\\nThank you for shopping at Marketplace Platform!`); cart = []; saveCart(); renderCartPage(); closePaymentModal(); showView('home'); }\r\nfunction closePaymentModal() { document.getElementById('paymentModal').style.display = 'none'; }\r\n\r\nfunction updateNicheSelect() { let sel = document.getElementById('sellerNicheSelect'); sel.innerHTML = '<option>-- Choose Niche --<\/option>'; nichesWithIcons.forEach(n => { let opt = document.createElement('option'); opt.value = n.name; opt.textContent = n.name; sel.appendChild(opt); }); }\r\nfunction registerStore() { let storeName = document.getElementById('storeName').value.trim(), owner = document.getElementById('ownerName').value.trim(), email = document.getElementById('sellerEmail').value.trim(), niche = document.getElementById('sellerNicheSelect').value, desc = document.getElementById('storeDescription').value.trim(); if (!storeName || !owner || !email || !niche) { alert(\"Fill all fields\"); return; } let newId = Date.now(); let newStore = { id: newId, storeName, owner, email, niche, description: desc, rating: 5.0, totalSales: 0, productCount: 0 }; sellers.push(newStore); currentSeller = newStore; updateSellerStats(); alert(`\u2705 Store \"${storeName}\" registered!`); updateGlobalCounters(); renderNicheGrid(); renderAllSellersList(); updateEligibilityMessages(); }\r\nfunction updateSellerStats() { if (!currentSeller) return; let sellerProducts = products.filter(p => p.sellerId === currentSeller.id); let totalEarnings = sellerProducts.reduce((sum, p) => sum + (p.price * (p.stock || 0)), 0) * 0.95; document.getElementById('statProducts').innerText = sellerProducts.length; document.getElementById('statSales').innerText = currentSeller.totalSales; document.getElementById('statEarnings').innerText = `$${totalEarnings.toFixed(0)}`; document.getElementById('statCommission').innerText = `$${(totalEarnings * 0.05 \/ 0.95).toFixed(0)}`; updateEligibilityMessages(); }\r\nfunction updateEligibilityMessages() { if (!currentSeller) return; let productCount = products.filter(p => p.sellerId === currentSeller.id).length; let isEligible = productCount >= 20; const websiteMsg = document.getElementById('websiteEligibilityMsg'); const sponsoredMsg = document.getElementById('sponsoredEligibilityMsg'); const radioMsg = document.getElementById('radioEligibilityMsg'); const productMsg = document.getElementById('productCountMessage'); if (isEligible) { if (websiteMsg) websiteMsg.innerHTML = '\u2705 ELIGIBLE! You have ' + productCount + ' products. Click above to claim your FREE website ($1000 value)!'; if (sponsoredMsg) sponsoredMsg.innerHTML = '\u2705 ELIGIBLE! You have ' + productCount + ' products. Click above to claim your FREE sponsored post ($100 value)!'; if (radioMsg) radioMsg.innerHTML = '\u2705 ELIGIBLE! You have ' + productCount + ' products. Click above to claim your FREE radio ad ($50 value)!'; if (productMsg) productMsg.innerHTML = '\ud83c\udf89 Congratulations! You have ' + productCount + ' products. You qualify for FREE benefits above!'; } else { let needed = 20 - productCount; if (websiteMsg) websiteMsg.innerHTML = '\u26a0\ufe0f Need ' + needed + ' more product' + (needed > 1 ? 's' : '') + ' to reach 20 products and unlock FREE website ($1000 value)'; if (sponsoredMsg) sponsoredMsg.innerHTML = '\u26a0\ufe0f Need ' + needed + ' more product' + (needed > 1 ? 's' : '') + ' to reach 20 products and unlock FREE sponsored post ($100 value)'; if (radioMsg) radioMsg.innerHTML = '\u26a0\ufe0f Need ' + needed + ' more product' + (needed > 1 ? 's' : '') + ' to reach 20 products and unlock FREE radio ad ($50 value)'; if (productMsg) productMsg.innerHTML = '\ud83d\udce6 Add ' + needed + ' more product' + (needed > 1 ? 's' : '') + ' to unlock FREE Website ($1000), Sponsored Post ($100), and Radio Ad ($50)!'; } }\r\nfunction requestFreeWebsite() { let productCount = products.filter(p => p.sellerId === currentSeller?.id).length; if (productCount < 20) { alert(`\u26a0\ufe0f You need ${20 - productCount} more products to qualify for the FREE website.`); return; } alert(`\ud83c\udf89 Congratulations ${currentSeller?.storeName}!\\n\\nYou are eligible for a FREE professional website (a $1000 value) from Marketplace Platform!\\n\\nWhat's Included:\\n\u2705 Professional website design\\n\u2705 Product catalog integration\\n\u2705 Secure payment gateway\\n\u2705 Mobile-responsive design\\n\\nDomain + Hosting: $50\/month\\n\\nOur team will contact you within 24 hours!`); showToast(`\ud83c\udf81 Free website request submitted for ${currentSeller?.storeName}!`); }\r\nfunction claimSponsoredPost() { let productCount = products.filter(p => p.sellerId === currentSeller?.id).length; if (productCount < 20) { alert(`\u26a0\ufe0f You need ${20 - productCount} more products to qualify for the FREE sponsored post.`); return; } alert(`\ud83d\ude80 SPONSORED POST ACTIVATED!\\n\\nYour store \"${currentSeller?.storeName}\" with ${productCount} products qualifies for:\\n\\n\u2705 FREE Sponsored Post ($100 value)\\n\u2705 Duration: 10 days\\n\u2705 Guaranteed reach to 50,000+ shoppers\\n\\nYour sponsored post will appear starting tomorrow!`); showToast(`\ud83d\udce2 Free sponsored post ($100 value) activated for 10 days!`); }\r\nfunction claimRadioAd() { let productCount = products.filter(p => p.sellerId === currentSeller?.id).length; if (productCount < 20) { alert(`\u26a0\ufe0f You need ${20 - productCount} more products to qualify for the FREE radio advertisement.`); return; } alert(`\ud83d\udcfb MARKETPLACE INTERNET RADIO AD ACTIVATED!\\n\\nYour store \"${currentSeller?.storeName}\" qualifies for:\\n\\n\u2705 FREE Radio Advertisement ($50 value)\\n\u2705 Duration: 1 full month\\n\u2705 Reach: 100,000+ daily listeners\\n\\nYour ad spot will air starting within 48 hours!`); showToast(`\ud83c\udf99\ufe0f Free radio ad ($50 value) activated for 1 month!`); }\r\nfunction claimPromoGift() { alert(`\ud83c\udf81 BUYER PROMOTION GIFT CLAIMED!\\n\\nDear Buyer,\\n\\nThank you for your interest in our $1000 Gift Promotion from Marketplace Platform - Buy and Sell Products!\\n\\nTo qualify:\\n\u2705 Purchase products totaling $500+ in one calendar year\\n\u2705 Purchase Marketing Plan (Individual 1,2,3 or Business 1,2,3) or Decode Code for $500+\\n\\nWhen you qualify, you will receive:\\n\ud83d\udcf1 Facebook post with 10K+ likes, 7K+ shares, 5K+ comments\\n\ud83d\udcf8 Screenshot proof sent within 24 hours\\n\ud83d\udcb0 $1000 Gift Value\\n\\nOur team will contact you via email to confirm your purchases and process your gift.\\n\\nThank you for shopping at Marketplace Platform!`); showToast(`\ud83c\udf81 Gift promotion claimed! Check your email for details.`); }\r\n\r\nconst dropZone = document.getElementById('productDropZone'), fileInput = document.getElementById('productFileInput'), browseBtn = document.getElementById('browseBtn');\r\ndropZone.addEventListener('dragover', e=>{ e.preventDefault(); dropZone.classList.add('drag-over'); });\r\ndropZone.addEventListener('dragleave', ()=>dropZone.classList.remove('drag-over'));\r\ndropZone.addEventListener('drop', e=>{ e.preventDefault(); dropZone.classList.remove('drag-over'); handleImages(e.dataTransfer.files); });\r\nbrowseBtn.addEventListener('click',()=>fileInput.click());\r\nfileInput.addEventListener('change',e=>handleImages(e.target.files));\r\nfunction handleImages(files) { Array.from(files).filter(f=>f.type.startsWith('image\/')).forEach(f=>{ let r=new FileReader(); r.onload=ev=>{ pendingImages.push(ev.target.result); renderPreviews(); }; r.readAsDataURL(f); }); }\r\nfunction renderPreviews() { let container = document.getElementById('imagePreviewContainer'); container.innerHTML = pendingImages.map((img,i)=>`<div style=\"position:relative;\"><img decoding=\"async\" src=\"${img}\" class=\"preview-img\"><button style=\"position:absolute;top:-6px;right:-6px;background:#ff6b6b;color:white;border:none;border-radius:20px;width:20px;height:20px;\" onclick=\"removeImg(${i})\">\u2715<\/button><\/div>`).join(''); }\r\nfunction removeImg(idx) { pendingImages.splice(idx,1); renderPreviews(); }\r\nfunction publishProduct() { if(!currentSeller && sellers.length>0) currentSeller = sellers[sellers.length-1]; if(!currentSeller) { alert(\"Register your store first.\"); return; } let title = document.getElementById('prodTitle').value.trim(), desc = document.getElementById('prodDesc').value.trim(), price = parseFloat(document.getElementById('prodPrice').value), stock = parseInt(document.getElementById('prodStock').value); if(!title || !desc || isNaN(price) || price<=0){ alert(\"Complete all fields\"); return; } let imgUrl = pendingImages.length ? pendingImages[0] : `https:\/\/picsum.photos\/200\/150?random=${Date.now()}`; let newProd = { id: Date.now(), sellerId: currentSeller.id, name: title, desc: desc, price: price, stock: stock, imageUrl: imgUrl, sellerStoreName: currentSeller.storeName, niche: currentSeller.niche }; products.push(newProd); currentSeller.productCount = products.filter(p=>p.sellerId === currentSeller.id).length; document.getElementById('myProductsList').innerHTML = products.filter(p=>p.sellerId === currentSeller.id).map(p=>`<div class=\"product-item\"><div class=\"product-item-info\"><div class=\"product-item-title\">${p.name}<\/div><div class=\"product-item-price\">$${p.price.toFixed(2)}<\/div><\/div><button class=\"delete-btn\" onclick=\"deleteProduct(${p.id})\">Delete<\/button><\/div>`).join(''); document.getElementById('prodTitle').value = ''; document.getElementById('prodDesc').value = ''; document.getElementById('prodPrice').value = ''; pendingImages = []; renderPreviews(); updateGlobalCounters(); renderNicheGrid(); renderAllSellersList(); renderGlobalProducts(); updateSellerStats(); showToast(`\u2705 \"${title}\" published!`); }\r\nfunction deleteProduct(id) { if (confirm('Delete product?')) { products = products.filter(p => p.id !== id); if (currentSeller) currentSeller.productCount = products.filter(p=>p.sellerId === currentSeller.id).length; document.getElementById('myProductsList').innerHTML = (currentSeller ? products.filter(p=>p.sellerId === currentSeller.id) : []).map(p=>`<div class=\"product-item\"><div class=\"product-item-info\"><div class=\"product-item-title\">${p.name}<\/div><div class=\"product-item-price\">$${p.price.toFixed(2)}<\/div><\/div><button class=\"delete-btn\" onclick=\"deleteProduct(${p.id})\">Delete<\/button><\/div>`).join(''); updateGlobalCounters(); renderNicheGrid(); renderAllSellersList(); renderGlobalProducts(); updateSellerStats(); showToast('Product deleted'); } }\r\nfunction filterNicheGrid() { renderNicheGrid(); }\r\nfunction filterSellersList() { renderAllSellersList(); }\r\nfunction showView(view) { document.querySelectorAll('.view').forEach(v=>v.classList.remove('active')); document.getElementById(`${view}View`).classList.add('active'); if(view==='cart') renderCartPage(); if(view==='sellers') renderAllSellersList(); if(view==='home') renderGlobalProducts(); if(view==='dashboard' && currentSeller) { document.getElementById('myProductsList').innerHTML = products.filter(p=>p.sellerId === currentSeller.id).map(p=>`<div class=\"product-item\"><div class=\"product-item-info\"><div class=\"product-item-title\">${p.name}<\/div><div class=\"product-item-price\">$${p.price.toFixed(2)}<\/div><\/div><button class=\"delete-btn\" onclick=\"deleteProduct(${p.id})\">Delete<\/button><\/div>`).join(''); updateSellerStats(); } }\r\nfunction showToast(msg) { let t = document.createElement('div'); t.className='toast-msg'; t.innerText=msg; document.body.appendChild(t); setTimeout(()=>t.remove(),2800); }\r\n\r\ngenerateDemoData(); loadCart(); updateNicheSelect();\r\nwindow.showView = showView; window.showNicheProducts = showNicheProducts; window.showSellerStore = showSellerStore; window.addToCart = addToCart; window.removeCartItem = removeCartItem; window.openCheckoutModal = openCheckoutModal; window.selectPayment = selectPayment; window.processCardPayment = processCardPayment; window.closePaymentModal = closePaymentModal; window.registerStore = registerStore; window.publishProduct = publishProduct; window.deleteProduct = deleteProduct; window.removeImg = removeImg; window.filterNicheGrid = filterNicheGrid; window.filterSellersList = filterSellersList; window.requestFreeWebsite = requestFreeWebsite; window.claimSponsoredPost = claimSponsoredPost; window.claimRadioAd = claimRadioAd; window.claimPromoGift = claimPromoGift;\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marketplace Platform – Buy and Sell Products Marketplace PlatformBuy and Sell Products Home Sellers Cart 0 Seller Hub \ud83c\udf81 SPECIAL BUYER PROMOTION \u2013 $1000 GIFT! \ud83c\udf81 Dear buyers, If you shop and buy a product from any store placed on the Marketplace Platform for a period of one calendar year in the amount of at […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages\/20561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/comments?post=20561"}],"version-history":[{"count":5,"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages\/20561\/revisions"}],"predecessor-version":[{"id":20566,"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages\/20561\/revisions\/20566"}],"wp:attachment":[{"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/media?parent=20561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}