{"id":17,"date":"2026-02-16T09:14:44","date_gmt":"2026-02-16T09:14:44","guid":{"rendered":"https:\/\/www.pluginstacks.com\/?p=17"},"modified":"2026-02-16T09:15:12","modified_gmt":"2026-02-16T09:15:12","slug":"couple","status":"publish","type":"post","link":"https:\/\/www.pluginstacks.com\/index.php\/2026\/02\/16\/couple\/","title":{"rendered":"couple"},"content":{"rendered":"\n<div class=\"ccc-frontend-wrapper\">\n    <div class=\"ccc-frontend-header\">\n        <h2>\ud83d\udc95 Couple Compatibility Calculator<\/h2>\n        <p>Discover your compatibility score! Fill in the information below to calculate your match score (max 100 points).<\/p>\n    <\/div>\n    \n    <!-- Same form structure as admin page but with frontend classes -->\n    <form id=\"ccc-frontend-form\" class=\"ccc-form\">\n        <div class=\"ccc-persons-container\">\n            <!-- Person 1 -->\n            <div class=\"ccc-person-box\">\n                <h3>\ud83d\udc64 Person 1<\/h3>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Name<\/label>\n                    <input type=\"text\" name=\"person1[name]\" placeholder=\"Enter name\" required>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Hobbies & Interests (Select multiple)<\/label>\n                    <select name=\"person1[hobbies][]\" multiple size=\"6\" required>\n                        <option value=\"reading\">Reading<\/option>\n                        <option value=\"sports\">Sports & Fitness<\/option>\n                        <option value=\"music\">Music<\/option>\n                        <option value=\"travel\">Travel<\/option>\n                        <option value=\"cooking\">Cooking\/Baking<\/option>\n                        <option value=\"gaming\">Gaming<\/option>\n                        <option value=\"art\">Arts & Crafts<\/option>\n                        <option value=\"outdoors\">Outdoor Activities<\/option>\n                        <option value=\"movies\">Movies & TV<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Personality<\/label>\n                    <select name=\"person1[personality]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"introvert\">Introvert<\/option>\n                        <option value=\"extrovert\">Extrovert<\/option>\n                        <option value=\"ambivert\">Ambivert<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Temperament<\/label>\n                    <select name=\"person1[temperament]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"calm\">Calm & Relaxed<\/option>\n                        <option value=\"energetic\">Energetic<\/option>\n                        <option value=\"analytical\">Analytical<\/option>\n                        <option value=\"passionate\">Passionate<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Education<\/label>\n                    <select name=\"person1[education]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"high_school\">High School<\/option>\n                        <option value=\"some_college\">Some College<\/option>\n                        <option value=\"bachelors\">Bachelor's Degree<\/option>\n                        <option value=\"masters\">Master's Degree<\/option>\n                        <option value=\"doctorate\">Doctorate<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Activity Level<\/label>\n                    <select name=\"person1[lifestyle_active]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"low\">Low<\/option>\n                        <option value=\"moderate\">Moderate<\/option>\n                        <option value=\"high\">High<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Social Preference<\/label>\n                    <select name=\"person1[lifestyle_social]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"prefer_home\">Prefer Home<\/option>\n                        <option value=\"moderate\">Moderate<\/option>\n                        <option value=\"very_social\">Very Social<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Life Values (Select multiple)<\/label>\n                    <select name=\"person1[values][]\" multiple size=\"5\" required>\n                        <option value=\"family\">Family<\/option>\n                        <option value=\"career\">Career<\/option>\n                        <option value=\"adventure\">Adventure<\/option>\n                        <option value=\"financial\">Financial Stability<\/option>\n                        <option value=\"spiritual\">Spirituality<\/option>\n                        <option value=\"health\">Health<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Communication Style<\/label>\n                    <select name=\"person1[communication]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"direct\">Direct<\/option>\n                        <option value=\"diplomatic\">Diplomatic<\/option>\n                        <option value=\"reserved\">Reserved<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            \n            <!-- Person 2 (duplicate structure) -->\n            <div class=\"ccc-person-box\">\n                <h3>\ud83d\udc64 Person 2<\/h3>\n                \n                <!-- Repeat all fields for person2 -->\n                <div class=\"ccc-field-group\">\n                    <label>Name<\/label>\n                    <input type=\"text\" name=\"person2[name]\" placeholder=\"Enter name\" required>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Hobbies & Interests<\/label>\n                    <select name=\"person2[hobbies][]\" multiple size=\"6\" required>\n                        <option value=\"reading\">Reading<\/option>\n                        <option value=\"sports\">Sports & Fitness<\/option>\n                        <option value=\"music\">Music<\/option>\n                        <option value=\"travel\">Travel<\/option>\n                        <option value=\"cooking\">Cooking\/Baking<\/option>\n                        <option value=\"gaming\">Gaming<\/option>\n                        <option value=\"art\">Arts & Crafts<\/option>\n                        <option value=\"outdoors\">Outdoor Activities<\/option>\n                        <option value=\"movies\">Movies & TV<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Personality<\/label>\n                    <select name=\"person2[personality]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"introvert\">Introvert<\/option>\n                        <option value=\"extrovert\">Extrovert<\/option>\n                        <option value=\"ambivert\">Ambivert<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Temperament<\/label>\n                    <select name=\"person2[temperament]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"calm\">Calm & Relaxed<\/option>\n                        <option value=\"energetic\">Energetic<\/option>\n                        <option value=\"analytical\">Analytical<\/option>\n                        <option value=\"passionate\">Passionate<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Education<\/label>\n                    <select name=\"person2[education]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"high_school\">High School<\/option>\n                        <option value=\"some_college\">Some College<\/option>\n                        <option value=\"bachelors\">Bachelor's Degree<\/option>\n                        <option value=\"masters\">Master's Degree<\/option>\n                        <option value=\"doctorate\">Doctorate<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Activity Level<\/label>\n                    <select name=\"person2[lifestyle_active]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"low\">Low<\/option>\n                        <option value=\"moderate\">Moderate<\/option>\n                        <option value=\"high\">High<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Social Preference<\/label>\n                    <select name=\"person2[lifestyle_social]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"prefer_home\">Prefer Home<\/option>\n                        <option value=\"moderate\">Moderate<\/option>\n                        <option value=\"very_social\">Very Social<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Life Values<\/label>\n                    <select name=\"person2[values][]\" multiple size=\"5\" required>\n                        <option value=\"family\">Family<\/option>\n                        <option value=\"career\">Career<\/option>\n                        <option value=\"adventure\">Adventure<\/option>\n                        <option value=\"financial\">Financial Stability<\/option>\n                        <option value=\"spiritual\">Spirituality<\/option>\n                        <option value=\"health\">Health<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"ccc-field-group\">\n                    <label>Communication Style<\/label>\n                    <select name=\"person2[communication]\" required>\n                        <option value=\"\">Select...<\/option>\n                        <option value=\"direct\">Direct<\/option>\n                        <option value=\"diplomatic\">Diplomatic<\/option>\n                        <option value=\"reserved\">Reserved<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"ccc-submit-container\">\n            <button type=\"submit\" class=\"ccc-btn-submit\">\n                <span>\ud83d\udc95<\/span>\n                Calculate Our Compatibility            <\/button>\n        <\/div>\n    <\/form>\n    \n    <div id=\"ccc-frontend-results\" class=\"ccc-results\" style=\"display: none;\">\n        <h3>Your Compatibility Score<\/h3>\n        <div class=\"ccc-score-display\">\n            <div class=\"ccc-score-big\" id=\"ccc-score-number\">0<\/div>\n            <div class=\"ccc-score-label\">\/100<\/div>\n        <\/div>\n        <div class=\"ccc-level-info\">\n            <h4 id=\"ccc-level-title\"><\/h4>\n            <p id=\"ccc-level-desc\"><\/p>\n        <\/div>\n        <div id=\"ccc-breakdown\"><\/div>\n        <div id=\"ccc-recommendations\"><\/div>\n        <button type=\"button\" class=\"ccc-btn-reset\">Calculate Again<\/button>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":3,"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/posts\/17\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/categories?post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pluginstacks.com\/index.php\/wp-json\/wp\/v2\/tags?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}