{"id":20,"date":"2026-04-22T20:25:58","date_gmt":"2026-04-22T20:25:58","guid":{"rendered":"https:\/\/swgplugins.com\/?page_id=20"},"modified":"2026-04-22T20:25:58","modified_gmt":"2026-04-22T20:25:58","slug":"join","status":"publish","type":"page","link":"https:\/\/swgplugins.com\/?page_id=20","title":{"rendered":"Join RAIN Village"},"content":{"rendered":"\n<div class=\"rain-onboarding\" id=\"rain-onboarding\">\n\n    <!-- Progress bar -->\n    <div class=\"rain-ob-progress\">\n        <div class=\"rain-ob-progress__bar\" id=\"rain-ob-progress-bar\" style=\"width:16.66%;\"><\/div>\n    <\/div>\n    <div class=\"rain-ob-step-indicator\" id=\"rain-ob-step-label\">\n        Step 1 of 6    <\/div>\n\n    <!-- Notice area -->\n    <div id=\"rain-ob-notice\" class=\"rain-notice\" style=\"display:none;\"><\/div>\n\n    <!-- ================================================================\n         STEP 1: Residency Selection\n         ================================================================ -->\n    <div class=\"rain-ob-step\" data-step=\"1\">\n        <div class=\"rain-ob-step__header\">\n            <h1>Where are you currently residing?<\/h1>\n        <\/div>\n\n        <div class=\"rain-ob-cards rain-ob-cards--two\">\n            <button type=\"button\" class=\"rain-ob-card\" data-residency=\"ph\">\n                <div class=\"rain-ob-card__icon\">\ud83c\uddf5\ud83c\udded<\/div>\n                <div class=\"rain-ob-card__title\">In the Philippines<\/div>\n                <div class=\"rain-ob-card__desc\">For Filipinos living inside the country<\/div>\n            <\/button>\n\n            <button type=\"button\" class=\"rain-ob-card\" data-residency=\"overseas\">\n                <div class=\"rain-ob-card__icon\">\ud83c\udf0d<\/div>\n                <div class=\"rain-ob-card__title\">Outside the Philippines<\/div>\n                <div class=\"rain-ob-card__desc\">For Filipinos &amp; foreigners abroad<\/div>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ================================================================\n         STEP 2: User Type Selection\n         ================================================================ -->\n    <div class=\"rain-ob-step rain-hidden\" data-step=\"2\">\n        <button type=\"button\" class=\"rain-ob-back\" id=\"rain-ob-back-2\">&larr; Back<\/button>\n        <div class=\"rain-ob-step__header\">\n            <h1>Which best describes you?<\/h1>\n        <\/div>\n\n        <!-- PH user types -->\n        <div class=\"rain-ob-cards rain-ob-cards--three rain-ob-types\" id=\"rain-ob-types-ph\" style=\"display:none;\">\n            <button type=\"button\" class=\"rain-ob-card\" data-track=\"ph_local\">\n                <div class=\"rain-ob-card__icon\">\ud83d\udc64<\/div>\n                <div class=\"rain-ob-card__title\">Filipino Citizen<\/div>\n            <\/button>\n            <button type=\"button\" class=\"rain-ob-card\" data-track=\"ph_expat\">\n                <div class=\"rain-ob-card__icon\">\ud83c\udfe2<\/div>\n                <div class=\"rain-ob-card__title\">Community Organization<\/div>\n            <\/button>\n            <button type=\"button\" class=\"rain-ob-card\" data-track=\"overseas_investor\">\n                <div class=\"rain-ob-card__icon\">\ud83d\udcbc<\/div>\n                <div class=\"rain-ob-card__title\">Foreign Investor<\/div>\n            <\/button>\n        <\/div>\n\n        <!-- Overseas user types -->\n        <div class=\"rain-ob-cards rain-ob-cards--three rain-ob-types\" id=\"rain-ob-types-overseas\" style=\"display:none;\">\n            <button type=\"button\" class=\"rain-ob-card\" data-track=\"overseas_investor\">\n                <div class=\"rain-ob-card__icon\">\ud83c\uddf5\ud83c\udded<\/div>\n                <div class=\"rain-ob-card__title\">Filipino Abroad<\/div>\n            <\/button>\n            <button type=\"button\" class=\"rain-ob-card\" data-track=\"overseas_government\">\n                <div class=\"rain-ob-card__icon\">\ud83c\udfdb\ufe0f<\/div>\n                <div class=\"rain-ob-card__title\">Government Institution<\/div>\n            <\/button>\n            <button type=\"button\" class=\"rain-ob-card\" data-track=\"overseas_government\">\n                <div class=\"rain-ob-card__icon\">\ud83e\udd1d<\/div>\n                <div class=\"rain-ob-card__title\">NGO \/ Foundation<\/div>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ================================================================\n         STEP 3: Pathway Explanation\n         ================================================================ -->\n    <div class=\"rain-ob-step rain-hidden\" data-step=\"3\">\n        <button type=\"button\" class=\"rain-ob-back\" id=\"rain-ob-back-3\">&larr; Back<\/button>\n        <div class=\"rain-ob-welcome\">\n            <h1>Welcome to RAIN Village<\/h1>\n            <ul class=\"rain-ob-welcome__list\">\n                <li>Access opportunities<\/li>\n                <li>Connect with projects<\/li>\n                <li>Grow with verified partners<\/li>\n                <li>Secure &amp; transparent process<\/li>\n            <\/ul>\n            <button type=\"button\" class=\"rain-btn rain-btn--cta rain-btn--lg\" id=\"rain-ob-continue-3\">\n                Continue            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ================================================================\n         STEP 4: Create Account\n         ================================================================ -->\n    <div class=\"rain-ob-step rain-hidden\" data-step=\"4\">\n        <button type=\"button\" class=\"rain-ob-back\" id=\"rain-ob-back-4\">&larr; Back<\/button>\n        <div class=\"rain-ob-step__header\">\n            <h1>Create Your Account<\/h1>\n        <\/div>\n\n        <form class=\"rain-form\" id=\"rain-ob-account-form\" novalidate>\n            <div class=\"rain-form__field\">\n                <label class=\"rain-form__label\">Full Name <span class=\"rain-required\">*<\/span><\/label>\n                <input type=\"text\" name=\"full_name\" class=\"rain-form__input\" id=\"rain-ob-full-name\" placeholder=\"Juan Dela Cruz\" required>\n            <\/div>\n\n            <div class=\"rain-form__field\">\n                <label class=\"rain-form__label\">Email Address <span class=\"rain-required\">*<\/span><\/label>\n                <input type=\"email\" name=\"email\" class=\"rain-form__input\" id=\"rain-ob-email\" placeholder=\"juan@email.com\" required>\n            <\/div>\n\n            <div class=\"rain-form__field\">\n                <label class=\"rain-form__label\">Phone Number<\/label>\n                <input type=\"tel\" name=\"phone\" class=\"rain-form__input\" id=\"rain-ob-phone\" placeholder=\"+63 9XX XXX XXXX\">\n            <\/div>\n\n            <button type=\"submit\" class=\"rain-btn rain-btn--cta rain-btn--full\" id=\"rain-ob-send-otp\">\n                Send Verification Code            <\/button>\n        <\/form>\n    <\/div>\n\n    <!-- ================================================================\n         STEP 5: Verify OTP\n         ================================================================ -->\n    <div class=\"rain-ob-step rain-hidden\" data-step=\"5\">\n        <button type=\"button\" class=\"rain-ob-back\" id=\"rain-ob-back-5\">&larr; Back<\/button>\n        <div class=\"rain-ob-step__header rain-ob-step__header--center\">\n            <div class=\"rain-ob-verify-icon\">&#10004;<\/div>\n            <h1>Enter the 6-digit code<\/h1>\n            <p class=\"rain-ob-verify-sub\" id=\"rain-ob-verify-sub\">sent to your email<\/p>\n        <\/div>\n\n        <form class=\"rain-form rain-ob-otp-form\" id=\"rain-ob-otp-form\" novalidate>\n            <div class=\"rain-ob-otp-inputs\">\n                <input type=\"text\" maxlength=\"1\" class=\"rain-ob-otp-digit\" data-idx=\"0\" inputmode=\"numeric\" autocomplete=\"one-time-code\">\n                <input type=\"text\" maxlength=\"1\" class=\"rain-ob-otp-digit\" data-idx=\"1\" inputmode=\"numeric\">\n                <input type=\"text\" maxlength=\"1\" class=\"rain-ob-otp-digit\" data-idx=\"2\" inputmode=\"numeric\">\n                <input type=\"text\" maxlength=\"1\" class=\"rain-ob-otp-digit\" data-idx=\"3\" inputmode=\"numeric\">\n                <input type=\"text\" maxlength=\"1\" class=\"rain-ob-otp-digit\" data-idx=\"4\" inputmode=\"numeric\">\n                <input type=\"text\" maxlength=\"1\" class=\"rain-ob-otp-digit\" data-idx=\"5\" inputmode=\"numeric\">\n            <\/div>\n\n            <button type=\"submit\" class=\"rain-btn rain-btn--primary rain-btn--full\" id=\"rain-ob-verify-btn\">\n                Verify            <\/button>\n\n            <p class=\"rain-ob-resend\">\n                <button type=\"button\" class=\"rain-btn--link\" id=\"rain-ob-resend\" disabled>\n                    Resend code (<span id=\"rain-ob-resend-timer\">60<\/span>)\n                <\/button>\n            <\/p>\n        <\/form>\n    <\/div>\n\n    <!-- ================================================================\n         STEP 6: Opportunity Profile\n         ================================================================ -->\n    <div class=\"rain-ob-step rain-hidden\" data-step=\"6\">\n        <div class=\"rain-ob-step__header\">\n            <h1>Tell us about your skills and interests<\/h1>\n            <p class=\"rain-ob-step__subtitle\">This helps us match you with the right opportunities.<\/p>\n        <\/div>\n\n        <form class=\"rain-form\" id=\"rain-ob-profile-form\" novalidate>\n            <div class=\"rain-form__field\">\n                <label class=\"rain-form__label\">Skills &amp; Experience<\/label>\n                <textarea name=\"skills\" class=\"rain-form__textarea\" id=\"rain-ob-skills\" rows=\"3\" placeholder=\"e.g. farming, teaching, carpentry, nursing...\"><\/textarea>\n            <\/div>\n\n            <div class=\"rain-form__field\">\n                <label class=\"rain-form__label\">Needs \/ Interests<\/label>\n                <select name=\"interest_area\" class=\"rain-form__select\" id=\"rain-ob-interest\">\n                    <option value=\"\">\u2014 Select \u2014<\/option>\n                    <option value=\"community_development\">Community Development<\/option>\n                    <option value=\"livelihood\">Livelihood<\/option>\n                    <option value=\"education\">Education<\/option>\n                    <option value=\"health\">Health<\/option>\n                    <option value=\"environment\">Environment<\/option>\n                    <option value=\"investment\">Investment<\/option>\n                    <option value=\"technology\">Technology<\/option>\n                    <option value=\"governance\">Governance<\/option>\n                    <option value=\"other\">Other<\/option>\n                <\/select>\n            <\/div>\n\n            \n    <div class=\"rain-form__group\">\n        <label class=\"rain-form__label\" for=\"rain-ob-province\">Province<\/label>\n        <select id=\"rain-ob-province\" class=\"rain-form__input\" >\n            <option value=\"\">\u2014 Select Province \u2014<\/option>\n        <\/select>\n    <\/div>\n    <div class=\"rain-form__group\">\n        <label class=\"rain-form__label\" for=\"rain-ob-municipality\">City \/ Municipality<\/label>\n        <select id=\"rain-ob-municipality\" class=\"rain-form__input\" disabled>\n            <option value=\"\">\u2014 Select City \/ Municipality \u2014<\/option>\n        <\/select>\n    <\/div>\n    <div class=\"rain-form__group\">\n        <label class=\"rain-form__label\" for=\"rain-ob-barangay\">Barangay<\/label>\n        <select id=\"rain-ob-barangay\" class=\"rain-form__input\" disabled>\n            <option value=\"\">\u2014 Select Barangay \u2014<\/option>\n        <\/select>\n    <\/div>\n\n            <div class=\"rain-form__group\">\n                <label class=\"rain-form__label\">Availability<\/label>\n                <select name=\"availability\" class=\"rain-form__select\" id=\"rain-ob-availability\">\n                    <option value=\"\">\u2014 Select \u2014<\/option>\n                    <option value=\"full_time\">Full-time<\/option>\n                    <option value=\"part_time\">Part-time<\/option>\n                    <option value=\"weekends\">Weekends only<\/option>\n                    <option value=\"flexible\">Flexible<\/option>\n                <\/select>\n            <\/div>\n\n            <button type=\"submit\" class=\"rain-btn rain-btn--cta rain-btn--full rain-btn--lg\" id=\"rain-ob-complete\">\n                Complete Profile            <\/button>\n        <\/form>\n    <\/div>\n\n    <!-- ================================================================\n         SUCCESS: Application Submitted\n         ================================================================ -->\n    <div class=\"rain-ob-step rain-hidden\" data-step=\"done\">\n        <div class=\"rain-ob-success\">\n            <div class=\"rain-ob-success__icon\">&#10004;<\/div>\n            <h1>Application Submitted!<\/h1>\n            <p>Thank you for joining RAIN Village. Your application has been received and is being reviewed. You will receive an email when your application is processed.<\/p>\n                        <a href=\"https:\/\/swgplugins.com\/?page_id=21\" class=\"rain-btn rain-btn--cta rain-btn--lg\">\n                Go to Dashboard            <\/a>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/swgplugins.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swgplugins.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swgplugins.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swgplugins.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swgplugins.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":0,"href":"https:\/\/swgplugins.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"wp:attachment":[{"href":"https:\/\/swgplugins.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}