{"id":14,"date":"2026-07-05T11:14:43","date_gmt":"2026-07-05T11:14:43","guid":{"rendered":"https:\/\/creapardesenvolvimento.com.br\/?page_id=14"},"modified":"2026-07-05T11:25:26","modified_gmt":"2026-07-05T11:25:26","slug":"home","status":"publish","type":"page","link":"https:\/\/creapardesenvolvimento.com.br\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddefc59 e-con-full e-flex e-con e-parent\" data-id=\"ddefc59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-918ee45 elementor-widget elementor-widget-html\" data-id=\"918ee45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CREAPAR \u2014 SE\u00c7\u00c3O HERO v2 (alta performance \/ foco em convers\u00e3o)\r\n     Fonte \u00fanica: Montserrat (400 e 700) \u2014 reduz requisi\u00e7\u00f5es e peso\r\n     Mobile-first: CTA \u00fanico, sem distra\u00e7\u00f5es, diagrama s\u00f3 no desktop\r\n     Como usar no Elementor:\r\n     1. Adicione um widget \"HTML\" (categoria Geral) na p\u00e1gina\r\n     2. Cole TODO este c\u00f3digo dentro do widget\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .cp-hero {\r\n    --cp-navy: #10254A;\r\n    --cp-blue: #2454C7;\r\n    --cp-accent: #FF7A45;\r\n    --cp-bg: #F5F7FB;\r\n    --cp-ink: #10131F;\r\n    --cp-line: #D8E0F0;\r\n\r\n    background: var(--cp-bg);\r\n    color: var(--cp-ink);\r\n    font-family: 'Montserrat', sans-serif;\r\n    padding: 48px 20px;\r\n    box-sizing: border-box;\r\n  }\r\n  .cp-hero *, .cp-hero *::before, .cp-hero *::after { box-sizing: border-box; }\r\n\r\n  \/* ---- Mobile primeiro (base) ---- *\/\r\n  .cp-hero__inner {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n    display: block;\r\n  }\r\n\r\n  .cp-eyebrow {\r\n    display: inline-block;\r\n    font-weight: 700;\r\n    font-size: 12px;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    color: var(--cp-blue);\r\n    background: #E8EEFC;\r\n    padding: 6px 12px;\r\n    border-radius: 4px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .cp-hero__title {\r\n    font-weight: 700;\r\n    font-size: clamp(26px, 6vw, 44px);\r\n    line-height: 1.2;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 16px 0;\r\n    color: var(--cp-navy);\r\n  }\r\n  .cp-hero__title-accent { color: var(--cp-blue); }\r\n\r\n  .cp-hero__subtitle {\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n    color: #3A4257;\r\n    max-width: 56ch;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  .cp-hero__services {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    padding: 0;\r\n    margin: 0 0 28px 0;\r\n  }\r\n  .cp-hero__services li {\r\n    font-weight: 700;\r\n    font-size: 12px;\r\n    color: var(--cp-navy);\r\n    border: 1px solid var(--cp-line);\r\n    background: #FFFFFF;\r\n    padding: 7px 12px;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .cp-cta {\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n    color: #FFFFFF;\r\n    background: var(--cp-accent);\r\n    padding: 17px 24px;\r\n    border-radius: 6px;\r\n    display: block;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n  .cp-cta:focus-visible { outline: 3px solid var(--cp-navy); outline-offset: 2px; }\r\n\r\n  .cp-hero__trust {\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    color: #5A6178;\r\n    text-align: center;\r\n    margin: 12px 0 0 0;\r\n  }\r\n\r\n  .cp-hero__visual { display: none; }\r\n\r\n  \/* ---- Desktop (a partir daqui adiciona, n\u00e3o sobrescreve tudo) ---- *\/\r\n  @media (min-width: 861px) {\r\n    .cp-hero { padding: 96px 32px; }\r\n\r\n    .cp-hero__inner {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 0.85fr;\r\n      gap: 64px;\r\n      align-items: center;\r\n    }\r\n\r\n    .cp-hero__actions { display: flex; }\r\n    .cp-cta { display: inline-block; width: auto; padding: 16px 28px; }\r\n    .cp-hero__trust { text-align: left; margin: 14px 0 0 0; }\r\n\r\n    .cp-hero__visual { display: flex; justify-content: center; }\r\n    .cp-hero__visual svg { width: 100%; max-width: 340px; height: auto; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cp-hero\" aria-label=\"Apresenta\u00e7\u00e3o Creapar\">\r\n  <div class=\"cp-hero__inner\">\r\n\r\n    <div class=\"cp-hero__content\">\r\n      <span class=\"cp-eyebrow\">Software house completa<\/span>\r\n\r\n      <h1 class=\"cp-hero__title\">\r\n        Site, loja virtual, sistema e visibilidade no Google.<br>\r\n        <span class=\"cp-hero__title-accent\">Tudo com um s\u00f3 parceiro de tecnologia.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"cp-hero__subtitle\">\r\n        Cria\u00e7\u00e3o, gest\u00e3o e SEO em um \u00fanico lugar \u2014 sem contratar uma ag\u00eancia para cada etapa.\r\n      <\/p>\r\n\r\n      <ul class=\"cp-hero__services\" aria-label=\"Servi\u00e7os oferecidos pela Creapar\">\r\n        <li>SEO<\/li>\r\n        <li>E-commerce<\/li>\r\n        <li>Cria\u00e7\u00e3o de sites<\/li>\r\n        <li>Sistemas sob medida<\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"cp-hero__actions\">\r\n        <a href=\"https:\/\/lead.creapost.com.br\/api\/public\/whatsapp?public_id=d4cabdaaca5f4c87&amp;url=https%3A%2F%2Fwa.me%2F11976302722%3Ftext%3DOl%25C3%25A1%252C%2Bvim%2Bpelo%2Bsite%2Be%2Bquero%2Bmais%2Binforma%25C3%25A7%25C3%25B5es.&amp;origem=site&amp;mensagem=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20quero%20mais%20informa%C3%A7%C3%B5es.\" target=\"_blank\" rel=\"noopener\" class=\"cp-cta\">Quero um diagn\u00f3stico gratuito<\/a>\r\n      <\/div>\r\n      <p class=\"cp-hero__trust\">Sem compromisso \u00b7 Resposta em at\u00e9 24h<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cp-hero__visual\" role=\"img\" aria-label=\"Diagrama mostrando SEO, E-commerce, Cria\u00e7\u00e3o de Sites e Sistemas convergindo para a Creapar como parceiro \u00fanico de tecnologia\">\r\n      <svg viewBox=\"0 0 440 440\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"82\" y1=\"82\" x2=\"220\" y2=\"220\" stroke=\"#FF7A45\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"358\" y1=\"82\" x2=\"220\" y2=\"220\" stroke=\"#2454C7\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"82\" y1=\"358\" x2=\"220\" y2=\"220\" stroke=\"#2454C7\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"358\" y1=\"358\" x2=\"220\" y2=\"220\" stroke=\"#FF7A45\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n\r\n        <circle cx=\"220\" cy=\"220\" r=\"58\" fill=\"#10254A\"\/>\r\n        <text x=\"220\" y=\"216\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"14\" font-weight=\"700\" fill=\"#FFFFFF\">CREAPAR<\/text>\r\n        <text x=\"220\" y=\"234\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"10\" font-weight=\"400\" fill=\"#B9C6E8\">parceiro \u00fanico<\/text>\r\n\r\n        <circle cx=\"82\" cy=\"82\" r=\"42\" fill=\"#FFFFFF\" stroke=\"#D8E0F0\" stroke-width=\"2\"\/>\r\n        <text x=\"82\" y=\"87\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#10254A\">SEO<\/text>\r\n\r\n        <circle cx=\"358\" cy=\"82\" r=\"42\" fill=\"#FFFFFF\" stroke=\"#D8E0F0\" stroke-width=\"2\"\/>\r\n        <text x=\"358\" y=\"80\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#10254A\">E-COM<\/text>\r\n        <text x=\"358\" y=\"93\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#10254A\">MERCE<\/text>\r\n\r\n        <circle cx=\"82\" cy=\"358\" r=\"42\" fill=\"#FFFFFF\" stroke=\"#D8E0F0\" stroke-width=\"2\"\/>\r\n        <text x=\"82\" y=\"363\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#10254A\">SITE<\/text>\r\n\r\n        <circle cx=\"358\" cy=\"358\" r=\"42\" fill=\"#FFFFFF\" stroke=\"#D8E0F0\" stroke-width=\"2\"\/>\r\n        <text x=\"358\" y=\"363\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#10254A\">SISTEMA<\/text>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Software house completa Site, loja virtual, sistema e visibilidade no Google. Tudo com um s\u00f3 parceiro de tecnologia. Cria\u00e7\u00e3o, gest\u00e3o e SEO em um \u00fanico lugar \u2014 sem contratar uma ag\u00eancia para cada etapa. SEO E-commerce Cria\u00e7\u00e3o de sites Sistemas sob medida Quero um diagn\u00f3stico gratuito Sem compromisso \u00b7 Resposta em at\u00e9 24h CREAPAR parceiro [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":7,"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/creapardesenvolvimento.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}