{"id":782,"date":"2026-08-03T07:53:49","date_gmt":"2026-08-03T07:53:49","guid":{"rendered":"https:\/\/socials.ink\/?page_id=782"},"modified":"2026-08-03T13:21:37","modified_gmt":"2026-08-03T13:21:37","slug":"create","status":"publish","type":"page","link":"https:\/\/socials.ink\/?page_id=782","title":{"rendered":"Create and publish"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"782\" class=\"elementor elementor-782\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eb6c45 e-con e-atomic-element e-flexbox-base e-7a8b678 \" data-id=\"8eb6c45\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8eb6c45\">\n    \t\t<div class=\"elementor-element elementor-element-2f1369b elementor-widget elementor-widget-html\" data-id=\"2f1369b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Create Hero Split Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n============================================================ -->\r\n<section class=\"cr-section\" id=\"crSection\">\r\n  <div class=\"cr-wrap\">\r\n\r\n    <div class=\"cr-content\">\r\n      <p class=\"cr-eyebrow\">Create<\/p>\r\n      <h2 class=\"cr-heading\">Your content scratchpad<br>\u2014 for every client<\/h2>\r\n      <p class=\"cr-text\">Dream up, gather, and polish content ideas for every client in one place \u2014 organized by project, ready to turn into a post.<\/p>\r\n      <a href=\"#\" class=\"cr-cta\">\r\n        <span>Get started for free<\/span>\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Fixed Image Container -->\r\n    <div class=\"cr-imgbox\">\r\n      <img decoding=\"async\" class=\"cr-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/designer-1.png\" alt=\"socials.ink Designer \u2014 organize and polish content ideas\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .cr-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .cr-section *{ box-sizing:border-box; }\r\n\r\n  .cr-wrap{\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1.05fr;\r\n    align-items:center;\r\n    gap:56px;\r\n  }\r\n\r\n  \/* ---------- Left Content ---------- *\/\r\n  .cr-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#fb923c,#f472b6);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .cr-heading{\r\n    margin:0 0 20px;\r\n    font-size:clamp(2rem, 3.6vw, 3rem);\r\n    font-weight:700;\r\n    line-height:1.12;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .cr-text{\r\n    margin:0 0 32px;\r\n    font-size:17px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n    max-width:480px;\r\n  }\r\n  .cr-cta{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 26px;\r\n    border-radius:100px;\r\n    font-size:1rem; font-weight:700; color:#fff;\r\n    background:linear-gradient(120deg,#7c3aed,#3b82f6);\r\n    box-shadow:0 10px 26px rgba(124,58,237,.4);\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .cr-cta svg{ width:20px; height:20px; transition:transform .25s ease; }\r\n  .cr-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 14px 32px rgba(124,58,237,.5); }\r\n  .cr-cta:hover svg{ transform:translateX(4px); }\r\n\r\n  \/* ---------- Right Image Fix ---------- *\/\r\n  .cr-imgbox{\r\n    position:relative;\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    transition:transform .4s ease;\r\n  }\r\n\r\n  .cr-imgbox:hover{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  .cr-imgbox .cr-real-img{\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    display:block !important;\r\n    border-radius:24px;\r\n    \/* Blend mode to smooth out background margins *\/\r\n    mix-blend-mode: lighten;\r\n    filter: contrast(105%) brightness(102%);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .cr-wrap{ grid-template-columns:1fr; gap:40px; }\r\n    .cr-content{ text-align:center; }\r\n    .cr-text{ margin-left:auto; margin-right:auto; }\r\n  }\r\n  @media (max-width:500px){\r\n    .cr-section{ padding:64px 16px; }\r\n    .cr-imgbox{ border-radius:18px; }\r\n    .cr-imgbox .cr-real-img{ border-radius:18px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a8171ec e-con e-atomic-element e-flexbox-base e-3cf95da \" data-id=\"a8171ec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a8171ec\">\n    \t\t<div class=\"elementor-element elementor-element-846e30f elementor-widget elementor-widget-html\" data-id=\"846e30f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     \"Connect your favorite accounts\" Section (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n     Contains all 12 requested platforms:\r\n     LinkedIn, Threads, Pinterest, Bluesky, YouTube, X, Google Business,\r\n     Instagram, TikTok, Facebook, Snapchat, Reddit\r\n============================================================ -->\r\n<section class=\"ca-section\" id=\"caSection\">\r\n  <div class=\"ca-card\">\r\n\r\n    <div class=\"ca-heading-wrap\">\r\n      <h2 class=\"ca-heading\">Connect your<br>favorite accounts<\/h2>\r\n      <span class=\"ca-connector\" aria-hidden=\"true\">\r\n        <span class=\"ca-connector-line\"><\/span>\r\n        <svg viewBox=\"0 0 6 7\" width=\"7\" height=\"8\"><path fill=\"currentColor\" d=\"M5.196 3.5 0 6.5v-6z\"\/><\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <ul class=\"ca-tiles\" id=\"caTiles\">\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#0A66C2;\" title=\"LinkedIn\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M18.338 18.338H15.67v-4.177c0-.997-.018-2.278-1.387-2.278-1.39 0-1.602 1.085-1.602 2.206v4.25h-2.668v-8.59h2.561v1.173h.036c.356-.675 1.227-1.388 2.526-1.388 2.703 0 3.202 1.78 3.202 4.092v4.712ZM7.004 8.574a1.548 1.548 0 1 1 0-3.097 1.548 1.548 0 0 1 0 3.097ZM5.67 18.338h2.67v-8.59h-2.67v8.59ZM19.668 3H4.328C3.597 3 3 3.581 3 4.297v15.404C3 20.418 3.596 21 4.329 21h15.339c.734 0 1.332-.582 1.332-1.299V4.297C21 3.581 20.402 3 19.668 3Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#000000;\" title=\"Threads\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M11.628 1.256c-.72.033-1.37.106-1.987.222-2.53.481-4.495 1.715-5.805 3.648-.097.143-.179.272-.306.481-.062.1-.29.529-.364.685a11.365 11.365 0 0 0-.852 2.57c-.18.869-.272 1.683-.307 2.701a16.084 16.084 0 0 0 .24 3.23c.305 1.667.869 3.067 1.707 4.245 1.019 1.427 2.402 2.454 4.126 3.062 1.062.374 2.235.584 3.585.64.485.02 1.004.01 1.574-.028 2.455-.168 4.3-.903 5.84-2.325.889-.82 1.479-1.757 1.766-2.805a5.35 5.35 0 0 0 .173-.964 7.545 7.545 0 0 0 0-.907c-.112-1.177-.521-2.134-1.273-2.973-.16-.18-.519-.51-.714-.66a7.256 7.256 0 0 0-1.632-.938l-.134-.055-.014-.174c-.098-1.194-.442-2.172-1.039-2.946-.814-1.056-2.1-1.642-3.737-1.701-1.308-.048-2.457.254-3.386.89a4.61 4.61 0 0 0-.545.443 4.266 4.266 0 0 0-.548.611l-.05.07.282.178.802.508.552.349.03.019.102-.126c.557-.689 1.416-1.05 2.494-1.05.79 0 1.437.168 1.913.497.516.358.852.917 1.026 1.708.017.076.03.145.03.152 0 .01-.022.01-.093-.002-.822-.13-2.057-.171-2.983-.097-1.08.085-2.015.367-2.769.838a3.876 3.876 0 0 0-.973.862 3.13 3.13 0 0 0-.64 1.508c-.03.2-.03.698.001.902.145.98.671 1.774 1.554 2.35.852.554 2.043.839 3.22.77 1.845-.11 3.18-.885 3.986-2.314.31-.55.566-1.323.673-2.039a.785.785 0 0 1 .022-.115c.006-.009.046.009.135.063.267.161.472.313.69.516.591.547.909 1.189 1.007 2.029.022.182.018.598-.007.79-.12.94-.563 1.754-1.341 2.47-1.072.986-2.344 1.534-4.002 1.723-1.258.145-2.564.099-3.692-.128-2.92-.587-4.773-2.367-5.55-5.331-.419-1.589-.514-3.502-.266-5.282.35-2.516 1.365-4.386 2.99-5.513C8.19 3.785 9.478 3.35 11.035 3.2a11.997 11.997 0 0 1 2.878.072c2.112.315 3.742 1.204 4.854 2.649.511.664.939 1.505 1.227 2.41.032.101.063.183.07.183.015 0 1.925-.47 1.936-.477.016-.01-.17-.57-.292-.884-.928-2.375-2.584-4.097-4.853-5.047-1.136-.475-2.398-.747-3.905-.84a21.664 21.664 0 0 0-1.32-.01Zm2.362 11.049c.399.032.81.085 1.114.142l.12.021c.008 0-.008.182-.036.381-.098.718-.293 1.31-.579 1.754-.472.735-1.194 1.098-2.276 1.146-.84.037-1.607-.17-2.092-.567-.684-.559-.722-1.502-.086-2.117.188-.182.374-.304.655-.43.435-.194.985-.308 1.666-.346.28-.015 1.253-.006 1.514.016Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#E60023;\" title=\"Pinterest\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M12 1C5.925 1 1 5.925 1 12c0 4.66 2.9 8.644 6.991 10.247-.096-.87-.183-2.21.039-3.16.2-.858 1.29-5.467 1.29-5.467s-.33-.659-.33-1.633c0-1.53.887-2.672 1.99-2.672.94 0 1.392.705 1.392 1.55 0 .944-.6 2.355-.91 3.662-.26 1.095.549 1.988 1.628 1.988 1.955 0 3.458-2.061 3.458-5.037 0-2.634-1.892-4.475-4.594-4.475-3.13 0-4.967 2.347-4.967 4.774 0 .945.364 1.959.818 2.51a.33.33 0 0 1 .077.315c-.084.348-.27 1.095-.306 1.248-.048.201-.16.244-.368.147-1.374-.64-2.233-2.648-2.233-4.262 0-3.47 2.521-6.656 7.268-6.656 3.816 0 6.782 2.719 6.782 6.353 0 3.791-2.39 6.842-5.708 6.842-1.115 0-2.163-.58-2.521-1.263 0 0-.552 2.1-.686 2.615-.248.955-.919 2.153-1.367 2.883 1.03.319 2.123.491 3.257.491 6.075 0 11-4.925 11-11S18.075 1 12 1Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#1185FE;\" title=\"Bluesky\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M5.769 4.212C8.29 5.972 11.004 9.539 12 11.453c.996-1.914 3.709-5.482 6.231-7.241C20.051 2.942 23 1.96 23 5.086c0 .624-.385 5.244-.611 5.994-.785 2.608-3.647 3.273-6.192 2.87 4.449.704 5.58 3.035 3.136 5.366-4.642 4.426-6.672-1.111-7.192-2.53-.096-.26-.14-.382-.141-.278 0-.104-.045.018-.14.278-.52 1.419-2.55 6.956-7.193 2.53-2.445-2.331-1.313-4.662 3.136-5.366-2.545.403-5.407-.262-6.192-2.87C1.385 10.33 1 5.71 1 5.086c0-3.126 2.949-2.144 4.769-.874Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#FF0000;\" title=\"YouTube\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M23.76 7.148s-.234-1.68-.954-2.42c-.912-.97-1.935-.974-2.404-1.031-3.359-.247-8.397-.247-8.397-.247h-.01s-5.038 0-8.397.247c-.469.057-1.491.061-2.404 1.032-.72.74-.954 2.42-.954 2.42S0 9.12 0 11.092v1.85c0 1.971.24 3.944.24 3.944s.234 1.68.954 2.42c.913.97 2.112.939 2.646 1.04 1.92.188 8.16.246 8.16.246s5.043-.008 8.402-.255c.469-.056 1.492-.06 2.404-1.032.72-.74.954-2.42.954-2.42s.24-1.972.24-3.944v-1.85c0-1.971-.24-3.944-.24-3.944ZM9.523 15.183V8.335l6.484 3.435-6.484 3.413Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#000000;\" title=\"X\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M13.903 10.469 21.348 2h-1.764l-6.465 7.353L7.955 2H2l7.808 11.12L2 22h1.764l6.828-7.765L16.044 22H22l-8.097-11.531Zm-2.417 2.748-.791-1.107L4.4 3.3h2.71l5.08 7.11.791 1.107 6.604 9.242h-2.71l-5.389-7.542Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#4285F4;\" title=\"Google Business\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M22 8.5c0 1.37-1.12 2.5-2.5 2.5S17 9.87 17 8.5c0 1.37-1.12 2.5-2.5 2.5S12 9.87 12 8.5c0 1.37-1.12 2.5-2.5 2.5S7 9.87 7 8.5C7 9.87 5.88 11 4.5 11S2 9.87 2 8.5l1.39-5.42S3.68 2 4.7 2h14.6c1.02 0 1.31 1.08 1.31 1.08L22 8.5Zm-1 3.7V20c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-7.8a3.96 3.96 0 0 0 4-.58c.69.55 1.56.88 2.5.88.95 0 1.82-.33 2.5-.88.69.55 1.56.88 2.5.88.95 0 1.82-.33 2.5-.88.68.55 1.56.88 2.5.88.53 0 1.04-.11 1.5-.3Zm-2 5.13c0-.2 0-.41-.05-.63l-.03-.16h-2.97v1.17h1.81c-.06.22-.14.44-.31.62-.33.33-.78.51-1.26.51-.5 0-.99-.21-1.35-.56-.69-.71-.69-1.86.02-2.58.69-.7 1.83-.7 2.55-.03l.14.13.84-.85-.16-.14c-.56-.52-1.3-.81-2.08-.81h-.01c-.81 0-1.57.31-2.14.87-.59.58-.92 1.34-.92 2.13 0 .8.31 1.54.88 2.09a3.2 3.2 0 0 0 2.22.91h.02c.8 0 1.51-.29 2.03-.8.47-.48.77-1.2.77-1.87Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile ca-tile-gradient\" title=\"Instagram\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M20.387 3.653C19.34 2.565 17.847 2 16.153 2H7.847C4.339 2 2 4.339 2 7.847v8.266c0 1.734.565 3.226 1.694 4.314C4.782 21.476 6.234 22 7.887 22h8.226c1.734 0 3.185-.564 4.234-1.573C21.435 19.38 22 17.887 22 16.153V7.847c0-1.694-.564-3.145-1.613-4.194Zm-.161 12.5c0 1.25-.444 2.258-1.17 2.944-.725.685-1.733 1.048-2.943 1.048H7.887c-1.21 0-2.218-.363-2.943-1.048-.726-.726-1.09-1.734-1.09-2.984V7.847c0-1.21.364-2.218 1.09-2.944.685-.685 1.733-1.048 2.943-1.048h8.306c1.21 0 2.218.363 2.944 1.089.686.725 1.089 1.733 1.089 2.903v8.306Zm-1.694-9.476a1.17 1.17 0 1 1-2.339 0 1.17 1.17 0 0 1 2.339 0ZM6.838 11.96c0-2.863 2.34-5.162 5.162-5.162s5.161 2.34 5.161 5.162S14.863 17.12 12 17.12a5.146 5.146 0 0 1-5.162-5.161Zm1.855 0A3.321 3.321 0 0 0 12 15.266a3.321 3.321 0 0 0 3.306-3.306A3.321 3.321 0 0 0 12 8.653a3.321 3.321 0 0 0-3.307 3.307Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#000000;\" title=\"TikTok\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M16.1 1c.347 3.122 2.01 4.983 4.9 5.181v3.511c-1.675.172-3.142-.402-4.849-1.485v6.568c0 8.342-8.677 10.95-12.166 4.97-2.242-3.848-.87-10.6 6.322-10.87v3.702c-.548.092-1.133.237-1.668.429-1.6.567-2.507 1.63-2.255 3.505.485 3.59 6.77 4.653 6.247-2.363V1.007h3.47V1Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#1877F2;\" title=\"Facebook\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M23 12.067C23 5.955 18.075 1 12 1S1 5.955 1 12.067C1 17.591 5.023 22.17 10.281 23v-7.734H7.488v-3.199h2.793V9.63c0-2.774 1.643-4.306 4.155-4.306 1.204 0 2.462.216 2.462.216v2.724h-1.387c-1.366 0-1.792.853-1.792 1.728v2.076h3.05l-.487 3.2h-2.563V23C18.977 22.17 23 17.591 23 12.067Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#FFFC00;\" title=\"Snapchat\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#111\" d=\"M12 2.2c2.9 0 5.05 2.15 5.2 4.9.05.85.02 1.9.08 2.55.06.15.25.35.75.5.5.15 1.15.2 1.4.55.1.15.1.35 0 .55-.25.55-1.15.85-1.85 1.1-.15.05-.2.2-.15.35.35 1.05 1.35 1.75 2.65 2 .2.05.35.25.3.45-.15.65-1.4.9-2.15 1.05-.15.55-.3.95-.4 1.1-.15.2-.4.15-.7.1-.5-.1-1.05-.2-1.75-.05-.7.15-1.3.6-2.05 1.05-.75.45-1.6.9-2.38.9-.03 0-.05 0-.05 0s-.02 0-.05 0c-.78 0-1.63-.45-2.38-.9-.75-.45-1.35-.9-2.05-1.05-.7-.15-1.25-.05-1.75.05-.3.05-.55.1-.7-.1-.1-.15-.25-.55-.4-1.1-.75-.15-2-.4-2.15-1.05-.05-.2.1-.4.3-.45 1.3-.25 2.3-.95 2.65-2 .05-.15 0-.3-.15-.35-.7-.25-1.6-.55-1.85-1.1-.1-.2-.1-.4 0-.55.25-.35.9-.4 1.4-.55.5-.15.69-.35.75-.5.06-.65.03-1.7.08-2.55.15-2.75 2.3-4.9 5.2-4.9Z\"\/><circle cx=\"8.7\" cy=\"9.6\" r=\"1\" fill=\"#FFFC00\"\/><circle cx=\"15.3\" cy=\"9.6\" r=\"1\" fill=\"#FFFC00\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#FF4500;\" title=\"Reddit\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M22 12.4c0-1-.8-1.8-1.8-1.8-.5 0-.9.2-1.25.5-1.2-.8-2.85-1.35-4.7-1.42l.8-3.75 2.6.55a1.35 1.35 0 1 0 .15-.75l-2.9-.6a.4.4 0 0 0-.47.3l-.9 4.2c-1.87.06-3.55.6-4.75 1.4-.34-.3-.79-.48-1.28-.48C6.8 10.55 6 11.35 6 12.35c0 .72.42 1.34 1.02 1.63a2.6 2.6 0 0 0-.05.5c0 2.32 2.7 4.2 6.03 4.2s6.03-1.88 6.03-4.2c0-.16-.02-.32-.04-.48.63-.28 1.06-.9 1.06-1.6ZM10 13.3a1.15 1.15 0 1 1 2.3 0 1.15 1.15 0 0 1-2.3 0Zm5.86 2.63c-.7.7-1.94.94-2.86.94-.92 0-2.16-.24-2.86-.94a.32.32 0 0 1 .45-.45c.5.5 1.44.7 2.4.7.97 0 1.9-.2 2.4-.7a.32.32 0 1 1 .47.45Zm-.2-2.63a1.15 1.15 0 1 1 0-2.3 1.15 1.15 0 0 1 0 2.3Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n    <\/ul>\r\n\r\n    <span class=\"ca-mark\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\"><path fill=\"url(#caMarkGrad)\" d=\"M12 2 3 6.4l9 4.6 9-4.6L12 2Z\"\/><path fill=\"url(#caMarkGrad)\" d=\"m5.3 10.6 6.7 3.4 6.7-3.4 3 1.5L12 17.3 2.3 12.1l3-1.5Z\"\/><path fill=\"url(#caMarkGrad)\" d=\"m5.3 15.6 6.7 3.4 6.7-3.4 3 1.5L12 22.3 2.3 17.1l3-1.5Z\"\/>\r\n        <defs><linearGradient id=\"caMarkGrad\" x1=\"2\" y1=\"2\" x2=\"22\" y2=\"22\"><stop offset=\"0\" stop-color=\"#a78bfa\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/><\/linearGradient><\/defs>\r\n      <\/svg>\r\n    <\/span>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ca-section{\r\n    box-sizing:border-box;\r\n    padding:24px 24px 96px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .ca-section *{ box-sizing:border-box; }\r\n\r\n  .ca-card{\r\n    position:relative;\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:32px;\r\n    flex-wrap:wrap;\r\n    padding:44px 48px;\r\n    border-radius:28px;\r\n    \/* flat base matches the section\/page background so the card's own\r\n       edges also blend \u2014 glow kept small & centered, never reaches edges *\/\r\n    background:#110a1f;\r\n    border:1px solid rgba(150,120,255,.22);\r\n    overflow:hidden;\r\n  }\r\n  .ca-card::before{\r\n    content:\"\";\r\n    position:absolute; inset:0; z-index:0;\r\n    background:radial-gradient(420px 200px at 50% 50%, rgba(124,58,237,.16), transparent 72%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .ca-heading-wrap{\r\n    position:relative; z-index:1;\r\n    display:flex; align-items:center; gap:22px;\r\n    flex-shrink:0;\r\n  }\r\n  .ca-heading{\r\n    margin:0;\r\n    font-size:clamp(1.5rem, 2.6vw, 1.9rem);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    color:#f2eefc;\r\n  }\r\n  .ca-connector{\r\n    display:flex; align-items:center; color:#8f7fc7; flex-shrink:0;\r\n  }\r\n  .ca-connector-line{\r\n    width:44px; height:1px;\r\n    background:linear-gradient(90deg, rgba(150,120,255,.1), rgba(150,120,255,.6));\r\n  }\r\n  .ca-connector svg{ margin-left:2px; }\r\n\r\n  @media (max-width:900px){\r\n    .ca-connector{ display:none; }\r\n  }\r\n\r\n  \/* ---------- icon tiles ---------- *\/\r\n  .ca-tiles{\r\n    position:relative; z-index:1;\r\n    list-style:none;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin:0;\r\n    padding:4px 0;\r\n    flex:1;\r\n    overflow-x:auto;\r\n    scrollbar-width:none;\r\n  }\r\n  .ca-tiles::-webkit-scrollbar{ display:none; }\r\n\r\n  .ca-tile{\r\n    flex-shrink:0;\r\n    width:56px; height:56px;\r\n    border-radius:16px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:var(--bg,#333);\r\n    box-shadow:0 8px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);\r\n    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;\r\n  }\r\n  .ca-tile svg{ width:26px; height:26px; }\r\n\r\n  .ca-tile-gradient{\r\n    background:radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\r\n  }\r\n\r\n  .ca-tile:hover{\r\n    transform:translateY(-6px) scale(1.06);\r\n    box-shadow:0 16px 30px rgba(124,58,237,.4), inset 0 1px 0 rgba(255,255,255,.2);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .ca-card{ flex-direction:column; align-items:flex-start; padding:36px 28px; }\r\n    .ca-heading{ font-size:1.6rem; }\r\n    .ca-tiles{ width:100%; }\r\n  }\r\n  @media (max-width:480px){\r\n    .ca-tile{ width:48px; height:48px; border-radius:13px; }\r\n    .ca-tile svg{ width:22px; height:22px; }\r\n  }\r\n\r\n  .ca-mark{\r\n    position:relative; z-index:1;\r\n    flex-shrink:0;\r\n    display:none;\r\n    width:26px; height:26px;\r\n    opacity:.85;\r\n  }\r\n  .ca-mark svg{ width:100%; height:100%; }\r\n  @media (min-width:1150px){ .ca-mark{ display:block; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a21981b e-con e-atomic-element e-flexbox-base e-1b251d7 \" data-id=\"a21981b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a21981b\">\n    \t\t<div class=\"elementor-element elementor-element-b23b4d4 elementor-widget elementor-widget-html\" data-id=\"b23b4d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Board View Feature Demo Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Two layered\/stacked screenshots under a heading.\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n============================================================ -->\r\n<section class=\"bv-section\" id=\"bvSection\">\r\n  <div class=\"bv-wrap\">\r\n\r\n    <div class=\"bv-content\">\r\n      <p class=\"bv-eyebrow\">Board view<\/p>\r\n      <h2 class=\"bv-heading\">From &ldquo;Doing&rdquo; to &ldquo;Done&rdquo;<\/h2>\r\n      <p class=\"bv-text\">Keep every client's content moving with a visual, kanban-style board that tracks each stage, from idea to publish. Switch to calendar view when you need the big-picture look across every project.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bv-stack\">\r\n      <div class=\"bv-imgbox bv-imgbox-back\">\r\n        <img decoding=\"async\" class=\"bv-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/calender.png\" alt=\"socials.ink content calendar \u2014 big-picture view across projects\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"bv-imgbox bv-imgbox-front\">\r\n        <img decoding=\"async\" class=\"bv-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/publish.png\" alt=\"socials.ink kanban-style board \u2014 from idea to publish\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .bv-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px 120px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .bv-section *{ box-sizing:border-box; }\r\n\r\n  .bv-wrap{ max-width:1080px; margin:0 auto; }\r\n\r\n  \/* ---------- Text Content ---------- *\/\r\n  .bv-content{\r\n    text-align:center;\r\n    max-width:640px;\r\n    margin:0 auto 64px;\r\n  }\r\n  .bv-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#facc15,#fb923c);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .bv-heading{\r\n    margin:0 0 18px;\r\n    font-size:clamp(1.8rem, 3.2vw, 2.5rem);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .bv-text{\r\n    margin:0;\r\n    font-size:16.5px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n  }\r\n\r\n  \/* ---------- Layered Image Stack & Background Removal ---------- *\/\r\n  .bv-stack{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:936px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .bv-imgbox{\r\n    position:relative;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    transition:transform .4s ease;\r\n  }\r\n\r\n  .bv-imgbox-back{\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n\r\n  .bv-imgbox-front{\r\n    position:relative;\r\n    z-index:2;\r\n    margin-top:-10%;\r\n    left:5%;\r\n    width:90%;\r\n  }\r\n\r\n  .bv-imgbox .bv-real-img{\r\n    position:relative !important;\r\n    display:block !important;\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    margin:0 !important;\r\n    border-radius:24px;\r\n    \/* Blend mode to cleanly remove surrounding dark image background *\/\r\n    mix-blend-mode: lighten;\r\n    filter: contrast(105%) brightness(102%);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  .bv-imgbox:hover .bv-real-img{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  @media (max-width:700px){\r\n    .bv-imgbox-front{\r\n      left:auto;\r\n      width:100%;\r\n      margin-top:20px;\r\n    }\r\n  }\r\n  @media (max-width:500px){\r\n    .bv-section{ padding:60px 16px 72px; }\r\n    .bv-imgbox, .bv-imgbox .bv-real-img{ border-radius:16px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-46a45ff e-con e-atomic-element e-flexbox-base e-b2f3e49 \" data-id=\"46a45ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"46a45ff\">\n    \t\t<div class=\"elementor-element elementor-element-4dd3d6d elementor-widget elementor-widget-html\" data-id=\"4dd3d6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Content Management Feature Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Mirrored layout: image on the left, text + feature list on the right.\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n============================================================ -->\r\n<section class=\"cm-section\" id=\"cmSection\">\r\n  <div class=\"cm-wrap\">\r\n\r\n    <!-- Left Image Box with Updated URL & Seamless Blend -->\r\n    <div class=\"cm-imgbox\">\r\n      <img decoding=\"async\" class=\"cm-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/post_status.png\" alt=\"socials.ink content management \u2014 import, organize, and share\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <div class=\"cm-content\">\r\n      <p class=\"cm-eyebrow\">Content management<\/p>\r\n      <h2 class=\"cm-heading\">Import, organize, and share in seconds<\/h2>\r\n      <p class=\"cm-text\">No matter where your ideas start, getting them into socials.ink is effortless. Import, organize, and manage content for every client \u2014 all in one place.<\/p>\r\n\r\n      <a href=\"#\" class=\"cm-cta\">\r\n        <span>Get started for free<\/span>\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n      <\/a>\r\n\r\n      <ul class=\"cm-features\">\r\n        <li class=\"cm-feature\">\r\n          <span class=\"cm-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M18.945 11.968v5.426a1.55 1.55 0 0 1-1.55 1.55H6.542a1.55 1.55 0 0 1-1.55-1.55V6.542a1.55 1.55 0 0 1 1.55-1.55h5.427m3.1 1.55h4.651m-2.325-2.325v4.65m1.55 5.427-2.392-2.392a1.55 1.55 0 0 0-2.192 0l-7.043 7.043m3.875-9.302a1.55 1.55 0 1 1-3.1 0 1.55 1.55 0 0 1 3.1 0Z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"cm-feature-text\"><b>Import seamlessly<\/b> \u2014 access your media directly from Dropbox, Google Drive, Canva, and more<\/span>\r\n        <\/li>\r\n        <li class=\"cm-feature\">\r\n          <span class=\"cm-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m13.519 8.093 2.325 2.325m-9.302-3.1v3.1m10.852 3.1v3.101M10.418 4.217v1.55m-2.325 3.1H4.992m13.953 6.202h-3.1M11.192 4.992h-1.55m9.798.496-.992-.992a.938.938 0 0 0-1.334 0l-12.62 12.62a.937.937 0 0 0 0 1.333l.993.992a.93.93 0 0 0 1.333 0l12.62-12.62a.932.932 0 0 0 0-1.333Z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"cm-feature-text\"><b>Stay inspired<\/b> \u2014 connect RSS feeds to gather fresh ideas and news automatically<\/span>\r\n        <\/li>\r\n        <li class=\"cm-feature\">\r\n          <span class=\"cm-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M9.643 13.519H5.767a.775.775 0 0 0-.775.775v3.876c0 .428.347.775.775.775h3.876a.775.775 0 0 0 .775-.775v-3.876a.775.775 0 0 0-.775-.775ZM9.643 4.992H5.767a.775.775 0 0 0-.775.775v3.876c0 .428.347.775.775.775h3.876a.775.775 0 0 0 .775-.775V5.767a.775.775 0 0 0-.775-.775ZM18.17 13.519h-3.876a.775.775 0 0 0-.775.775v3.876c0 .428.347.775.775.775h3.876a.775.775 0 0 0 .775-.775v-3.876a.775.775 0 0 0-.775-.775ZM15.656 4.804l-2.349 2.35c-.26.259-.26.68 0 .939l2.35 2.349c.259.26.68.26.939 0l2.349-2.35c.26-.259.26-.68 0-.939l-2.35-2.349a.664.664 0 0 0-.939 0Z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"cm-feature-text\"><b>Save ideas on the go<\/b> \u2014 capture content you love from anywhere and drop it straight into a project<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .cm-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .cm-section *{ box-sizing:border-box; }\r\n\r\n  .cm-wrap{\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1.05fr 1fr;\r\n    align-items:center;\r\n    gap:56px;\r\n  }\r\n\r\n  \/* ---------- Image Box & Seamless Blend Updates ---------- *\/\r\n  .cm-imgbox{\r\n    position:relative;\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    transition:transform .4s ease;\r\n  }\r\n\r\n  .cm-imgbox:hover{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  .cm-imgbox .cm-real-img{\r\n    position:relative !important;\r\n    display:block !important;\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    margin:0 !important;\r\n    border-radius:24px;\r\n    \/* Removes dark background box around screenshot *\/\r\n    mix-blend-mode: lighten;\r\n    filter: contrast(105%) brightness(102%);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  \/* ---------- Content (right) ---------- *\/\r\n  .cm-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#60a5fa,#22d3ee);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .cm-heading{\r\n    margin:0 0 18px;\r\n    font-size:clamp(1.8rem, 3.2vw, 2.5rem);\r\n    font-weight:700;\r\n    line-height:1.16;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .cm-text{\r\n    margin:0 0 28px;\r\n    font-size:16.5px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n    max-width:460px;\r\n  }\r\n  .cm-cta{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:14px 24px;\r\n    border-radius:100px;\r\n    font-size:.98rem; font-weight:700; color:#fff;\r\n    background:linear-gradient(120deg,#7c3aed,#3b82f6);\r\n    box-shadow:0 10px 24px rgba(124,58,237,.4);\r\n    text-decoration:none;\r\n    margin-bottom:36px;\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .cm-cta svg{ width:18px; height:18px; transition:transform .25s ease; }\r\n  .cm-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 14px 30px rgba(124,58,237,.5); }\r\n  .cm-cta:hover svg{ transform:translateX(4px); }\r\n\r\n  .cm-features{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:20px; }\r\n  .cm-feature{ display:flex; align-items:flex-start; gap:14px; }\r\n  .cm-feature-icon{\r\n    flex-shrink:0;\r\n    width:40px; height:40px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    border-radius:12px;\r\n    background:rgba(59,130,246,.14);\r\n    border:1px solid rgba(150,120,255,.25);\r\n    color:#7dd3fc;\r\n  }\r\n  .cm-feature-icon svg{ width:20px; height:20px; }\r\n  .cm-feature-text{ font-size:15px; line-height:1.55; color:#d8d0f2; padding-top:8px; }\r\n  .cm-feature-text b{ color:#fff; font-weight:700; }\r\n\r\n  @media (max-width:900px){\r\n    .cm-wrap{ grid-template-columns:1fr; gap:44px; display:flex; flex-direction:column; }\r\n    .cm-imgbox{ order:1; }\r\n    .cm-content{ order:2; text-align:center; }\r\n    .cm-text{ margin-left:auto; margin-right:auto; }\r\n    .cm-cta{ margin-left:auto; margin-right:auto; }\r\n    .cm-feature{ text-align:left; }\r\n  }\r\n  @media (max-width:500px){\r\n    .cm-section{ padding:60px 16px; }\r\n    .cm-imgbox, .cm-imgbox .cm-real-img{ border-radius:18px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1e3866c e-con e-atomic-element e-flexbox-base e-5a3f43e \" data-id=\"1e3866c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1e3866c\">\n    \t\t<div class=\"elementor-element elementor-element-e3114e7 elementor-widget elementor-widget-html\" data-id=\"e3114e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Social Media Templates Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Standard layout: text on the left, image on the right.\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n============================================================ -->\r\n<section class=\"tm-section\" id=\"tmSection\">\r\n  <div class=\"tm-wrap\">\r\n\r\n    <div class=\"tm-content\">\r\n      <p class=\"tm-eyebrow\">Content templates<\/p>\r\n      <h2 class=\"tm-heading\">Jumpstart your next post with proven ideas<\/h2>\r\n      <p class=\"tm-text\">Save time and beat creative blocks with ready-made templates for every client. Whether you're launching a product, promoting a sale, or sharing behind-the-scenes content, find the perfect starting point.<\/p>\r\n      <a href=\"#\" class=\"tm-cta\">\r\n        <span>Browse templates<\/span>\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Right Image Box with Updated URL & Seamless Background Blend -->\r\n    <div class=\"tm-imgbox\">\r\n      <img decoding=\"async\" class=\"tm-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/gallery.png\" alt=\"socials.ink content templates \u2014 tips, stories, how-tos, and more\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .tm-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .tm-section *{ box-sizing:border-box; }\r\n\r\n  .tm-wrap{\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1.05fr;\r\n    align-items:center;\r\n    gap:56px;\r\n  }\r\n\r\n  \/* ---------- Left Content ---------- *\/\r\n  .tm-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#fb923c,#f472b6);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .tm-heading{\r\n    margin:0 0 20px;\r\n    font-size:clamp(1.9rem, 3.4vw, 2.7rem);\r\n    font-weight:700;\r\n    line-height:1.15;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .tm-text{\r\n    margin:0 0 32px;\r\n    font-size:16.5px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n    max-width:480px;\r\n  }\r\n  .tm-cta{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 26px;\r\n    border-radius:100px;\r\n    font-size:1rem; font-weight:700; color:#fff;\r\n    background:linear-gradient(120deg,#7c3aed,#3b82f6);\r\n    box-shadow:0 10px 26px rgba(124,58,237,.4);\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .tm-cta svg{ width:20px; height:20px; transition:transform .25s ease; }\r\n  .tm-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 14px 32px rgba(124,58,237,.5); }\r\n  .tm-cta:hover svg{ transform:translateX(4px); }\r\n\r\n  \/* ---------- Right Image Box (Full Image Fix & Blend) ---------- *\/\r\n  .tm-imgbox{\r\n    position:relative;\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    transition:transform .4s ease;\r\n  }\r\n\r\n  .tm-imgbox:hover{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  .tm-imgbox .tm-real-img{\r\n    position:relative !important;\r\n    display:block !important;\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    margin:0 !important;\r\n    border-radius:24px;\r\n    \/* Blend mode to cleanly remove surrounding dark image background *\/\r\n    mix-blend-mode: lighten;\r\n    filter: contrast(105%) brightness(102%);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .tm-wrap{ grid-template-columns:1fr; gap:40px; }\r\n    .tm-content{ text-align:center; }\r\n    .tm-text{ margin-left:auto; margin-right:auto; }\r\n  }\r\n  @media (max-width:500px){\r\n    .tm-section{ padding:64px 16px; }\r\n    .tm-imgbox, .tm-imgbox .tm-real-img{ border-radius:18px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2611278 e-con e-atomic-element e-flexbox-base e-c712287 \" data-id=\"2611278\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2611278\">\n    \t\t<div class=\"elementor-element elementor-element-67058ff elementor-widget elementor-widget-html\" data-id=\"67058ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Testimonial section \u2014 socials.ink dark purple palette -->\r\n<style>\r\n  :root {\r\n    --bg-deep:       #14101F;\r\n    --bg-card:       #1B1530;\r\n    --border-line:   #3A2F5C;   \/* consistent border color, matches other sections *\/\r\n    --text-heading:  #F3F0FA;\r\n    --text-body:     #B6ACD1;\r\n    --accent-orange: #F5934B;\r\n    --accent-violet: #8B6BF2;\r\n    --accent-blue:   #4E7FF5;\r\n    --glow-violet:   rgba(139, 107, 242, 0.35);\r\n  }\r\n\r\n  .sk-testimonial-section {\r\n    background: var(--bg-deep);\r\n    padding: 96px 24px;\r\n    font-family: -apple-system, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  .sk-testimonial-card {\r\n    position: relative;\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    padding: 56px 56px 40px;\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-line);\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset,\r\n                0 30px 80px -40px var(--glow-violet);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sk-testimonial-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -100px;\r\n    left: 50%;\r\n    width: 420px;\r\n    height: 280px;\r\n    background: radial-gradient(closest-side, var(--glow-violet), transparent);\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sk-testimonial-mark {\r\n    position: relative;\r\n    font-size: 64px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    color: var(--accent-violet);\r\n    opacity: 0.6;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  .sk-testimonial-quote {\r\n    position: relative;\r\n    font-size: 22px;\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n    color: var(--text-heading);\r\n    margin: 0 0 32px;\r\n    letter-spacing: -0.005em;\r\n  }\r\n\r\n  .sk-testimonial-source {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .sk-testimonial-avatar {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--border-line);\r\n    background: linear-gradient(135deg, var(--accent-violet), var(--accent-blue));\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #FFFFFF;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sk-testimonial-name {\r\n    display: block;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--text-heading);\r\n  }\r\n\r\n  .sk-testimonial-role {\r\n    display: block;\r\n    font-size: 14px;\r\n    color: var(--text-body);\r\n    margin-top: 2px;\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .sk-testimonial-card { padding: 40px 28px 32px; }\r\n    .sk-testimonial-quote { font-size: 19px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sk-testimonial-section\" aria-labelledby=\"sk-testimonial-heading\">\r\n  <h2 class=\"visually-hidden\" id=\"sk-testimonial-heading\">What people are saying<\/h2>\r\n  <div class=\"sk-testimonial-card\">\r\n    <div class=\"sk-testimonial-mark\" aria-hidden=\"true\">&ldquo;<\/div>\r\n    <figure style=\"margin:0\">\r\n      <blockquote class=\"sk-testimonial-quote\">\r\n        As a full-time software engineer and part time content creator, I'm short on time. Socials.ink helps me visualize and prioritize tasks. It's great for recording initial ideas and keeping everything organized by status in one place, which really helps me stay focused without overloading my mind.\r\n      <\/blockquote>\r\n      <figcaption class=\"sk-testimonial-source\">\r\n        <span class=\"sk-testimonial-avatar\" aria-hidden=\"true\">AK<\/span>\r\n        <span>\r\n          <span class=\"sk-testimonial-name\">Ali Khan<\/span>\r\n          <span class=\"sk-testimonial-role\">Software engineer and creator<\/span>\r\n        <\/span>\r\n      <\/figcaption>\r\n    <\/figure>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7db33d7 e-con e-atomic-element e-flexbox-base e-a925724 \" data-id=\"7db33d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7db33d7\">\n    \t\t<div class=\"elementor-element elementor-element-0274973 elementor-widget elementor-widget-html\" data-id=\"0274973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Resources + FAQ + CTA \u2014 rebranded for Socials.ink, matching the dark purple palette -->\r\n<style>\r\n  :root {\r\n    --bg-deep:        #14101F;\r\n    --bg-card:        #1B1530;\r\n    --bg-card-hover: #221A3D;\r\n    --border-line:    #3A2F5C;   \/* one consistent border color across every section *\/\r\n    --text-heading:   #F3F0FA;\r\n    --text-body:      #B6ACD1;\r\n    --text-muted:     #8B81A8;\r\n    --accent-orange: #F5934B;\r\n    --accent-violet: #8B6BF2;\r\n    --accent-blue:    #4E7FF5;\r\n    --glow-violet:    rgba(139, 107, 242, 0.35);\r\n  }\r\n\r\n  .sk-wrap {\r\n    background: var(--bg-deep);\r\n    font-family: -apple-system, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  .sk-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* ---------- Resources section ---------- *\/\r\n  .sk-resources {\r\n    padding: 96px 0 72px;\r\n  }\r\n\r\n  .sk-resources-intro {\r\n    max-width: 640px;\r\n    margin: 0 0 40px;\r\n  }\r\n\r\n  .sk-eyebrow {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--accent-orange);\r\n    margin: 0 0 12px;\r\n  }\r\n\r\n  .sk-heading-lg {\r\n    font-size: 30px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    color: var(--text-heading);\r\n    margin: 0 0 12px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .sk-intro-text {\r\n    font-size: 16px;\r\n    color: var(--text-body);\r\n    margin: 0;\r\n  }\r\n\r\n  .sk-resource-scroll {\r\n    display: flex;\r\n    gap: 20px;\r\n    overflow-x: auto;\r\n    padding-bottom: 8px;\r\n    scroll-snap-type: x mandatory;\r\n  }\r\n\r\n  .sk-resource-card {\r\n    flex: 0 0 320px;\r\n    scroll-snap-align: start;\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-line);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    display: block;\r\n    transition: transform 0.15s ease, border-color 0.15s ease;\r\n  }\r\n\r\n  .sk-resource-card:hover {\r\n    transform: translateY(-3px);\r\n    border-color: var(--accent-violet);\r\n  }\r\n\r\n  .sk-resource-thumb {\r\n    height: 160px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background:\r\n      radial-gradient(circle at 30% 20%, var(--glow-violet), transparent 60%),\r\n      linear-gradient(135deg, #241B44, #171129);\r\n    border-bottom: 1px solid var(--border-line);\r\n  }\r\n\r\n  .sk-resource-thumb svg {\r\n    width: 40px;\r\n    height: 40px;\r\n    color: var(--accent-violet);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .sk-resource-body {\r\n    padding: 20px 22px 24px;\r\n  }\r\n\r\n  .sk-resource-title {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--text-heading);\r\n    margin: 0 0 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .sk-resource-text {\r\n    font-size: 14px;\r\n    color: var(--text-body);\r\n    margin: 0 0 16px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .sk-resource-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: var(--bg-deep);\r\n    border: 1px solid var(--border-line);\r\n    color: var(--accent-violet);\r\n  }\r\n\r\n  .sk-resource-cta svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 0.15s ease;\r\n  }\r\n\r\n  .sk-resource-card:hover .sk-resource-cta svg {\r\n    transform: translateX(2px);\r\n  }\r\n\r\n  \/* ---------- Centered FAQ section ---------- *\/\r\n  .sk-faq {\r\n    padding: 96px 0;\r\n  }\r\n\r\n  .sk-faq-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .sk-faq-heading {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--text-heading);\r\n    margin: 0 0 32px;\r\n    text-align: center;\r\n  }\r\n\r\n  .sk-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    width: 100%;\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    text-align: left; \/* Keep answer text left-aligned for optimal readability *\/\r\n  }\r\n\r\n  .sk-faq-item {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-line);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sk-faq-item summary {\r\n    list-style: none;\r\n    cursor: pointer;\r\n    padding: 18px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n  }\r\n\r\n  .sk-faq-item summary::-webkit-details-marker { display: none; }\r\n\r\n  .sk-faq-q {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--text-heading);\r\n    margin: 0;\r\n  }\r\n\r\n  .sk-faq-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: var(--accent-violet);\r\n    flex-shrink: 0;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .sk-faq-item[open] .sk-faq-icon {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .sk-faq-a {\r\n    padding: 0 22px 20px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: var(--text-body);\r\n    margin: 0;\r\n  }\r\n\r\n  .sk-faq-a a {\r\n    color: var(--accent-blue);\r\n    text-decoration: none;\r\n    border-bottom: 1px solid transparent;\r\n  }\r\n\r\n  .sk-faq-a a:hover {\r\n    border-bottom-color: var(--accent-blue);\r\n  }\r\n\r\n  \/* ---------- CTA section ---------- *\/\r\n  .sk-cta {\r\n    padding: 0 0 96px;\r\n  }\r\n\r\n  .sk-cta-inner {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    padding: 56px 48px;\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-line);\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset,\r\n                0 30px 80px -40px var(--glow-violet);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sk-cta-inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -120px;\r\n    left: 50%;\r\n    width: 480px;\r\n    height: 320px;\r\n    background: radial-gradient(closest-side, var(--glow-violet), transparent);\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sk-cta-eyebrow {\r\n    position: relative;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--accent-orange);\r\n    margin: 0 0 16px;\r\n  }\r\n\r\n  .sk-cta-heading {\r\n    position: relative;\r\n    font-size: 32px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: var(--text-heading);\r\n    margin: 0 0 32px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .sk-cta-button {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    border-radius: 999px;\r\n    border: 1px solid var(--border-line);\r\n    background: linear-gradient(90deg, var(--accent-violet), var(--accent-blue));\r\n    color: #FFFFFF;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\r\n  }\r\n\r\n  .sk-cta-button:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 8px 24px -8px var(--glow-violet);\r\n  }\r\n\r\n  .sk-cta-button svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    transition: transform 0.15s ease;\r\n  }\r\n\r\n  .sk-cta-button:hover svg {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  .sk-cta-subtext {\r\n    position: relative;\r\n    margin: 18px 0 0;\r\n    font-size: 14px;\r\n    color: var(--text-body);\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .sk-heading-lg { font-size: 24px; }\r\n    .sk-cta-inner { padding: 40px 24px; }\r\n    .sk-cta-heading { font-size: 26px; }\r\n    .sk-resource-card { flex: 0 0 260px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sk-resource-card, .sk-cta-button, .sk-resource-cta svg, .sk-faq-icon { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sk-wrap\">\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"sk-faq\" aria-labelledby=\"sk-faq-heading\">\r\n    <div class=\"sk-container sk-faq-container\">\r\n      <h2 class=\"sk-faq-heading\" id=\"sk-faq-heading\">FAQs<\/h2>\r\n      <div class=\"sk-faq-list\">\r\n\r\n        <details class=\"sk-faq-item\">\r\n          <summary>\r\n            <h3 class=\"sk-faq-q\">What content can Socials.ink create?<\/h3>\r\n            <svg class=\"sk-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\" fill=\"currentColor\"><\/path><\/svg>\r\n          <\/summary>\r\n          <p class=\"sk-faq-a\">Socials.ink can help you create any kind of content that gets you seen by your target audience. With our integrations, you can build eye-catching designs or simply add a gif. Write blog-style posts or one-line tweets. The full list includes: text posts, link posts, image posts, video posts, GIF posts, X (Twitter) threads, reels, carousels, stories, Start Pages, and Start Page updates. The key is that Socials.ink gives you feedback on what's working, so you can produce content that's high-quality and engaging.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"sk-faq-item\">\r\n          <summary>\r\n            <h3 class=\"sk-faq-q\">Where can Socials.ink share my content?<\/h3>\r\n            <svg class=\"sk-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\" fill=\"currentColor\"><\/path><\/svg>\r\n          <\/summary>\r\n          <p class=\"sk-faq-a\">With Socials.ink you can plan, schedule, and share your content to <a href=\"\/instagram\">Instagram<\/a>, <a href=\"\/tiktok\">TikTok<\/a>, <a href=\"\/facebook\">Facebook<\/a>, <a href=\"\/x\">X (Twitter)<\/a>, <a href=\"\/pinterest\">Pinterest<\/a>, <a href=\"\/linkedin\">LinkedIn<\/a>, <a href=\"\/youtube\">YouTube Shorts<\/a>, <a href=\"\/google-business-profile\">Google Business Profiles<\/a>, <a href=\"\/bluesky\">Bluesky<\/a>, <a href=\"\/mastodon\">Mastodon<\/a>, <a href=\"\/threads\">Threads<\/a>, and <a href=\"\/start-page\">Start Page<\/a> \u2014 all from one simple dashboard. Learn more in our <a href=\"https:\/\/support.socials.ink\/\">Help Center<\/a>.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"sk-faq-item\">\r\n          <summary>\r\n            <h3 class=\"sk-faq-q\">Can Socials.ink make my posts go viral?<\/h3>\r\n            <svg class=\"sk-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\" fill=\"currentColor\"><\/path><\/svg>\r\n          <\/summary>\r\n          <p class=\"sk-faq-a\">While Socials.ink alone can't make you go viral, it gives you every tool you need to skyrocket your engagement. You'll be able to share content often, at the optimal times. Use the right hashtags so your post gets seen. Cross-post across platforms to boost views, and engage with your community to grow your reach.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"sk-faq-item\">\r\n          <summary>\r\n            <h3 class=\"sk-faq-q\">Can I use Socials.ink's content creation tools for free?<\/h3>\r\n            <svg class=\"sk-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\" fill=\"currentColor\"><\/path><\/svg>\r\n          <\/summary>\r\n          <p class=\"sk-faq-a\">Yes, <a href=\"\/pricing\">our free plan<\/a> is perfect for individuals and businesses just getting started with social media. Connect up to 3 social media channels and schedule up to 10 posts per channel at a time, with no monthly or yearly limit. Free plan users can create up to 100 ideas. Customers on <a href=\"\/pricing\">Essentials or Team plans<\/a> can create up to 2,000 ideas per organization.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"sk-faq-item\">\r\n          <summary>\r\n            <h3 class=\"sk-faq-q\">What integrations can I use with Socials.ink's content creation tools?<\/h3>\r\n            <svg class=\"sk-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\" fill=\"currentColor\"><\/path><\/svg>\r\n          <\/summary>\r\n          <p class=\"sk-faq-a\">Socials.ink integrates directly with the most popular content management, storage, and creativity tools. Use Dropbox, One Drive, Google Drive, or Google Photos to pull in the perfect photo or image from your library. Or use our Canva or Unsplash integrations to create your own graphics or import a stock photo, all from within Socials.ink.<\/p>\r\n        <\/details>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8001e06 e-con e-atomic-element e-flexbox-base e-7a60a75 \" data-id=\"8001e06\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8001e06\">\n    \t\t<div class=\"elementor-element elementor-element-a014d47 elementor-widget elementor-widget-html\" data-id=\"a014d47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA Section \u2014 restyled to match the \"Content Templates\" screenshot palette -->\r\n<style>\r\n  :root {\r\n    --bg-deep:       #14101F;   \/* main dark background *\/\r\n    --bg-card:       #1B1530;   \/* slightly lifted panel background *\/\r\n    --border-line:   #3A2F5C;   \/* ONE consistent border color, used everywhere *\/\r\n    --text-heading:  #F3F0FA;   \/* near-white with a violet cast *\/\r\n    --text-body:     #B6ACD1;   \/* lavender-gray body copy *\/\r\n    --accent-orange: #F5934B;   \/* eyebrow \/ label accent, matches screenshot *\/\r\n    --accent-violet: #8B6BF2;   \/* gradient start *\/\r\n    --accent-blue:   #4E7FF5;   \/* gradient end *\/\r\n    --glow-violet:   rgba(139, 107, 242, 0.35);\r\n  }\r\n\r\n  .cta-section {\r\n    background: var(--bg-deep);\r\n    padding: 96px 24px;\r\n    font-family: -apple-system, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  .cta-inner {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    padding: 56px 48px;\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-line);   \/* consistent border color *\/\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset,\r\n                0 30px 80px -40px var(--glow-violet);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* subtle ambient glow, echoes the mockup card's glow in the screenshot *\/\r\n  .cta-inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -120px;\r\n    left: 50%;\r\n    width: 480px;\r\n    height: 320px;\r\n    background: radial-gradient(closest-side, var(--glow-violet), transparent);\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cta-eyebrow {\r\n    position: relative;\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--accent-orange);\r\n    margin: 0 0 16px;\r\n  }\r\n\r\n  .cta-heading {\r\n    position: relative;\r\n    font-size: 32px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: var(--text-heading);\r\n    margin: 0 0 32px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .cta-button {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    border-radius: 999px;\r\n    border: 1px solid var(--border-line);   \/* same border token, kept consistent *\/\r\n    background: linear-gradient(90deg, var(--accent-violet), var(--accent-blue));\r\n    color: #FFFFFF;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\r\n  }\r\n\r\n  .cta-button:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 8px 24px -8px var(--glow-violet);\r\n  }\r\n\r\n  .cta-button svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    transition: transform 0.15s ease;\r\n  }\r\n\r\n  .cta-button:hover svg {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  .cta-subtext {\r\n    position: relative;\r\n    margin: 18px 0 0;\r\n    font-size: 14px;\r\n    color: var(--text-body);\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .cta-inner { padding: 40px 24px; }\r\n    .cta-heading { font-size: 26px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .cta-button { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cta-section\" aria-labelledby=\"cta-heading-id\">\r\n  <div class=\"cta-inner\">\r\n    <p class=\"cta-eyebrow\">Content Templates<\/p>\r\n    <h2 class=\"cta-heading\" id=\"cta-heading-id\">Grow your social presence with confidence<\/h2>\r\n    <a class=\"cta-button\" href=\"https:\/\/login.buffer.com\/signup?product=buffer&plan=free&cycle=year&cta=bufferSite-create-ctaSection-getStarted-1\">\r\n      <span>Get started for free<\/span>\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"><\/path>\r\n      <\/svg>\r\n    <\/a>\r\n    <p class=\"cta-subtext\">No credit card needed. Free forever.<\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Create Your content scratchpad\u2014 for every client Dream up, gather, and polish content ideas for every client in one place \u2014 organized by project, ready to turn into a post. Get started for free Connect yourfavorite accounts Board view From &ldquo;Doing&rdquo; to &ldquo;Done&rdquo; Keep every client&#8217;s content moving with a visual, kanban-style board that tracks [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-782","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages\/782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/socials.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=782"}],"version-history":[{"count":0,"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages\/782\/revisions"}],"wp:attachment":[{"href":"https:\/\/socials.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}