{
    "id": 23302,
    "date": "2025-04-02T12:16:16",
    "date_gmt": "2025-04-02T12:16:16",
    "guid": {
        "rendered": "https:\/\/line-desk.com\/?page_id=23302"
    },
    "modified": "2025-04-04T13:09:50",
    "modified_gmt": "2025-04-04T13:09:50",
    "slug": "23302-2",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/line-desk.com\/sq\/23302-2\/",
    "title": {
        "rendered": ""
    },
    "content": {
        "rendered": "<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@3.3.2\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            font-family: 'Inter', sans-serif;\n        }\n        .fadeInScale {\n            animation: fadeInScale 0.35s ease-out;\n        }\n        @keyframes fadeInScale {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n        }\n    <\/style>\n\n    <div class=\"text-center my-8\">\n        <button onclick=\"document.getElementById('ldModal').classList.remove('hidden')\" \n                class=\"bg-gradient-to-r from-[#5E5BAE] to-[#847bf2] text-white px-8 py-3 rounded-2xl font-semibold shadow-xl hover:shadow-2xl hover:scale-105 transition-all duration-300\">\n            Try Line Desk for free\n        <\/button>\n    <\/div>\n\n    <div id=\"ldModal\" class=\"hidden fixed inset-0 flex items-center justify-center bg-black bg-opacity-40 z-50\">\n        <div class=\"bg-white p-10 rounded-3xl shadow-2xl w-full max-w-2xl fadeInScale relative\">\n            <button onclick=\"document.getElementById('ldModal').classList.add('hidden')\" \n                    class=\"absolute top-5 right-6 text-gray-400 hover:text-gray-700 text-3xl font-bold\">&times;<\/button>\n                <div class=\"text-center mb-8\">\n        <h2 class=\"text-4xl font-extrabold text-[#5E5BAE] mb-2\">Try Line Desk for free<\/h2>\n        <p class=\"text-base text-gray-600\">Start your 14-day trial. No credit card needed.<\/p>\n    <\/div>\n    <form id=\"linedesk_register_form\" class=\"space-y-6\" action=\"\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <input name=\"firstName\" placeholder=\"First name\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n            <input name=\"lastName\" placeholder=\"Last name\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <\/div>\n        <input name=\"email\" type=\"email\" placeholder=\"Work email\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <input name=\"companyName\" placeholder=\"Company name\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n            <input name=\"phone\" placeholder=\"Phone number\" class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <\/div>\n        <input name=\"password\" type=\"password\" placeholder=\"Password\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <input name=\"confirmPassword\" type=\"password\" placeholder=\"Confirm Password\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <div class=\"flex items-center\">\n            <input type=\"checkbox\" id=\"marketing\" name=\"marketing\" class=\"mr-2\">\n            <label for=\"marketing\" class=\"text-sm text-gray-700\">I would like to receive marketing emails.<\/label>\n        <\/div>\n        <button type=\"submit\" class=\"bg-gradient-to-r from-[#5E5BAE] to-[#847bf2] text-white w-full py-3 rounded-xl font-semibold hover:shadow-2xl hover:scale-105 transition-all duration-300\">\n            Try it free\n        <\/button>\n        <div id=\"response-message\" class=\"text-center text-sm mt-2 text-red-500\"><\/div>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"sq\"\/><\/form>\n    <script>\n        document.getElementById('linedesk_register_form').addEventListener('submit', function (e) {\n            e.preventDefault();\n            const form = this;\n            const payload = {\n                firstName: form.firstName.value.trim(),\n                lastName: form.lastName.value.trim(),\n                email: form.email.value.trim(),\n                companyName: form.companyName.value.trim(),\n                phone: form.phone.value.trim(),\n                password: form.password.value,\n                confirmPassword: form.confirmPassword.value,\n                subscription: 1\n            };\n\n            if (!payload.firstName || !payload.lastName || !payload.email || !payload.companyName || !payload.password || !payload.confirmPassword) {\n                document.getElementById('response-message').innerText = \"Please fill in all required fields.\";\n                return;\n            }\n            if (payload.password !== payload.confirmPassword) {\n                document.getElementById('response-message').innerText = \"Passwords do not match.\";\n                return;\n            }\n\n            fetch('https:\/\/app.line-desk.com\/api\/account\/Register', {\n                method: 'POST',\n                headers: { 'Content-Type': 'application\/json' },\n                body: JSON.stringify(payload),\n            })\n            .then(res => res.json())\n            .then(data => {\n                if (data.token) {\n                    localStorage.setItem(\"token\", data.token);\n                    window.location.href = \"https:\/\/app.line-desk.com\/verify\";\n                } else {\n                    document.getElementById('response-message').innerText = data?.errorMessage || \"Registration failed.\";\n                }\n            })\n            .catch(err => {\n                document.getElementById('response-message').innerText = \"An error occurred.\";\n                console.error(err);\n            });\n        });\n    <\/script>\n            <\/div>\n    <\/div>\n\n    <div class=\"md:hidden px-4\">\n            <div class=\"text-center mb-8\">\n        <h2 class=\"text-4xl font-extrabold text-[#5E5BAE] mb-2\">Try Line Desk for free<\/h2>\n        <p class=\"text-base text-gray-600\">Start your 14-day trial. No credit card needed.<\/p>\n    <\/div>\n    <form id=\"linedesk_register_form\" class=\"space-y-6\" action=\"\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <input name=\"firstName\" placeholder=\"First name\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n            <input name=\"lastName\" placeholder=\"Last name\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <\/div>\n        <input name=\"email\" type=\"email\" placeholder=\"Work email\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <input name=\"companyName\" placeholder=\"Company name\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n            <input name=\"phone\" placeholder=\"Phone number\" class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <\/div>\n        <input name=\"password\" type=\"password\" placeholder=\"Password\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <input name=\"confirmPassword\" type=\"password\" placeholder=\"Confirm Password\" required class=\"border border-gray-300 focus:ring-2 focus:ring-[#5E5BAE] focus:border-[#5E5BAE] p-4 rounded-xl w-full shadow-md transition-all duration-300\" \/>\n        <div class=\"flex items-center\">\n            <input type=\"checkbox\" id=\"marketing\" name=\"marketing\" class=\"mr-2\">\n            <label for=\"marketing\" class=\"text-sm text-gray-700\">I would like to receive marketing emails.<\/label>\n        <\/div>\n        <button type=\"submit\" class=\"bg-gradient-to-r from-[#5E5BAE] to-[#847bf2] text-white w-full py-3 rounded-xl font-semibold hover:shadow-2xl hover:scale-105 transition-all duration-300\">\n            Try it free\n        <\/button>\n        <div id=\"response-message\" class=\"text-center text-sm mt-2 text-red-500\"><\/div>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"sq\"\/><\/form>\n    <script>\n        document.getElementById('linedesk_register_form').addEventListener('submit', function (e) {\n            e.preventDefault();\n            const form = this;\n            const payload = {\n                firstName: form.firstName.value.trim(),\n                lastName: form.lastName.value.trim(),\n                email: form.email.value.trim(),\n                companyName: form.companyName.value.trim(),\n                phone: form.phone.value.trim(),\n                password: form.password.value,\n                confirmPassword: form.confirmPassword.value,\n                subscription: 1\n            };\n\n            if (!payload.firstName || !payload.lastName || !payload.email || !payload.companyName || !payload.password || !payload.confirmPassword) {\n                document.getElementById('response-message').innerText = \"Please fill in all required fields.\";\n                return;\n            }\n            if (payload.password !== payload.confirmPassword) {\n                document.getElementById('response-message').innerText = \"Passwords do not match.\";\n                return;\n            }\n\n            fetch('https:\/\/app.line-desk.com\/api\/account\/Register', {\n                method: 'POST',\n                headers: { 'Content-Type': 'application\/json' },\n                body: JSON.stringify(payload),\n            })\n            .then(res => res.json())\n            .then(data => {\n                if (data.token) {\n                    localStorage.setItem(\"token\", data.token);\n                    window.location.href = \"https:\/\/app.line-desk.com\/verify\";\n                } else {\n                    document.getElementById('response-message').innerText = data?.errorMessage || \"Registration failed.\";\n                }\n            })\n            .catch(err => {\n                document.getElementById('response-message').innerText = \"An error occurred.\";\n                console.error(err);\n            });\n        });\n    <\/script>\n        <\/div>\n    \n\n\n\n<p><\/p>",
        "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-23302",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "_links": {
        "self": [
            {
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/pages\/23302",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/comments?post=23302"
            }
        ],
        "version-history": [
            {
                "count": 0,
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/pages\/23302\/revisions"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/line-desk.com\/sq\/wp-json\/wp\/v2\/media?parent=23302"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}