Boas-vindas à Loja Oficial da Empreender! Somos uma loja dedicada a transformar ideias criativas em produtos personalizados de alta qualidade, confeccionados sob demanda especialmente para cada cliente.
Nosso processo de produção é movido pela paixão e pelo cuidado com cada detalhe, assegurando que o resultado final não apenas atenda, mas supere expectativas.
A nossa missão é entregar itens únicos que reflitam personalidade e estilo, sempre oferecendo uma experiência de compra ágil, amigável e segura, com entregas para todas as regiões do Brasil.
Agradecemos por escolher a nossa marca. Caso tenha sugestões, dúvidas ou queira conhecer mais sobre os bastidores da nossa confecção, sinta-se à vontade para entrar em contato com a equipe da Loja Oficial da Empreender.
function createShadowComponent({ container, html = "", css = "", useTailwind = false }) { const shadow = container.attachShadow({ mode: "open" }); const style = document.createElement("style"); style.textContent = css; shadow.appendChild(style); if (useTailwind) { const twStyle = document.createElement("style"); twStyle.textContent = '@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";'; shadow.appendChild(twStyle); } const wrapper = document.createElement("div"); wrapper.innerHTML = html; shadow.appendChild(wrapper); return shadow; } const htmlString = ` <div class="editor-grid-empreender w-[990px] m-auto relative p-4 mb-52 h-auto box-content mt-[40px]"><div role="button" tabindex="0" aria-disabled="false" aria-roledescription="sortable" aria-describedby="DndDescribedBy-0" style="opacity: 1; z-index: auto; position: relative; will-change: transform; transition: transform linear;"><div class="flex relative" style="gap: 0px;"><div class="relative group/grupo-section secao-empreender" style="width: 990px;"><div class="w-full m-auto mb-2 relative bg-white box-border min-h-24 editor-section-empreender first:!mt-0 transition-none duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] secao-ativa outline-1 outline-gray-900/50 outline-dashed z-10"><div class="empreender-descricaopro layout" style="height: 742px;"><div class="empreender-descricaopro-grid-item hover:z-10 z-1 [&:has(.block-tool-active)]:z-20 react-draggable cssTransforms react-resizable" style="position: absolute; width: 457px; height: 132px; transform: translateX(16px) translateY(16px);"><div class="" style="width: 100%; height: 100%;"><div class="size-full group/block-tool"><div class="block-handle size-full"><div style="color: rgb(31, 41, 55); width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0.2px;"><div><div contenteditable="false" role="textbox" translate="no" class="tiptap ProseMirror"><p>Consectetur reprehenderit non occaecat reprehenderit cillum aliqua in consequat. Ut officia eiusmod cillum non.</p></div></div></div></div></div></div></div><div class="empreender-descricaopro-grid-item hover:z-10 z-1 [&:has(.block-tool-active)]:z-20 react-draggable cssTransforms react-resizable" style="position: absolute; width: 497px; height: 132px; transform: translateX(477px) translateY(16px);"><div class="" style="width: 100%; height: 100%;"><div class="size-full group/block-tool"><div class="block-handle size-full"><div style="color: rgb(31, 41, 55); width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0.2px;"><div><div contenteditable="false" role="textbox" translate="no" class="tiptap ProseMirror"><p>Consectetur reprehenderit non occaecat reprehenderit cillum aliqua in consequat. Ut officia eiusmod cillum non. Pariatur adipiscing est in velit irure minim amet do mollit ut pariatur ullamco. Labore in labore in nisi.</p></div></div></div></div></div></div></div><div class="empreender-descricaopro-grid-item hover:z-10 z-1 [&:has(.block-tool-active)]:z-20 react-draggable cssTransforms react-resizable" style="position: absolute; width: 577px; height: 302px; transform: translateX(16px) translateY(424px);"><div class="" style="width: 100%; height: 100%;"><div class="size-full group/block-tool"><div class="block-handle size-full"><div class="size-full transition" draggable="false" style="object-fit: cover; background-image: url("https://empreender.nyc3.digitaloceanspaces.com/LP/im/826a2d8d9b8c.jpg"); background-size: cover;"></div></div></div></div></div><div class="empreender-descricaopro-grid-item hover:z-10 z-1 [&:has(.block-tool-active)]:z-20 react-draggable cssTransforms react-resizable" style="position: absolute; width: 377px; height: 574px; transform: translateX(597px) translateY(152px);"><div class="" style="width: 100%; height: 100%;"><div class="size-full group/block-tool"><div class="block-handle size-full"><div class="size-full transition" draggable="false" style="object-fit: cover; background-image: url("https://empreender.nyc3.digitaloceanspaces.com/LP/im/826a2d8d9b8c.jpg"); background-size: cover;"></div></div></div></div></div><div class="empreender-descricaopro-grid-item hover:z-10 z-1 [&:has(.block-tool-active)]:z-20 react-draggable cssTransforms react-resizable" style="position: absolute; width: 577px; height: 268px; transform: translateX(16px) translateY(152px);"><div class="" style="width: 100%; height: 100%;"><div class="size-full group/block-tool"><div class="block-handle size-full"><div class="size-full transition" draggable="false" style="object-fit: cover; background-image: url("https://empreender.nyc3.digitaloceanspaces.com/LP/im/826a2d8d9b8c.jpg"); background-size: cover;"></div></div></div></div></div></div></div></div></div></div></div> `; const cssString = ` .size-full { width: 100%; height: 100%; } .secao-empreender { margin: auto; } `; const originalContainer = document.getElementById("app-descricao-empreender"); if (originalContainer) { const target = originalContainer.parentElement?.parentElement?.parentElement?.parentElement; if (target) { const newContainer = document.createElement("div"); // adiciona logo abaixo da div encontrada target.insertAdjacentElement("afterend", newContainer); createShadowComponent({ container: newContainer, html: htmlString, css: cssString, useTailwind: true }); } }