{"id":22032,"date":"2026-08-24T19:57:55","date_gmt":"2026-08-24T19:57:55","guid":{"rendered":"https:\/\/marketplace-marketplace.com\/?page_id=22032"},"modified":"2026-08-24T20:19:50","modified_gmt":"2026-08-24T20:19:50","slug":"metaversesocialnetwork","status":"publish","type":"page","link":"https:\/\/marketplace-marketplace.com\/index.php\/metaversesocialnetwork\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22032\" class=\"elementor elementor-22032\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ceab5c4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ceab5c4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-73e7cc2\" data-id=\"73e7cc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8452a92 elementor-widget elementor-widget-shortcode\" data-id=\"8452a92\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"msn-shortcode-wrapper\"><div id=\"msn-root\">\n<div class=\"app\">\n  <header class=\"header\">\n    <div class=\"header-container\">\n      <div class=\"logo\">\n        <i class=\"fas fa-globe-americas\"><\/i>\n        <span>Metaverse Social Network<\/span>\n        <span class=\"browser-icon\" id=\"headerBrowserIcon\"><\/span>\n      <\/div>\n      <div class=\"search\"><i class=\"fas fa-search\"><\/i><input type=\"text\" id=\"globalSearch\" placeholder=\"Search posts, users, tags...\"><\/div>\n      <div class=\"nav-icons\">\n        <div class=\"nav-icon\" id=\"homeBtn\"><i class=\"fas fa-home\"><\/i><\/div>\n        <div class=\"nav-icon\" id=\"messengerBtn\"><i class=\"fas fa-comment-dots\"><\/i><span class=\"badge\" id=\"messengerBadge\">3<\/span><\/div>\n        <div class=\"nav-icon\" id=\"notifBtn\"><i class=\"fas fa-bell\"><\/i><span class=\"badge\" id=\"notifBadge\">12<\/span><\/div>\n        <div class=\"nav-icon\" id=\"themeToggle\"><i class=\"fas fa-sun\"><\/i><\/div>\n        <div class=\"language-selector\">\n          <div class=\"nav-icon\" id=\"langBtn\"><i class=\"fas fa-globe\"><\/i><\/div>\n          <div class=\"language-dropdown\">\n            <div class=\"language-option\" data-lang=\"en\">\ud83c\uddfa\ud83c\uddf8 English<\/div>\n            <div class=\"language-option\" data-lang=\"es\">\ud83c\uddea\ud83c\uddf8 Espa\u00f1ol<\/div>\n            <div class=\"language-option\" data-lang=\"fr\">\ud83c\uddeb\ud83c\uddf7 Fran\u00e7ais<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"user-menu\" id=\"userMenu\">\n          <div class=\"avatar\" id=\"headerAvatar\">AMB<\/div>\n          <span class=\"user-name\" id=\"headerUserName\">Amb Holding<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <div class=\"page-container\" id=\"pageContainer\">\n    <!-- FEED -->\n    <div class=\"page active\" id=\"page-feed\">\n      <div class=\"feed-layout\">\n        <div class=\"left-sidebar\">\n          <div class=\"profile-card glass-card\">\n            <div class=\"profile-avatar\" id=\"profileAvatar\">AMB<div class=\"verified-badge\" id=\"profileVerifiedBadge\"><i class=\"fas fa-check\"><\/i><\/div><\/div>\n            <div class=\"profile-name\" id=\"profileName\">Amb Holding<\/div>\n            <div class=\"profile-title\" id=\"profileTitle\">Metaverse Social Network<\/div>\n            <div class=\"profile-upload\">\n              <label for=\"profilePicInput\"><i class=\"fas fa-camera\"><\/i> Upload picture<\/label>\n              <input type=\"file\" id=\"profilePicInput\" accept=\"image\/*\">\n            <\/div>\n            <button class=\"btn btn-outline share-account-btn\" style=\"width:100%; margin:12px 0;\" id=\"shareAccountBtn\"><i class=\"fas fa-share-alt\"><\/i> Share Account<\/button>\n            <div class=\"api-key-box\">\n              <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;\">\n                <span style=\"font-weight:600;color:var(--text-secondary);\"><i class=\"fas fa-key\"><\/i> Your API Key<\/span>\n                <button class=\"copy-btn\" id=\"copyApiKeyBtn\" title=\"Copy API Key\"><i class=\"fas fa-copy\"><\/i><\/button>\n              <\/div>\n              <div class=\"key\" id=\"apiKeyDisplay\">-<\/div>\n              <div style=\"font-size:11px;color:var(--text-muted);margin-top:6px;\">Use this key to log in on any browser\/device<\/div>\n            <\/div>\n            <div style=\"background:rgba(0,0,0,0.15);border-radius:12px;padding:12px;margin:8px 0;\">\n              <div style=\"display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);\">\n                <span><i class=\"fas fa-globe\"><\/i> <span id=\"userIpDisplay\">Loading...<\/span><\/span>\n                <span><i class=\"fas fa-clock\"><\/i> <span id=\"userTimeDisplay\">-<\/span><\/span>\n              <\/div>\n              <div style=\"font-size:11px;color:var(--text-muted);margin-top:4px;\">\n                <i class=\"fas fa-desktop\"><\/i> <span id=\"userBrowserDisplay\">-<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"session-log\" id=\"sessionLogContainer\">\n              <div style=\"font-weight:600;color:var(--text-secondary);font-size:12px;margin-bottom:6px;\"><i class=\"fas fa-history\"><\/i> Login History<\/div>\n              <div id=\"sessionLogList\"><\/div>\n            <\/div>\n            <div class=\"stats-row\">\n              <div class=\"stat\"><span class=\"stat-value\" id=\"followersCount\">2.4K<\/span><span class=\"stat-label\">FOLLOWERS<\/span><\/div>\n              <div class=\"stat\"><span class=\"stat-value\" id=\"followingCount\">158<\/span><span class=\"stat-label\">FOLLOWING<\/span><\/div>\n            <\/div>\n            <div class=\"qr-box\"><div class=\"qr-code\" id=\"qrCode\"><\/div><button class=\"btn btn-primary\" style=\"width:100%;\" id=\"downloadQR\"><i class=\"fas fa-download\"><\/i> Download QR<\/button><\/div>\n            <div class=\"friend-limit\">\n              <div class=\"limit-header\"><span>Friend limit<\/span><span id=\"friendCountDisplay\">1,245 \/ 4,000<\/span><\/div>\n              <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"friendProgress\" style=\"width:31%\"><\/div><\/div>\n              <div style=\"font-size:12px; color:var(--text-muted);\" id=\"friendRemaining\">2,755 connections remaining<\/div>\n            <\/div>\n            <div style=\"background:rgba(0,0,0,0.2); border-radius:20px; padding:16px;\">\n              <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:10px;\">\n                <i class=\"fas fa-shield-alt\" style=\"color:var(--success);\"><\/i>\n                <span style=\"font-weight:600; color:var(--text-secondary);\">Verification<\/span>\n                <span style=\"margin-left:auto; background:var(--success); padding:4px 12px; border-radius:40px; font-size:11px; font-weight:700; color:white;\" id=\"verificationBadge\">ACTIVE<\/span>\n              <\/div>\n              <div style=\"font-size:13px; color:var(--text-muted);\" id=\"verificationExpiry\"><i class=\"far fa-clock\"><\/i> Expires in 30 days<\/div>\n              <button class=\"btn btn-outline\" style=\"width:100%; margin-top:12px;\" id=\"verifyPaymentBtn\">Extend Verification<\/button>\n            <\/div>\n            <div style=\"margin-top:16px; display:none;\" id=\"adminLinkContainer\"><button class=\"btn btn-primary\" data-page=\"admin\">Admin Panel<\/button><\/div>\n            <div style=\"margin-top:16px;\">\n              <button class=\"logout-slide-btn\" id=\"logoutBtn\"><i class=\"fas fa-sign-out-alt\"><\/i> Logout<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"menu glass-card\">\n            <div class=\"menu-item active\" data-page=\"feed\"><i class=\"fas fa-newspaper\"><\/i> Feed<\/div>\n            <div class=\"menu-item\" data-page=\"messenger\"><i class=\"fas fa-comments\"><\/i> Messenger<\/div>\n            <div class=\"menu-item\" data-page=\"friends\"><i class=\"fas fa-user-friends\"><\/i> Friends<\/div>\n            <div class=\"menu-item\" data-page=\"groups\"><i class=\"fas fa-users\"><\/i> Groups<\/div>\n            <div class=\"menu-item\" data-page=\"events\"><i class=\"fas fa-calendar-alt\"><\/i> Events<\/div>\n            <div class=\"menu-item\" data-page=\"memories\"><i class=\"fas fa-clock\"><\/i> Memories<\/div>\n            <div class=\"menu-item\" data-page=\"marketplace\"><i class=\"fas fa-store\"><\/i> Marketplace<\/div>\n            <div class=\"menu-item\" data-page=\"crypto\"><i class=\"fab fa-bitcoin\"><\/i> Crypto<\/div>\n            <div class=\"menu-item\" data-page=\"nft\"><i class=\"fas fa-gem\"><\/i> NFT Gallery<\/div>\n            <div class=\"menu-item\" data-page=\"jobs\"><i class=\"fas fa-briefcase\"><\/i> Jobs<\/div>\n            <div class=\"menu-item\" data-page=\"become-freelancer\"><i class=\"fas fa-user-plus\"><\/i> Become Freelancer<\/div>\n            <div class=\"menu-item\" data-page=\"become-job\"><i class=\"fas fa-plus-circle\"><\/i> Post a Job<\/div>\n            <div class=\"menu-item\" data-page=\"affiliate\"><i class=\"fas fa-chart-line\"><\/i> Affiliate<\/div>\n            <div class=\"menu-item\" data-page=\"monetize\"><i class=\"fas fa-dollar-sign\"><\/i> Monetize<\/div>\n            <div class=\"menu-item\" data-page=\"trending\"><i class=\"fas fa-fire\"><\/i> Trending<\/div>\n          <\/div>\n          <div class=\"glass-card\" style=\"padding:16px;margin-top:16px;\">\n            <div style=\"font-weight:600;color:var(--text-secondary);font-size:14px;margin-bottom:8px;\"><i class=\"fas fa-fire\"><\/i> Trending Tags<\/div>\n            <div class=\"trending-tags\" id=\"trendingTags\">\n              <span class=\"trending-tag\">#NFT<\/span>\n              <span class=\"trending-tag\">#Metaverse<\/span>\n              <span class=\"trending-tag\">#Web3<\/span>\n              <span class=\"trending-tag\">#Crypto<\/span>\n              <span class=\"trending-tag\">#AI<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div>\n          <div class=\"create-post\">\n            <textarea class=\"post-input\" id=\"postContent\" placeholder=\"Share your metaverse thoughts... (AI moderation active)\"><\/textarea>\n            <div class=\"post-actions\">\n              <div class=\"post-tools\">\n                <div class=\"post-tool\" data-page=\"image-gallery\"><i class=\"fas fa-image\"><\/i> Gallery<\/div>\n                <div class=\"post-tool\" data-page=\"video-gallery\"><i class=\"fas fa-video\"><\/i> Videos<\/div>\n                <div class=\"post-tool\" data-page=\"upload-image\"><i class=\"fas fa-upload\"><\/i> Image<\/div>\n                <div class=\"post-tool\" data-page=\"upload-video\"><i class=\"fas fa-upload\"><\/i> Video<\/div>\n                <div class=\"post-tool\" data-page=\"live-stream\"><i class=\"fas fa-video\"><\/i> Live<\/div>\n                <div class=\"post-tool\" data-page=\"sponsored\"><i class=\"fas fa-ad\"><\/i> Sponsor<\/div>\n                <div class=\"post-tool\" data-page=\"poll\"><i class=\"fas fa-poll\"><\/i> Poll<\/div>\n                <div class=\"post-tool\" data-page=\"feeling\"><i class=\"fas fa-smile\"><\/i> Feeling<\/div>\n              <\/div>\n              <button class=\"btn btn-primary\" id=\"postBtn\">Post<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"filter-bar\">\n            <span class=\"filter-chip active\" data-filter=\"all\">All<\/span>\n            <span class=\"filter-chip\" data-filter=\"sponsored\">Sponsored<\/span>\n            <span class=\"filter-chip\" data-filter=\"friends\">Friends<\/span>\n            <span class=\"filter-chip\" data-filter=\"videos\">Videos<\/span>\n            <span class=\"filter-chip\" data-filter=\"live\">Live<\/span>\n            <span class=\"filter-chip\" data-filter=\"trending\">Trending<\/span>\n          <\/div>\n          <div id=\"feedContainer\"><\/div>\n        <\/div>\n\n        <div>\n          <div class=\"marketplace-widget\">\n            <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;\">\n              <h3 style=\"color:var(--text-primary);\"><i class=\"fas fa-store\" style=\"color:var(--primary);\"><\/i> Marketplace<\/h3>\n              <a href=\"#\" data-page=\"marketplace\" style=\"color:var(--primary);\">View all \u2192<\/a>\n            <\/div>\n            <div class=\"marketplace-grid\" id=\"marketplaceGrid\"><\/div>\n          <\/div>\n          <div class=\"ai-widget\">\n            <div class=\"ai-header\">\n              <div class=\"ai-avatar\"><i class=\"fas fa-brain\"><\/i><\/div>\n              <div><h4 style=\"color:var(--text-primary);\">Metaverse AI<\/h4><span style=\"color:var(--text-muted);\">ask me<\/span><\/div>\n            <\/div>\n            <div style=\"background:rgba(239,68,68,0.1); border-left:4px solid var(--danger); padding:12px; border-radius:12px; margin-bottom:16px; font-size:13px; color:var(--text-secondary);\">\n              <strong>Moderation active<\/strong> \u2013 no hate\/violence\/adult.\n            <\/div>\n            <input type=\"text\" class=\"post-input\" style=\"min-height:auto;\" id=\"aiQuestion\" placeholder=\"Ask AI...\">\n            <button class=\"btn btn-primary\" style=\"width:100%;\" id=\"aiAskBtn\">Ask<\/button>\n          <\/div>\n          <div class=\"crypto-widget\">\n            <div style=\"display:flex; justify-content:space-between;\">\n              <span class=\"crypto-price\" id=\"btcPrice\">$52,690<\/span>\n              <span style=\"background:rgba(16,185,129,0.2); color:var(--success); padding:6px 16px; border-radius:40px;\">+8.4%<\/span>\n            <\/div>\n            <div style=\"color:var(--text-muted);\">Bitcoin (BTC)<\/div>\n          <\/div>\n          <div class=\"glass-card\" style=\"padding:16px;margin-top:16px;\">\n            <div style=\"font-weight:600;color:var(--text-secondary);font-size:14px;margin-bottom:8px;\"><i class=\"fas fa-users\"><\/i> Online Now<\/div>\n            <div id=\"onlineUsers\" style=\"display:flex;flex-wrap:wrap;gap:8px;\">\n              <span style=\"font-size:13px;color:var(--text-secondary);\"><span class=\"online-indicator\"><\/span> Amb Holding<\/span>\n              <span style=\"font-size:13px;color:var(--text-secondary);\"><span class=\"online-indicator\"><\/span> Sarah Chen<\/span>\n              <span style=\"font-size:13px;color:var(--text-secondary);\"><span class=\"online-indicator\"><\/span> Mike Thompson<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SIGN IN \/ LOGIN -->\n    <div class=\"page\" id=\"page-signin\">\n      <div class=\"page-card\" style=\"max-width:440px; margin:0 auto;\">\n        <div style=\"text-align:center; margin-bottom:30px;\">\n          <div style=\"font-size:40px; background:linear-gradient(135deg,var(--primary),var(--accent)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900;\">Metaverse<\/div>\n          <p style=\"color:var(--text-muted);\">Sign in to your account<\/p>\n        <\/div>\n        <form id=\"signinForm\">\n          <div style=\"margin-bottom:16px;\">\n            <label style=\"color:var(--text-secondary);\">Email or Username<\/label>\n            <input type=\"text\" id=\"signinEmail\" placeholder=\"Enter your email or username\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n          <\/div>\n          <div style=\"margin-bottom:16px; position:relative;\">\n            <label style=\"color:var(--text-secondary);\">Password<\/label>\n            <input type=\"password\" id=\"signinPassword\" placeholder=\"Enter your password\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n            <button type=\"button\" id=\"toggleSigninPassword\" style=\"position:absolute; right:15px; top:44px; background:none; border:none; color:var(--text-muted); cursor:pointer;\"><i class=\"fas fa-eye\"><\/i><\/button>\n          <\/div>\n          <div style=\"text-align:center; color:var(--text-secondary); margin:8px 0;\">\u2014 OR \u2014<\/div>\n          <div style=\"margin-bottom:16px;\">\n            <label style=\"color:var(--text-secondary);\">API Key (for cross-device login)<\/label>\n            <input type=\"text\" id=\"signinApiKey\" placeholder=\"Paste your API key here\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n          <\/div>\n          <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%; padding:14px;\">Sign In<\/button>\n        <\/form>\n        <div style=\"text-align:center; margin-top:20px; color:var(--text-secondary);\">\n          Don't have an account? <a href=\"#\" data-page=\"signup\" style=\"color:var(--primary); font-weight:600;\">Sign Up<\/a>\n        <\/div>\n        <div class=\"divider\" style=\"display:flex; align-items:center; margin:24px 0; color:var(--text-muted);\">\n          <span style=\"flex:1; height:1px; background:var(--border);\"><\/span>\n          <span style=\"padding:0 16px;\">or continue with<\/span>\n          <span style=\"flex:1; height:1px; background:var(--border);\"><\/span>\n        <\/div>\n        <div style=\"display:grid; grid-template-columns:repeat(3,1fr); gap:12px;\">\n          <button type=\"button\" class=\"social-btn\" style=\"padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--input-bg); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--text-secondary);\"><i class=\"fab fa-google\" style=\"font-size:20px; color:#db4437;\"><\/i><span style=\"font-size:12px;\">Google<\/span><\/button>\n          <button type=\"button\" class=\"social-btn\" style=\"padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--input-bg); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--text-secondary);\"><i class=\"fab fa-facebook-f\" style=\"font-size:20px; color:#4267B2;\"><\/i><span style=\"font-size:12px;\">Facebook<\/span><\/button>\n          <button type=\"button\" class=\"social-btn\" style=\"padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--input-bg); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--text-secondary);\"><i class=\"fab fa-apple\" style=\"font-size:20px; color:var(--text-primary);\"><\/i><span style=\"font-size:12px;\">Apple<\/span><\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SIGN UP -->\n    <div class=\"page\" id=\"page-signup\">\n      <div class=\"page-card\" style=\"max-width:440px; margin:0 auto;\">\n        <div style=\"text-align:center; margin-bottom:30px;\">\n          <div style=\"font-size:40px; background:linear-gradient(135deg,var(--primary),var(--accent)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900;\">Metaverse<\/div>\n          <p style=\"color:var(--text-muted);\">Create your account<\/p>\n        <\/div>\n        <form id=\"signupForm\">\n          <div style=\"margin-bottom:16px;\">\n            <label style=\"color:var(--text-secondary);\">Full Name<\/label>\n            <input type=\"text\" id=\"signupName\" placeholder=\"Enter your full name\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n          <\/div>\n          <div style=\"margin-bottom:16px;\">\n            <label style=\"color:var(--text-secondary);\">Email<\/label>\n            <input type=\"email\" id=\"signupEmail\" placeholder=\"Enter your email\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n          <\/div>\n          <div style=\"margin-bottom:16px;\">\n            <label style=\"color:var(--text-secondary);\">Username<\/label>\n            <input type=\"text\" id=\"signupUsername\" placeholder=\"Choose a username\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n          <\/div>\n          <div style=\"margin-bottom:16px; position:relative;\">\n            <label style=\"color:var(--text-secondary);\">Password<\/label>\n            <input type=\"password\" id=\"signupPassword\" placeholder=\"Create a password\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n            <button type=\"button\" id=\"toggleSignupPassword\" style=\"position:absolute; right:15px; top:44px; background:none; border:none; color:var(--text-muted); cursor:pointer;\"><i class=\"fas fa-eye\"><\/i><\/button>\n          <\/div>\n          <div style=\"margin-bottom:16px; position:relative;\">\n            <label style=\"color:var(--text-secondary);\">Confirm Password<\/label>\n            <input type=\"password\" id=\"signupConfirmPassword\" placeholder=\"Confirm your password\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary);\">\n          <\/div>\n          <div style=\"margin:16px 0;\">\n            <label style=\"display:flex; align-items:flex-start; gap:10px; color:var(--text-secondary); font-size:13px;\">\n              <input type=\"checkbox\" id=\"termsCheck\" style=\"margin-top:3px;\"> I agree to the <a href=\"#\" data-page=\"terms\" style=\"color:var(--primary);\">Terms of Service<\/a> and <a href=\"#\" data-page=\"privacy\" style=\"color:var(--primary);\">Privacy Policy<\/a>\n            <\/label>\n          <\/div>\n          <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%; padding:14px;\">Create Account<\/button>\n        <\/form>\n        <div style=\"text-align:center; margin-top:20px; color:var(--text-secondary);\">\n          Already have an account? <a href=\"#\" data-page=\"signin\" style=\"color:var(--primary); font-weight:600;\">Sign In<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FORGOT PASSWORD MODAL -->\n    <div class=\"modal\" id=\"forgotPasswordModal\">\n      <div class=\"modal-content\" style=\"max-width:400px;\">\n        <h3 style=\"margin-bottom:16px; color:var(--text-primary);\">Reset Password<\/h3>\n        <p style=\"color:var(--text-muted); margin-bottom:20px;\">Enter your email and we'll send you reset instructions.<\/p>\n        <input type=\"email\" id=\"forgotEmail\" placeholder=\"Your email\" style=\"width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:12px; padding:14px 20px; color:var(--text-primary); margin-bottom:16px;\">\n        <div style=\"display:flex; gap:12px;\">\n          <button class=\"btn btn-outline\" id=\"cancelForgot\" style=\"flex:1;\">Cancel<\/button>\n          <button class=\"btn btn-primary\" id=\"submitForgot\" style=\"flex:1;\">Send<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TRENDING PAGE -->\n    <div class=\"page\" id=\"page-trending\">\n      <div class=\"page-card\">\n        <h2 style=\"color:var(--text-primary);\"><i class=\"fas fa-fire\"><\/i> Trending Now<\/h2>\n        <div id=\"trendingPosts\" style=\"margin-top:20px;\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- OTHER PAGES -->\n    <div class=\"page\" id=\"page-notifications\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Notifications<\/h2><div id=\"notificationsList\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-friends\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Friends<\/h2><div id=\"friendRequestsList\"><\/div><div id=\"friendsList\"><\/div><button class=\"btn btn-outline\" id=\"addFriendBtn\">Send Friend Request<\/button><button class=\"btn btn-outline\" id=\"deleteFriendBtn\" style=\"margin-left:10px;\">Delete Friend<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-groups\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Groups<\/h2><div id=\"groupsList\"><\/div><button class=\"btn btn-primary\" id=\"createGroupBtn\">Create Group<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-events\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Events<\/h2><div id=\"eventsList\"><\/div><button class=\"btn btn-primary\" id=\"createEventBtn\">Create Event<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-memories\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Memories<\/h2><div id=\"memoriesList\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-image-gallery\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Image Gallery<\/h2><div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\" id=\"imageGalleryGrid\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-video-gallery\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Video Gallery<\/h2><div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:16px;\" id=\"videoGalleryGrid\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-upload-image\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Upload Image<\/h2><div class=\"image-upload-area\" id=\"imageUploadArea\"><i class=\"fas fa-cloud-upload-alt\" style=\"font-size:48px; color:var(--primary); margin-bottom:16px; display:block;\"><\/i><p style=\"color:var(--text-secondary);\">Click to select an image or drag & drop<\/p><input type=\"file\" id=\"imageFileUpload\" accept=\"image\/*\" style=\"display:none;\"><\/div><div class=\"image-upload-preview\" id=\"imageUploadPreview\"><\/div><div class=\"upload-progress\" id=\"uploadProgress\"><div class=\"progress-fill\" id=\"uploadProgressFill\"><\/div><\/div><input type=\"text\" id=\"imageCaption\" class=\"post-input\" placeholder=\"Caption (optional)\"><button class=\"btn btn-primary\" id=\"uploadImageBtn\" style=\"width:100%;\"><i class=\"fas fa-upload\"><\/i> Post Image<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-upload-video\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Upload Video<\/h2><input type=\"text\" id=\"videoUrl\" class=\"post-input\" placeholder=\"Video URL\"><input type=\"text\" id=\"videoTitle\" class=\"post-input\" placeholder=\"Title\"><button class=\"btn btn-primary\" id=\"uploadVideoBtn\">Upload<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-live-stream\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Live Stream<\/h2><div style=\"background:#000; border-radius:16px; height:200px; display:flex; align-items:center; justify-content:center;\"><i class=\"fas fa-play-circle\" style=\"font-size:64px; color:var(--primary);\"><\/i><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-sponsored\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Sponsored Posts<\/h2><div id=\"sponsoredPostsList\"><\/div><button class=\"btn btn-primary\" id=\"createSponsoredBtn\">Create Sponsored Post ($100)<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-poll\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Create a Poll<\/h2><input type=\"text\" id=\"pollQuestion\" class=\"post-input\" placeholder=\"Question\"><div id=\"pollOptionsContainer\"><input type=\"text\" class=\"poll-option-input post-input\" placeholder=\"Option 1\"><input type=\"text\" class=\"poll-option-input post-input\" placeholder=\"Option 2\"><\/div><button class=\"btn btn-outline\" id=\"addPollOptionBtn\">Add Option<\/button><button class=\"btn btn-primary\" id=\"createPollBtn\">Create Poll<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-feeling\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Feeling \/ Activity<\/h2><textarea class=\"post-input\" id=\"feelingInput\" placeholder=\"What are you feeling?\"><\/textarea><button class=\"btn btn-primary\" id=\"feelingPostBtn\">Post<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-messenger\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Messenger<\/h2><div style=\"display:grid; grid-template-columns:200px 1fr; gap:16px;\"><div><h4 style=\"color:var(--text-secondary);\">Contacts<\/h4><div id=\"contactList\"><\/div><\/div><div><div id=\"chatMessages\" style=\"height:300px; overflow-y:auto; border:1px solid var(--border); padding:16px; border-radius:16px; color:var(--text-primary);\"><\/div><input type=\"text\" id=\"chatInput\" class=\"post-input\" placeholder=\"Type...\"><button class=\"btn btn-primary\" id=\"sendChat\">Send<\/button><\/div><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-crypto\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Crypto<\/h2><p style=\"color:var(--text-secondary);\">BTC: $52,690 | ETH: $3,200<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-nft\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">NFT Gallery<\/h2><div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\" id=\"nftGalleryGrid\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-jobs\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Jobs<\/h2><div id=\"jobsList\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-affiliate\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Affiliate Program<\/h2><p style=\"color:var(--text-secondary);\">Earnings: $1,245 <a href=\"#\" style=\"color:var(--primary);\">Monetize<\/a><\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-monetize\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Monetize Your Content<\/h2><p style=\"color:var(--text-secondary);\">Earn from posts, videos, affiliates.<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-about\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">About Us<\/h2><p style=\"color:var(--text-secondary);\">Metaverse Social Network \u2013 the next\u2011gen metaverse platform.<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-contact\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Contact Us<\/h2><p style=\"color:var(--text-secondary);\">support@metaverse.social<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-disclaimer\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Disclaimer<\/h2><p style=\"color:var(--text-secondary);\">All content is user\u2011generated.<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-cookie\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Cookie Policy<\/h2><p style=\"color:var(--text-secondary);\">We use cookies to improve your experience.<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-privacy\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Privacy Policy<\/h2><p style=\"color:var(--text-secondary);\">Your data is yours.<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-terms\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Terms of Service<\/h2><p style=\"color:var(--text-secondary);\">No hate speech, violence, adult content.<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-investor\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Investor Relations<\/h2><p style=\"color:var(--text-secondary);\">ir@metaverse.social<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-partnerships\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Partnerships<\/h2><p style=\"color:var(--text-secondary);\">partners@metaverse.social<\/p><\/div><\/div>\n    <div class=\"page\" id=\"page-marketplace\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Marketplace<\/h2><div class=\"marketplace-grid\" style=\"grid-template-columns:repeat(5,1fr);\" id=\"fullMarketplaceGrid\"><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-admin\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\">Admin Panel<\/h2><canvas id=\"userChart\" style=\"height:200px; width:100%;\"><\/canvas><div id=\"adminStats\"><\/div><table class=\"admin-table\"><tbody id=\"adminUserTable\"><\/tbody><\/table><button class=\"btn btn-outline\" id=\"refreshAdmin\">Refresh<\/button><\/div><\/div>\n    <div class=\"page\" id=\"page-become-freelancer\"><div class=\"page-card\"><h2 style=\"font-size:32px; margin-bottom:20px; background:linear-gradient(135deg,var(--primary),var(--accent)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\"><i class=\"fas fa-user-astronaut\"><\/i> Become a Freelancer<\/h2><p style=\"color:var(--text-secondary); margin-bottom:30px;\">Join our metaverse freelance economy.<\/p><div class=\"freelancer-wizard\"><div class=\"step-indicator\"><div class=\"step active\" data-step=\"1\">1<\/div><div class=\"step\" data-step=\"2\">2<\/div><div class=\"step\" data-step=\"3\">3<\/div><div class=\"step\" data-step=\"4\">4<\/div><\/div><div class=\"wizard-step active-step\" id=\"step1\"><h3 style=\"color:var(--text-primary);\">Step 1: Basic Information<\/h3><div style=\"margin:24px 0;\"><label style=\"color:var(--text-secondary);\">Full Name *<\/label><input type=\"text\" class=\"post-input\" id=\"freelancerName\" placeholder=\"e.g., John Doe\" style=\"min-height:auto;\"><\/div><div style=\"margin:24px 0;\"><label style=\"color:var(--text-secondary);\">Professional Title *<\/label><input type=\"text\" class=\"post-input\" id=\"freelancerTitle\" placeholder=\"e.g., Blockchain Developer\" style=\"min-height:auto;\"><\/div><div style=\"margin:24px 0;\"><label style=\"color:var(--text-secondary);\">Bio *<\/label><textarea class=\"post-input\" id=\"freelancerBio\" placeholder=\"Tell us about your experience...\" rows=\"4\"><\/textarea><\/div><div style=\"margin:24px 0;\"><label style=\"color:var(--text-secondary);\">Hourly Rate ($) *<\/label><input type=\"number\" class=\"post-input\" id=\"freelancerRate\" placeholder=\"e.g., 50\" min=\"10\" step=\"5\" style=\"min-height:auto;\"><\/div><div class=\"post-actions\"><button class=\"btn btn-primary\" id=\"nextToStep2\">Next <i class=\"fas fa-arrow-right\"><\/i><\/button><\/div><\/div><div class=\"wizard-step\" id=\"step2\"><h3 style=\"color:var(--text-primary);\">Step 2: Skills & Expertise<\/h3><p style=\"color:var(--text-secondary); margin:16px 0;\">Select at least 3 skills<\/p><div id=\"skillsContainer\" style=\"margin:24px 0;\"><\/div><div style=\"margin:24px 0;\"><label style=\"color:var(--text-secondary);\">Years of experience *<\/label><input type=\"number\" class=\"post-input\" id=\"freelancerExperience\" min=\"0\" max=\"50\" style=\"min-height:auto;\"><\/div><div class=\"post-actions\" style=\"justify-content:space-between;\"><button class=\"btn btn-outline\" id=\"prevToStep1\"><i class=\"fas fa-arrow-left\"><\/i> Back<\/button><button class=\"btn btn-primary\" id=\"nextToStep3\">Next <i class=\"fas fa-arrow-right\"><\/i><\/button><\/div><\/div><div class=\"wizard-step\" id=\"step3\"><h3 style=\"color:var(--text-primary);\">Step 3: Portfolio (optional)<\/h3><p style=\"color:var(--text-secondary);\">Add links to your work<\/p><div class=\"portfolio-preview\" id=\"portfolioList\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;\"><div class=\"portfolio-item add-portfolio\" style=\"background:var(--dark-3);border-radius:16px;padding:20px;text-align:center;border:1px dashed var(--border);cursor:pointer;color:var(--text-secondary);\"><i class=\"fas fa-plus-circle\" style=\"font-size:32px;\"><\/i><br>Add Item<\/div><\/div><div style=\"margin:24px 0;\"><label style=\"color:var(--text-secondary);\">GitHub \/ Behance \/ Personal website<\/label><input type=\"url\" class=\"post-input\" id=\"freelancerPortfolioUrl\" placeholder=\"https:\/\/...\" style=\"min-height:auto;\"><\/div><div class=\"post-actions\" style=\"justify-content:space-between;\"><button class=\"btn btn-outline\" id=\"prevToStep2\"><i class=\"fas fa-arrow-left\"><\/i> Back<\/button><button class=\"btn btn-primary\" id=\"nextToStep4\">Next <i class=\"fas fa-arrow-right\"><\/i><\/button><\/div><\/div><div class=\"wizard-step\" id=\"step4\"><h3 style=\"color:var(--text-primary);\">Step 4: Review & Submit<\/h3><div class=\"glass-card\" style=\"padding:24px; margin:24px 0;\" id=\"reviewCard\"><\/div><div class=\"post-actions\" style=\"justify-content:space-between;\"><button class=\"btn btn-outline\" id=\"prevToStep3\"><i class=\"fas fa-arrow-left\"><\/i> Back<\/button><button class=\"btn btn-success\" id=\"submitFreelancerApp\"><i class=\"fas fa-check-circle\"><\/i> Submit Application<\/button><\/div><\/div><\/div><\/div><\/div>\n    <div class=\"page\" id=\"page-become-job\"><div class=\"page-card\"><h2 style=\"color:var(--text-primary);\"><i class=\"fas fa-briefcase\"><\/i> Post a Job<\/h2><p style=\"color:var(--text-secondary);\">Hire talent from the metaverse.<\/p><div class=\"job-form\"><div style=\"margin-bottom:20px;\"><label style=\"color:var(--text-secondary);\">Job Title *<\/label><input type=\"text\" id=\"jobTitle\" class=\"post-input\" style=\"min-height:auto;\" placeholder=\"e.g., Senior Blockchain Developer\"><\/div><div style=\"margin-bottom:20px;\"><label style=\"color:var(--text-secondary);\">Category *<\/label><select id=\"jobCategory\" class=\"post-input\" style=\"min-height:auto;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:12px;\"><option value=\"Development\">Development<\/option><option value=\"Design\">Design<\/option><option value=\"Marketing\">Marketing<\/option><option value=\"Writing\">Writing<\/option><option value=\"AI\">AI & Machine Learning<\/option><option value=\"Other\">Other<\/option><\/select><\/div><div style=\"margin-bottom:20px;\"><label style=\"color:var(--text-secondary);\">Description *<\/label><textarea id=\"jobDescription\" class=\"post-input\" rows=\"5\" placeholder=\"Describe the job requirements...\"><\/textarea><\/div><div class=\"form-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;\"><div><label style=\"color:var(--text-secondary);\">Budget (min $) *<\/label><input type=\"number\" id=\"jobBudgetMin\" class=\"post-input\" style=\"min-height:auto;\" min=\"50\" value=\"500\"><\/div><div><label style=\"color:var(--text-secondary);\">Budget (max $) *<\/label><input type=\"number\" id=\"jobBudgetMax\" class=\"post-input\" style=\"min-height:auto;\" min=\"50\" value=\"2000\"><\/div><\/div><div style=\"margin:20px 0;\"><label style=\"color:var(--text-secondary);\">Duration<\/label><select id=\"jobDuration\" class=\"post-input\" style=\"min-height:auto;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:12px;\"><option value=\"Less than 1 week\">Less than 1 week<\/option><option value=\"1-4 weeks\">1-4 weeks<\/option><option value=\"1-3 months\">1-3 months<\/option><option value=\"3-6 months\">3-6 months<\/option><option value=\"Ongoing\">Ongoing<\/option><\/select><\/div><div style=\"margin:20px 0;\"><label style=\"color:var(--text-secondary);\">Required Skills (select at least 1)<\/label><div id=\"jobSkillsContainer\" style=\"margin-top:10px;\"><\/div><\/div><div style=\"margin:20px 0;\"><label style=\"color:var(--text-secondary);\">Experience Level<\/label><select id=\"jobLevel\" class=\"post-input\" style=\"min-height:auto;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:12px;\"><option value=\"Entry\">Entry<\/option><option value=\"Intermediate\">Intermediate<\/option><option value=\"Expert\">Expert<\/option><\/select><\/div><div style=\"background:rgba(245,158,11,0.1); border-left:4px solid var(--warning); padding:16px; border-radius:12px; margin:20px 0; color:var(--text-secondary);\"><i class=\"fas fa-info-circle\"><\/i> <strong>Platform fee:<\/strong> A 10% commission will be deducted.<\/div><div style=\"margin:20px 0;\"><label style=\"display:flex; align-items:center; gap:12px; color:var(--text-secondary);\"><input type=\"checkbox\" id=\"jobTerms\"> I agree to the <a href=\"#\" data-page=\"terms\" style=\"color:var(--primary);\">Terms of Service<\/a> and platform fee.<\/label><\/div><div class=\"post-actions\"><button class=\"btn btn-primary\" id=\"submitJobBtn\"><i class=\"fas fa-paper-plane\"><\/i> Post Job<\/button><button class=\"btn btn-outline\" onclick=\"showPage('jobs')\">Cancel<\/button><\/div><\/div><\/div><\/div>\n  <\/div>\n\n  <footer class=\"footer\">\n    <div class=\"footer-links\">\n      <a href=\"#\" data-page=\"about\">About<\/a>\n      <a href=\"#\" data-page=\"contact\">Contact<\/a>\n      <a href=\"#\" data-page=\"disclaimer\">Disclaimer<\/a>\n      <a href=\"#\" data-page=\"cookie\">Cookie<\/a>\n      <a href=\"#\" data-page=\"privacy\">Privacy<\/a>\n      <a href=\"#\" data-page=\"terms\">Terms<\/a>\n      <a href=\"#\" data-page=\"affiliate\">Affiliate<\/a>\n      <a href=\"#\" data-page=\"investor\">Investors<\/a>\n      <a href=\"#\" data-page=\"partnerships\">Partners<\/a>\n      <a href=\"#\" data-page=\"events\">Events<\/a>\n      <a href=\"#\" data-page=\"signin\">Sign In<\/a>\n      <a href=\"#\" data-page=\"signup\">Sign Up<\/a>\n      <a href=\"#\" data-page=\"become-job\">Post a Job<\/a>\n      <a href=\"#\" data-page=\"become-freelancer\">Become Freelancer<\/a>\n    <\/div>\n    <div class=\"footer-actions\">\n      <button class=\"footer-action-btn\" id=\"footerCopyApiKey\"><i class=\"fas fa-key\"><\/i> Copy API Key<\/button>\n      <button class=\"footer-action-btn\" id=\"footerShareAccount\"><i class=\"fas fa-share-alt\"><\/i> Share Account<\/button>\n      <a href=\"#\" id=\"footerLogoutLink\" style=\"color:var(--danger); display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:30px; font-size:12px; font-weight:600; border:1px solid var(--border); background:var(--input-bg); text-decoration:none; transition:0.2s;\"><i class=\"fas fa-sign-out-alt\"><\/i> Logout<\/a>\n    <\/div>\n    <div class=\"footer-badges\" style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;\">\n      <span class=\"badge\" id=\"usersBadge\">20M+ Users<\/span>\n      <span class=\"badge\" id=\"verifiedBadge\">100K+ Verified<\/span>\n      <span class=\"badge\">Beta v3.0<\/span>\n      <span class=\"badge\">AI Powered<\/span>\n      <span class=\"badge\">Secure<\/span>\n    <\/div>\n    <div class=\"footer-copyright\">\n      \u00a9 2026 Metaverse Social Network. All rights reserved. | Platform for the Metaverse<br>\n      AI moderation blocks violence, hate, adult content. Sponsored posts rotate every 5 min, last 7 days.<br>\n      Messages auto\u2011delete after 24h. Non\u2011sponsored posts auto\u2011delete after 24h.\n    <\/div>\n  <\/footer>\n<\/div>\n\n<!-- Payment Modal -->\n<div class=\"modal\" id=\"paymentModal\">\n  <div class=\"modal-content\">\n    <h2 style=\"color:var(--text-primary);\">Verify your profile<\/h2>\n    <p style=\"color:var(--text-secondary);\">Choose a plan:<\/p>\n    <div style=\"display:flex; gap:10px; margin:20px 0; flex-wrap:wrap;\">\n      <button class=\"btn btn-outline\" data-plan=\"1\">1 month - $10<\/button>\n      <button class=\"btn btn-outline\" data-plan=\"6\">6 months - $50<\/button>\n      <button class=\"btn btn-outline\" data-plan=\"12\">1 year - $100<\/button>\n    <\/div>\n    <p style=\"color:var(--text-secondary);\">Payment method:<\/p>\n    <div style=\"display:flex; gap:10px; margin:20px 0; flex-wrap:wrap;\">\n      <button class=\"btn btn-outline\" data-payment=\"visa\">Visa<\/button>\n      <button class=\"btn btn-outline\" data-payment=\"mastercard\">MasterCard<\/button>\n      <button class=\"btn btn-outline\" data-payment=\"payoneer\">Payoneer<\/button>\n    <\/div>\n    <button class=\"btn btn-primary\" id=\"confirmPayment\">Confirm Payment<\/button>\n    <button class=\"btn btn-outline\" id=\"closePaymentModal\">Cancel<\/button>\n  <\/div>\n<\/div>\n\n<div id=\"toastContainer\"><\/div>\n<\/div><\/div><\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages\/22032","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=22032"}],"version-history":[{"count":9,"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages\/22032\/revisions"}],"predecessor-version":[{"id":22043,"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/pages\/22032\/revisions\/22043"}],"wp:attachment":[{"href":"https:\/\/marketplace-marketplace.com\/index.php\/wp-json\/wp\/v2\/media?parent=22032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}