{"id":9,"date":"2026-06-11T19:05:22","date_gmt":"2026-06-11T19:05:22","guid":{"rendered":"https:\/\/bdnature.com\/?page_id=9"},"modified":"2026-06-11T19:05:22","modified_gmt":"2026-06-11T19:05:22","slug":"my-account","status":"publish","type":"page","link":"https:\/\/bdnature.com\/?page_id=9","title":{"rendered":"My account"},"content":{"rendered":"<div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div>\n<div class=\"xlorin-login-page py-12 bg-[#F8F9FA]\">\n    <div class=\"container mx-auto px-4\">\n\n        \n        <!-- Main Card Wrapper (Ghorer Bazar Style) -->\n        <div class=\"bg-white shadow-[0_4px_25px_rgba(0,0,0,0.05)] rounded-[20px] p-6 md:p-10 max-w-lg w-full mx-auto\">\n\n            <!-- Card Header -->\n            <div class=\"flex items-center justify-center gap-4 mb-8 border-b border-gray-100 pb-6\">\n                <!-- Brand Colored Icon Box -->\n                <div class=\"flex items-center justify-center w-14 h-14 bg-secondary text-white rounded-2xl flex-shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"\n                         stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n                        <path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"text-left\">\n                    <h1 class=\"text-[22px] font-bold text-slate-800 leading-tight\">\n                        My Account                    <\/h1>\n                    <p class=\"text-sm text-gray-400 mt-0.5\">\n                        Sign in to your account                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Two Columns (Login & Register side-by-side) -->\n            <div class=\"flex flex-col  items-stretch gap-6 md:gap-8\">\n\n                <!-- LEFT: Login with Email -->\n                <div class=\"xlorin-panel flex-1 bg-[#F8F9FA] rounded-[15px] p-6 md:p-8 flex flex-col justify-between\">\n                    <div>\n                        <h3 class=\"text-sm font-bold text-slate-700 mb-4 block\">\n                            Login With Credentials                        <\/h3>\n\n                        <form class=\"woocommerce-form woocommerce-form-login login\" method=\"post\" novalidate>\n                            \n                            <!-- Email Input -->\n                            <div class=\"xlorin-field mb-4\">\n                                <span class=\"xlorin-field-icon\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                         stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/>\n                                        <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\n                                    <\/svg>\n                                <\/span>\n                                <input\n                                    type=\"email\"\n                                    class=\"woocommerce-Input woocommerce-Input--text input-text xlorin-field-input\"\n                                    name=\"username\" id=\"username\"\n                                    autocomplete=\"username\"\n                                    placeholder=\"Email Address\"\n                                    value=\"\"\n                                    required aria-required=\"true\"\n                                \/>\n                            <\/div>\n\n                            <!-- Password -->\n                            <div class=\"xlorin-field mb-4\">\n                                <span class=\"xlorin-field-icon\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                         stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/>\n                                        <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n                                    <\/svg>\n                                <\/span>\n                                <input\n                                    class=\"woocommerce-Input woocommerce-Input--text input-text xlorin-field-input\"\n                                    type=\"password\" name=\"password\" id=\"password\"\n                                    autocomplete=\"current-password\"\n                                    placeholder=\"Password\"\n                                    required aria-required=\"true\"\n                                \/>\n                                <button type=\"button\" class=\"xlorin-eye-btn\" id=\"xlorin-pw-toggle\" tabindex=\"-1\" aria-label=\"Show\/hide password\">\n                                    <svg id=\"eye-show\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"\n                                         fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                    <svg id=\"eye-hide\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"\n                                         fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                         style=\"display:none\">\n                                        <path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\"\/>\n                                        <path d=\"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\"\/>\n                                        <path d=\"M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\"\/>\n                                        <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\"\/>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n\n                            \n                            <!-- Remember + Forgot -->\n                            <div class=\"flex items-center justify-between mb-5 flex-wrap gap-2\">\n                                <label class=\"woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme flex items-center gap-2 text-xs text-gray-500 cursor-pointer select-none\">\n                                    <input class=\"woocommerce-form__input woocommerce-form__input-checkbox\"\n                                           name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>\n                                    <span>Remember me<\/span>\n                                <\/label>\n                                <a href=\"https:\/\/bdnature.com\/?page_id=9&#038;lost-password\"\n                                   class=\"text-xs text-secondary font-semibold hover:underline\">\n                                    Forgotten password?                                <\/a>\n                            <\/div>\n\n                            <input type=\"hidden\" id=\"woocommerce-login-nonce\" name=\"woocommerce-login-nonce\" value=\"83d833f49d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F9\" \/>\n                            <button type=\"submit\"\n                                class=\"woocommerce-button button woocommerce-form-login__submit w-full bg-secondary text-white font-bold py-3.5 rounded-xl text-sm transition-all hover:opacity-90 shadow-sm uppercase tracking-wide\"\n                                name=\"login\" value=\"Log in\">\n                                Login                            <\/button>\n\n                                                    <\/form>\n                    <\/div>\n                <\/div>\n\n                \n            <\/div>\n\n        <\/div><!-- \/card -->\n\n    <\/div><!-- \/container -->\n<\/div><!-- \/xlorin-login-page -->\n\n\n<style>\n\/* \u2500\u2500 Login page \u2500\u2500 *\/\n.xlorin-login-page {\n    background: #f8f9fa !important;\n    min-height: 75vh;\n}\n\n\/* OR separator *\/\n.xlorin-or-sep {\n    min-width: 36px;\n    align-self: center;\n}\n.xlorin-or-line {\n    background: #e5e7eb;\n    height: 1px;\n    width: 100%;\n}\n@media (min-width: 768px) {\n    .xlorin-or-line { width: 1px; height: 260px; }\n}\n.xlorin-or-circle {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: #fff;\n    border: 1.5px solid #e5e7eb;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 700;\n    color: #9ca3af;\n    flex-shrink: 0;\n}\n\n\/* Input with icon *\/\n.xlorin-field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.xlorin-field-icon {\n    position: absolute;\n    left: 14px;\n    color: #9ca3af;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n    z-index: 1;\n}\n.xlorin-field-input {\n    width: 100% !important;\n    padding: 12px 14px 12px 42px !important;\n    border: 1.5px solid #e5e7eb !important;\n    border-radius: 12px !important;\n    background: #ffffff !important;\n    font-size: 14px !important;\n    color: #374151 !important;\n    outline: none !important;\n    transition: all 0.2s !important;\n    box-sizing: border-box !important;\n}\n.xlorin-field-input:focus {\n    border-color: var(--color-secondary, #F7A501) !important;\n    box-shadow: 0 0 0 3px rgba(247, 165, 1, 0.1) !important;\n}\n.xlorin-field-input::placeholder {\n    color: #b0b7c3;\n    font-size: 13px;\n}\n\n\/* Password eye toggle *\/\n.xlorin-eye-btn {\n    position: absolute;\n    right: 14px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    color: #9ca3af;\n    display: flex;\n    align-items: center;\n    transition: color 0.2s;\n}\n.xlorin-eye-btn:hover { color: var(--color-secondary, #F7A501); }\n\n\/* Force orange\/primary color on all form buttons inside xlorin-login-page to override default WooCommerce pale gray styling *\/\n.xlorin-login-page .button {\n    background-color: var(--color-secondary, #F7A501) !important;\n    color: #ffffff !important;\n    border: none !important;\n    border-radius: 12px !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    transition: all 0.2s ease !important;\n    padding: 12px 24px !important;\n    min-height: 48px !important;\n    cursor: pointer !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n.xlorin-login-page .button:hover {\n    background-color: var(--color-secondary, #F7A501) !important;\n    filter: brightness(90%) !important;\n    color: #ffffff !important;\n}\n.xlorin-login-page .button:active {\n    filter: brightness(80%) !important;\n}\n\n\/* Specific registration button should use primary color (green) *\/\n.xlorin-login-page .woocommerce-form-register__submit {\n    background-color: var(--color-primary, #1E5D02) !important;\n}\n.xlorin-login-page .woocommerce-form-register__submit:hover {\n    background-color: var(--color-primary, #1E5D02) !important;\n}\n\n\/* Remember checkbox *\/\n.woocommerce-form-login__rememberme input[type=\"checkbox\"] {\n    accent-color: var(--color-secondary, #F7A501);\n    width: 14px !important;\n    height: 14px !important;\n    padding: 0 !important;\n}\n<\/style>\n\n<script>\n(function () {\n    \/\/ \u2500\u2500 Toggle password visibility \u2500\u2500\n    var pw      = document.getElementById('password');\n    var toggle  = document.getElementById('xlorin-pw-toggle');\n    var eyeShow = document.getElementById('eye-show');\n    var eyeHide = document.getElementById('eye-hide');\n    if (toggle && pw) {\n        toggle.addEventListener('click', function () {\n            if (pw.type === 'password') {\n                pw.type = 'text';\n                eyeShow.style.display = 'none';\n                eyeHide.style.display = '';\n            } else {\n                pw.type = 'password';\n                eyeShow.style.display = '';\n                eyeHide.style.display = 'none';\n            }\n        });\n    }\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdnature.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdnature.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdnature.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdnature.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdnature.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":0,"href":"https:\/\/bdnature.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdnature.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}