feat: redesign the Site order flow and fix the cart layout
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m23s
Build and deploy / Secret scan and release gate (push) Successful in 6s
Build and deploy / Publish images (push) Successful in 1m48s
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m23s
Build and deploy / Secret scan and release gate (push) Successful in 6s
Build and deploy / Publish images (push) Successful in 1m48s
New landing (hero with a sheet preview, four steps, product cards priced from the checkout table, price table and benefits), a progress bar that follows the order through Montagem, Dados e entrega and Pagamento, the live sheet beside the artworks, and a running total bar on phones. The cart's saved-in-browser note no longer takes a grid column, which had pushed the order into a narrow strip and the summary below it. The previous look is kept in tag ui-v1. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Cauê Faleiros
334
web/index.html
334
web/index.html
@@ -748,6 +748,7 @@ footer a:hover{color:var(--laranja2)}
|
||||
justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#5A6570}
|
||||
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/site-v2.css?v=3">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -820,171 +821,101 @@ footer a:hover{color:var(--laranja2)}
|
||||
</div>
|
||||
</div></nav>
|
||||
|
||||
<header class="hero">
|
||||
<div class="fundo" aria-hidden="true">
|
||||
<svg viewBox="0 0 1400 300" preserveAspectRatio="xMidYMid slice">
|
||||
<g fill="#fff">
|
||||
<rect x="20" y="16" width="118" height="140" rx="5"/>
|
||||
<rect x="150" y="16" width="118" height="140" rx="5"/>
|
||||
<rect x="280" y="16" width="76" height="66" rx="5"/>
|
||||
<rect x="368" y="16" width="76" height="66" rx="5"/>
|
||||
<rect x="280" y="94" width="164" height="62" rx="5"/>
|
||||
<rect x="456" y="16" width="96" height="96" rx="5"/>
|
||||
<rect x="564" y="16" width="96" height="96" rx="5"/>
|
||||
<rect x="456" y="124" width="204" height="32" rx="5"/>
|
||||
<rect x="672" y="16" width="118" height="140" rx="5"/>
|
||||
<rect x="802" y="16" width="112" height="66" rx="5"/>
|
||||
<rect x="802" y="94" width="112" height="62" rx="5"/>
|
||||
<rect x="926" y="16" width="150" height="140" rx="5"/>
|
||||
<rect x="1088" y="16" width="86" height="86" rx="5"/>
|
||||
<rect x="1186" y="16" width="86" height="86" rx="5"/>
|
||||
<rect x="1088" y="114" width="184" height="42" rx="5"/>
|
||||
<rect x="1284" y="16" width="96" height="140" rx="5"/>
|
||||
<rect x="20" y="168" width="76" height="76" rx="5"/>
|
||||
<rect x="108" y="168" width="76" height="76" rx="5"/>
|
||||
<rect x="196" y="168" width="76" height="76" rx="5"/>
|
||||
<rect x="284" y="168" width="160" height="76" rx="5"/>
|
||||
<rect x="456" y="168" width="104" height="118" rx="5"/>
|
||||
<rect x="572" y="168" width="104" height="118" rx="5"/>
|
||||
<rect x="688" y="168" width="226" height="54" rx="5"/>
|
||||
<rect x="688" y="234" width="108" height="52" rx="5"/>
|
||||
<rect x="808" y="234" width="106" height="52" rx="5"/>
|
||||
<rect x="926" y="168" width="150" height="118" rx="5"/>
|
||||
<rect x="1088" y="168" width="184" height="56" rx="5"/>
|
||||
<rect x="1088" y="236" width="86" height="50" rx="5"/>
|
||||
<rect x="1186" y="236" width="86" height="50" rx="5"/>
|
||||
<rect x="1284" y="168" width="96" height="118" rx="5"/>
|
||||
<rect x="20" y="256" width="424" height="30" rx="5"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="w">
|
||||
<div class="hgrid">
|
||||
<div>
|
||||
<div class="selos1">
|
||||
<span class="sel top">Metro a partir de R$ 14,90</span>
|
||||
<span class="sel novo">Revisão inclusa</span>
|
||||
<span class="sel pos">Franca · SP</span>
|
||||
</div>
|
||||
<h1>A gente encaixa sua folha<br><em>e você paga menos metro</em></h1>
|
||||
<p class="sub2">Mande a arte, veja a nota em segundos e a folha montada antes de fechar.
|
||||
<b>Revisão e remanejamento por nossa conta.</b></p>
|
||||
<div class="hcta">
|
||||
<a href="#envio" class="btn1">Enviar minha arte</a>
|
||||
<span class="mini">sem cadastro · resposta em segundos</span>
|
||||
</div>
|
||||
<header class="hero2">
|
||||
<div class="w hero2-grid">
|
||||
<div class="hero2-text">
|
||||
<div class="chips">
|
||||
<span class="chip2 destaque">Metro a partir de R$ 14,90</span>
|
||||
<span class="chip2">Franca · SP · envio em até 24 h</span>
|
||||
</div>
|
||||
|
||||
<div class="pfaixa">
|
||||
<a class="pcard dest" href="#envio">
|
||||
<span class="marc">mais vendido</span>
|
||||
<span class="apartir">com arte boa</span>
|
||||
<span class="vl">R$ 14,90<small> /m</small></span>
|
||||
<span class="nm">Arquivo por metro</span>
|
||||
<span class="dsc">têxtil · 57 cm</span>
|
||||
</a>
|
||||
<a class="pcard" href="#envio">
|
||||
<span class="apartir">com arte boa</span>
|
||||
<span class="vl">R$ 24,90<small> /m</small></span>
|
||||
<span class="nm">Artes avulsas</span>
|
||||
<span class="dsc">têxtil · montamos a folha</span>
|
||||
</a>
|
||||
<a class="pcard" href="#envio">
|
||||
<span class="apartir">com arte boa</span>
|
||||
<span class="vl">R$ 69,90<small> /m</small></span>
|
||||
<span class="nm">Arquivo UV</span>
|
||||
<span class="dsc">rígido · 28,5 cm</span>
|
||||
</a>
|
||||
<a class="pcard" href="#envio">
|
||||
<span class="apartir">com arte boa</span>
|
||||
<span class="vl">R$ 83,90<small> /m</small></span>
|
||||
<span class="nm">Artes avulsas UV</span>
|
||||
<span class="dsc">rígido · montamos a folha</span>
|
||||
</a>
|
||||
<h1>A gente encaixa sua folha e você paga <em>menos metro</em></h1>
|
||||
<p>Mande a arte, veja a nota e a folha montada antes de pagar. Revisão de 5 pontos e reencaixe por nossa conta.</p>
|
||||
<div class="hero2-cta">
|
||||
<a href="#envio" class="btn-laranja">Enviar minha arte <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
<span>Sem cadastro · preço em segundos</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="barrah">
|
||||
<span><i>◆</i> Revisão de <b>5 pontos</b> sem custo</span>
|
||||
<span><i>◆</i> Cobrança por <b>proporção</b>, a cada 10 cm</span>
|
||||
<span><i>◆</i> Filme de <b>57 cm</b>, o dobro do padrão</span>
|
||||
<span><i>◆</i> Prévia da folha <b>antes de pagar</b></span>
|
||||
<div class="hero2-folha" aria-hidden="true">
|
||||
<div class="hf-cab"><b>Sua folha montada</b><span>filme 57 cm · prévia</span></div>
|
||||
<div class="hf-area">
|
||||
<i style="left:3%;top:5%;width:34%;height:40%;background:#FFA81A"></i>
|
||||
<i style="left:39%;top:5%;width:34%;height:40%;background:#FFA81A"></i>
|
||||
<i style="left:75%;top:5%;width:22%;height:55%;background:#2BB6D9"></i>
|
||||
<i style="left:3%;top:49%;width:22%;height:40%;border-radius:50%;background:#E0508F"></i>
|
||||
<i style="left:27%;top:49%;width:22%;height:40%;border-radius:50%;background:#E0508F"></i>
|
||||
<i style="left:51%;top:49%;width:22%;height:30%;background:#E9C23A"></i>
|
||||
<i style="left:75%;top:63%;width:22%;height:26%;background:#E9C23A"></i>
|
||||
</div>
|
||||
<div class="hf-num">
|
||||
<div><span>Metragem</span><b>0,60 m</b></div>
|
||||
<div><span>Nota da arte</span><b class="verde">92</b></div>
|
||||
<div><span>Preço do metro</span><b class="laranja">R$ 24,90</b></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<!-- PROVA -->
|
||||
<section class="prova"><div class="w">
|
||||
<div class="p1"><b>Quanto melhor sua arte,<br><em>menor o preço do metro</em></b>
|
||||
<span>Têxtil de R$ 19,90 a R$ 14,90 · UV de R$ 99,90 a R$ 69,90.
|
||||
A nota aparece na tela antes de você pagar.</span></div>
|
||||
<div class="p1"><b>Filme de 57 cm,<br><em>o dobro do padrão</em></b>
|
||||
<span>Cabe o dobro de arte por metro. E reencaixamos sua folha sem cobrar.</span></div>
|
||||
<div class="p1"><b>Você paga só<br><em>o que usa</em></b>
|
||||
<span>Cobrança a cada 10 cm. Folha de 2,75 m custa 2,80 — não 3.</span></div>
|
||||
<div class="p1"><b>Erro pego<br><em>antes de imprimir</em></b>
|
||||
<span>5 pontos conferidos e a nota na tela. Sem custo.</span></div>
|
||||
<div class="p1"><b>Envio em<br><em>até 24 horas</em></b>
|
||||
<span>E avisamos por WhatsApp a cada etapa do pedido.</span></div>
|
||||
<section class="etapas2"><div class="w">
|
||||
<div><span>1</span><div><b>Envie a arte</b><p>PNG, JPG ou PDF. Sem cadastro.</p></div></div>
|
||||
<div><span>2</span><div><b>Veja nota e montagem</b><p>A folha e o preço aparecem na hora.</p></div></div>
|
||||
<div><span>3</span><div><b>Confira e pague</b><p>Conferimos a metragem e liberamos o pagamento.</p></div></div>
|
||||
<div><span>4</span><div><b>Acompanhe</b><p>Aviso no WhatsApp a cada etapa.</p></div></div>
|
||||
</div></section>
|
||||
|
||||
<!-- ENVIO -->
|
||||
<section id="envio"><div class="w">
|
||||
<section id="envio">
|
||||
<nav class="passos" id="passos" aria-label="Etapas do pedido" hidden>
|
||||
<a href="#foco" data-passo="1"><span>1</span>Montagem</a>
|
||||
<i aria-hidden="true"></i>
|
||||
<a href="#carr" data-passo="2"><span>2</span>Dados e entrega</a>
|
||||
<i aria-hidden="true"></i>
|
||||
<a href="#checkoutStatus" data-passo="3"><span>3</span>Pagamento</a>
|
||||
</nav>
|
||||
<div class="w">
|
||||
|
||||
|
||||
<!-- 3 cards -->
|
||||
<div id="cards">
|
||||
<div class="et">Comece por aqui</div>
|
||||
<h2>Qual é o seu <em>caso</em>?</h2>
|
||||
<div class="cards-cab">
|
||||
<div><div class="et">Escolha o produto</div>
|
||||
<h2>Qual é o seu caso?</h2></div>
|
||||
<p>O preço do metro depende da nota da arte: quanto melhor o arquivo, menor o preço.</p>
|
||||
</div>
|
||||
<div class="escolha">
|
||||
<button class="ec f" data-modo="file">
|
||||
<span class="marc">Mais vendido</span>
|
||||
<div class="top"><h3>Arquivo por metro</h3>
|
||||
<span class="p"><i>tabela</i>R$ 19,90<small>/m</small></span></div>
|
||||
<div class="chama2">Quer pagar <b>R$ 14,90</b>? Arte em 300 DPI, em arquivo que a gente confere.</div>
|
||||
<div class="in">
|
||||
<span class="lg">DTF têxtil · 57 cm</span>
|
||||
<p>Você monta a folha e manda pronta. Revisamos, corrigimos e reencaixamos.</p>
|
||||
<ul><li>Remanejamos e sua folha encolhe</li><li>Arquivo bom paga o mínimo</li>
|
||||
<li>Você continua no controle do layout</li></ul>
|
||||
<span class="go">Enviar minha folha ›</span>
|
||||
<div class="ec-top"><span class="ec-kind">DTF TÊXTIL · 57 CM</span><span class="marc2">Mais vendido</span></div>
|
||||
<h3>Arquivo por metro</h3>
|
||||
<p>Você monta a folha e manda pronta. Revisamos, corrigimos e reencaixamos se sobrar espaço.</p>
|
||||
<div class="ec-pe">
|
||||
<div class="ec-preco"><span>de</span><b data-de="file">—</b><span>a <em data-ate="file">—</em> /m conforme a nota da arte</span></div>
|
||||
<span class="ec-go">Enviar minha folha</span>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button class="ec a" data-modo="avulsa">
|
||||
<div class="top"><h3>Artes avulsas</h3><span class="p"><i>tabela</i>R$ 29,90<small>/m</small></span></div>
|
||||
<div class="chama2">Quer pagar <b>R$ 24,90</b>? Arte em 300 DPI, em arquivo que a gente confere.</div>
|
||||
<div class="in">
|
||||
<span class="lg">DTF têxtil · 57 cm</span>
|
||||
<p>Cada arte num arquivo. Montamos a folha com o melhor encaixe.</p>
|
||||
<ul><li>Sugerimos a largura que rende mais</li><li>Sobreposição não acontece</li>
|
||||
<li>Montagem inclusa · R$ 10,00 no metro</li></ul>
|
||||
<span class="go">Enviar minhas artes ›</span>
|
||||
<div class="ec-top"><span class="ec-kind">DTF TÊXTIL · 57 CM</span></div>
|
||||
<h3>Artes avulsas</h3>
|
||||
<p>Cada arte num arquivo. A gente monta a folha com o melhor encaixe. Montagem inclusa no preço.</p>
|
||||
<div class="ec-pe">
|
||||
<div class="ec-preco"><span>de</span><b data-de="avulsa">—</b><span>a <em data-ate="avulsa">—</em> /m conforme a nota da arte</span></div>
|
||||
<span class="ec-go">Enviar minhas artes</span>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button class="ec u" data-modo="uvfile">
|
||||
<div class="top"><h3>Arquivo por metro · UV</h3><span class="p"><i>tabela</i>R$ 85,90<small>/m</small></span></div>
|
||||
<div class="chama2">Quer pagar <b>R$ 69,90</b>? Arte em 300 DPI, em arquivo que a gente confere.</div>
|
||||
<div class="in">
|
||||
<span class="lg">Adesivo UV · 28,5 cm</span>
|
||||
<p>Sua folha de UV montada. Revisamos, corrigimos e reencaixamos.</p>
|
||||
<ul><li>Arquivo bom paga o mínimo</li><li>Remanejamos e sua folha encolhe</li>
|
||||
<li>Rígido: caneca, garrafa, case</li></ul>
|
||||
<span class="go">Enviar minha folha de UV ›</span>
|
||||
<div class="ec-top"><span class="ec-kind">ADESIVO UV · 28,5 CM</span></div>
|
||||
<h3>Arquivo por metro · UV</h3>
|
||||
<p>Sua folha de UV montada. Para rígidos: caneca, garrafa, case. Não precisa de prensa.</p>
|
||||
<div class="ec-pe">
|
||||
<div class="ec-preco"><span>de</span><b data-de="uvfile">—</b><span>a <em data-ate="uvfile">—</em> /m conforme a nota da arte</span></div>
|
||||
<span class="ec-go">Enviar folha de UV</span>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button class="ec u" data-modo="uv">
|
||||
<div class="top"><h3>Artes avulsas · UV</h3><span class="p"><i>tabela</i>R$ 99,90<small>/m</small></span></div>
|
||||
<div class="chama2">Quer pagar <b>R$ 83,90</b>? Arte em 300 DPI, em arquivo que a gente confere.</div>
|
||||
<div class="in">
|
||||
<span class="lg">Adesivo UV · 28,5 cm</span>
|
||||
<p>Cada arte num arquivo. Montamos a folha de UV com o melhor encaixe.</p>
|
||||
<ul><li>Sugerimos a largura que rende mais</li><li>Montagem inclusa</li>
|
||||
<li>Não precisa de prensa</li></ul>
|
||||
<span class="go">Enviar minhas artes de UV ›</span>
|
||||
<div class="ec-top"><span class="ec-kind">ADESIVO UV · 28,5 CM</span></div>
|
||||
<h3>Artes avulsas · UV</h3>
|
||||
<p>Cada arte num arquivo. Montamos a folha de UV com o melhor encaixe. Montagem inclusa no preço.</p>
|
||||
<div class="ec-pe">
|
||||
<div class="ec-preco"><span>de</span><b data-de="uv">—</b><span>a <em data-ate="uv">—</em> /m conforme a nota da arte</span></div>
|
||||
<span class="ec-go">Enviar artes de UV</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
@@ -1276,99 +1207,37 @@ footer a:hover{color:var(--laranja2)}
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<!-- INFORMAÇÃO EM CARROSSEL -->
|
||||
<section id="info"><div class="w">
|
||||
<div class="et">Como funciona</div>
|
||||
<h2>Tudo o que você precisa saber, <em>em cinco cartões</em></h2>
|
||||
|
||||
<div class="carro">
|
||||
<div class="trilho" id="trilho">
|
||||
|
||||
<div class="slide">
|
||||
<div class="stop">
|
||||
<div class="sinfo"><span class="et2">Preço</span><h3>Arte melhor,<br>metro mais barato</h3></div>
|
||||
<div class="selo"><i></i><b>−25<em>%</em></b><span>no metro</span></div>
|
||||
</div>
|
||||
<p>Vale nos quatro produtos. Preço da folha que você monta:</p>
|
||||
<table>
|
||||
<tr><td class="cab">nota</td><td class="cab">têxtil</td><td class="cab">UV</td></tr>
|
||||
<tr><td>90–100</td><td>R$ 14,90</td><td>R$ 69,90</td></tr>
|
||||
<tr><td>75–89</td><td>R$ 16,20</td><td>R$ 73,90</td></tr>
|
||||
<tr><td>60–74</td><td>R$ 17,50</td><td>R$ 77,90</td></tr>
|
||||
<tr><td>40–59</td><td>R$ 18,70</td><td>R$ 81,90</td></tr>
|
||||
<tr><td>abaixo de 40</td><td>R$ 19,90</td><td>R$ 85,90</td></tr>
|
||||
</table>
|
||||
<div class="dest">Se a montagem for nossa, some <b>R$ 10,00</b> no têxtil e
|
||||
<b>R$ 14,00</b> no UV — mesma escada, em qualquer faixa</div>
|
||||
</div>
|
||||
|
||||
<div class="slide">
|
||||
<div class="stop">
|
||||
<div class="sinfo"><span class="et2">Largura</span><h3>O dobro do<br>filme padrão</h3></div>
|
||||
<div class="selo"><i></i><b>57<em>cm</em></b><span>de filme</span></div>
|
||||
</div>
|
||||
<p>A maioria trabalha com 28,5 cm. Na nossa largura cabe o dobro de arte
|
||||
por metro corrido — e o metro sai mais barato por peça.</p>
|
||||
<ul>
|
||||
<li>Duas artes de 28 cm lado a lado</li>
|
||||
<li>Menos emenda, menos corte</li>
|
||||
<li>DTF UV também disponível, em 28,5 cm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="slide">
|
||||
<div class="stop">
|
||||
<div class="sinfo"><span class="et2">Encaixe</span><h3>Reencaixamos<br>sua folha de graça</h3></div>
|
||||
<div class="selo"><i></i><b>grátis</b><span>reencaixe</span></div>
|
||||
</div>
|
||||
<p>Se a sua montagem deixa espaço sobrando, refazemos o encaixe com o mesmo
|
||||
motor que usamos nas nossas montagens.</p>
|
||||
<ul>
|
||||
<li>Artes que se tocam, separadas com 5 mm</li>
|
||||
<li>Giramos as peças para aproveitar a largura</li>
|
||||
<li>A folha encolhe e a sua conta diminui</li>
|
||||
</ul>
|
||||
<div class="dest">Refazemos o encaixe <b>antes de imprimir</b>, sem cobrar nada</div>
|
||||
</div>
|
||||
|
||||
<div class="slide">
|
||||
<div class="stop">
|
||||
<div class="sinfo"><span class="et2">Cobrança</span><h3>Você paga<br>o que usa</h3></div>
|
||||
<div class="selo"><i></i><b>10<em>cm</em></b><span>de cada vez</span></div>
|
||||
</div>
|
||||
<p>Arredondamos a cada 10 cm. Uma folha de 2,75 m custa 2,80 m — quem cobra
|
||||
metro cheio cobraria 3.</p>
|
||||
<ul>
|
||||
<li>Pedido mínimo de 1 metro</li>
|
||||
<li>A identificação do pedido é por nossa conta</li>
|
||||
<li>Sem taxa de arquivo, sem taxa de revisão</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="slide">
|
||||
<div class="stop">
|
||||
<div class="sinfo"><span class="et2">Sem burocracia</span><h3>Conta só na<br>hora de pagar</h3></div>
|
||||
<div class="selo"><i></i><b>0</b><span>conta e senha</span></div>
|
||||
</div>
|
||||
<p>Sobe a arte e vê o preço sem conta nenhuma. A conta nasce no pagamento, junto com o CNPJ da nota — e o próximo pedido já vem com suas artes anteriores. A revisão de 5 pontos vem junto —
|
||||
há quem cobre R$ 19,90 por pedido só por isso.</p>
|
||||
<ul>
|
||||
<li>Sem cadastro para subir e ver o preço</li>
|
||||
<li>Envio em até 24 horas</li>
|
||||
<li>WhatsApp a cada etapa do pedido</li>
|
||||
<li>Arquivo guardado 30 dias · histórico do pedido na conta</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="navc">
|
||||
<button id="cAnt" aria-label="Anterior">‹</button>
|
||||
<button id="cPro" aria-label="Próximo">›</button>
|
||||
<div class="pontos" id="cPontos"></div>
|
||||
</div>
|
||||
<!-- PREÇO E VANTAGENS -->
|
||||
<section id="info" class="info2"><div class="w info2-grid">
|
||||
<div class="info2-preco">
|
||||
<div class="et">Preço</div>
|
||||
<h2>Arte melhor, metro mais barato</h2>
|
||||
<p>A nota aparece na tela antes de você pagar. Preço da folha que você monta:</p>
|
||||
<table>
|
||||
<thead><tr><th scope="col">Nota da arte</th><th scope="col">Têxtil 57 cm</th><th scope="col">UV 28,5 cm</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>90 a 100</td><td class="melhor">R$ 14,90</td><td class="melhor">R$ 69,90</td></tr>
|
||||
<tr><td>75 a 89</td><td>R$ 16,20</td><td>R$ 73,90</td></tr>
|
||||
<tr><td>60 a 74</td><td>R$ 17,50</td><td>R$ 77,90</td></tr>
|
||||
<tr><td>40 a 59</td><td>R$ 18,70</td><td>R$ 81,90</td></tr>
|
||||
<tr><td>abaixo de 40</td><td>R$ 19,90</td><td>R$ 85,90</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="nota2">Montagem das artes avulsas: + R$ 10,00 no têxtil e + R$ 14,00 no UV, em qualquer faixa.</p>
|
||||
</div>
|
||||
<div class="info2-vant">
|
||||
<div><b class="n">57 cm</b><b>O dobro do filme padrão</b><span>Cabe o dobro de arte por metro corrido.</span></div>
|
||||
<div><b class="n">10 cm</b><b>Você paga o que usa</b><span>Folha de 2,75 m custa 2,80 m, não 3. Pedido mínimo de 1 metro.</span></div>
|
||||
<div><b class="n">Grátis</b><b>Reencaixe da folha</b><span>Sobrou espaço? Refazemos o encaixe e a conta diminui.</span></div>
|
||||
<div><b class="n">5 pontos</b><b>Revisão sem custo</b><span>Erro pego antes de imprimir. Arquivo guardado por 30 dias.</span></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<div class="barraM" id="barraM" hidden>
|
||||
<div><span id="barraMSub">Seu pedido</span><b id="barraMTot">R$ 0,00</b></div>
|
||||
<a href="#carr" id="barraMBtn">Continuar</a>
|
||||
</div>
|
||||
|
||||
<footer><div class="w">
|
||||
<div class="frow">
|
||||
<span class="fmarca"><img src="https://cdn.vnda.com.br/dropstar/2025/12/17/logo-header-15125700-16129080.png?v=1766009286" alt="Dropstar">DTF</span>
|
||||
@@ -1407,7 +1276,8 @@ footer a:hover{color:var(--laranja2)}
|
||||
<script src="/privacy.js"></script>
|
||||
<script src="/upload.js"></script>
|
||||
<script src="/checkout.js"></script>
|
||||
<script src="/cart.js"></script>
|
||||
<script src="/cart.js?v=2"></script>
|
||||
<script src="/site-steps.js?v=1"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user