<main id="landing-page" class="main">
  <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
  <script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var b=Object.defineProperty;var f=(c,o,i)=>o in c?b(c,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):c[o]=i;var l=(c,o,i)=>(f(c,typeof o!="symbol"?o+"":o,i),i);var p;{let c={0:t=>m(t),1:t=>i(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(i(t)),5:t=>new Set(i(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},o=t=>{let[e,r]=t;return e in c?c[e](r):void 0},i=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,r])=>[e,o(r)]));customElements.get("astro-island")||customElements.define("astro-island",(p=class extends HTMLElement{constructor(){super(...arguments);l(this,"Component");l(this,"hydrator");l(this,"hydrate",async()=>{var d;if(!this.hydrator||!this.isConnected)return;let e=(d=this.parentElement)==null?void 0:d.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let r=this.querySelectorAll("astro-slot"),a={},h=this.querySelectorAll("template[data-astro-template]");for(let n of h){let s=n.closest(this.tagName);s!=null&&s.isSameNode(this)&&(a[n.getAttribute("data-astro-template")||"default"]=n.innerHTML,n.remove())}for(let n of r){let s=n.closest(this.tagName);s!=null&&s.isSameNode(this)&&(a[n.getAttribute("name")||"default"]=n.innerHTML)}let u;try{u=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(n){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),n),n}await this.hydrator(this)(this.Component,u,a,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});l(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),r.disconnect(),this.childrenConnectedCallback()},r=new MutationObserver(()=>{var a;((a=this.lastChild)==null?void 0:a.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});r.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),r=this.getAttribute("client");if(Astro[r]===void 0){window.addEventListener(`astro:${r}`,()=>this.start(),{once:!0});return}Astro[r](async()=>{let a=this.getAttribute("renderer-url"),[h,{default:u}]=await Promise.all([import(this.getAttribute("component-url")),a?import(a):()=>()=>{}]),d=this.getAttribute("component-export")||"default";if(!d.includes("."))this.Component=h[d];else{this.Component=h;for(let n of d.split("."))this.Component=this.Component[n]}return this.hydrator=u,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},l(p,"observedAttributes",["props"]),p))}})();</script><astro-island uid="15AP1n" prefix="r0" component-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/components.V9YkAxFj.js" component-export="Banner" renderer-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/client.2wOxL1Aq.js" props="{}" ssr="" client="load" opts="{&quot;name&quot;:&quot;Banner&quot;,&quot;value&quot;:true}" await-children="">
   <section class="tw-w-full tw-h-[80vh] md:tw-h-[calc(100vh-96px)] tw-bg-black 
    tw-flex tw-flex-col tw-items-center tw-justify-center 
    tw-text-white tw-text-center tw-px-4 tw-font-thin
    tw-relative">
    <div class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-overflow-hidden"></div><span class="tw-text-xs md:tw-text-base tw-uppercase tw-tracking-[3px] tw-pt-6 tw-font-thin">HAPPY FRIDAY 2025</span>
    <div class="tw-py-[8vh] [@media(max-height:690px)]:tw-py-0 tw-flex tw-flex-col tw-items-center tw-justify-center">
     <h1 class="md:tw-text-6xl tw-text-3xl tw-uppercase tw-my-4 tw-font-thin">VITRINE MISTERIOSA</h1>
     <p class="md:tw-text-base tw-text-sm tw-mb-6 tw-max-w-md tw-pt-3">A cada dia um benefício exclusivo é revelado.<br> Descubra qual será a surpresa de hoje.</p>
    </div><a href="#descobrir-agora" class="tw-relative tw-px-6 tw-py-4 tw-rounded-full tw-cursor-pointer tw-text-white tw-font-thin tw-uppercase tw-border-0 tw-overflow-hidden tw-text-sm tw-w-[220px] hover:[text-shadow:0_0_16px_white] tw-transition-all tw-inline-block tw-text-center tw-no-underline "><img class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover" src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/shine-button.RtuobwWI.gif" alt="Shine effect"><span class="tw-relative tw-z-10">Descobrir agora</span></a><button class="tw-w-6 tw-h-9 tw-border-2 tw-border-white tw-rounded-full tw-absolute tw-bottom-[3vh] tw-flex tw-items-center tw-justify-center before:tw-content-[''] before:tw-w-1 before:tw-h-[9px] before:tw-bg-white before:tw-rounded-full before:tw-animate-slow-bounce tw-hidden md:tw-flex"></button>
   </section>
  </astro-island> <astro-island uid="Z1bLer" prefix="r1" component-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/components.V9YkAxFj.js" component-export="CardCarousel" renderer-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/client.2wOxL1Aq.js" props="{}" ssr="" client="load" opts="{&quot;name&quot;:&quot;CardCarousel&quot;,&quot;value&quot;:true}" await-children="">
   <section class="tw-bg-gray-800 tw-py-24 " id="descobrir-agora">
    <div class="tw-flex tw-flex-col tw-items-center">
     <div class="tw-lp-container tw-text-center tw-px-11">
      <h2 class="tw-inline-flex md:tw-block tw-text-center tw-text-lg md:tw-text-2xl md:tw-w-full tw-w-48 tw-uppercase tw-text-white tw-mb-4 tw-mt-6 tw-font-thin">Revele agora o benefício do dia</h2>
      <p class="tw-text-white tw-mb-8 tw-font-thin">Nem todo mistério dura para sempre. <br>O de hoje está pronto para ser revelado.</p>
     </div>
     <div class="tw-w-full tw-mt-14">
      <div class="tw-w-full tw-flex tw-gap-6 tw-pb-4 tw-mb-8 tw-px-4 tw-overflow-hidden tw-select-none tw-justify-center">
       <div class="tw-shrink-0 tw-flex tw-justify-center">
        <div class="tw-relative">
         <div class="card-glass
    tw-relative
    tw-flex
    tw-overflow-hidden
    tw-rounded-xl
    
            md:tw-w-[412px]
            tw-w-[275px]
            md:tw-h-[562px]
            tw-h-[375px]
            tw-relative
            tw-overflow-hidden
            data-[active=true]:tw-cursor-pointer
            data-[active=false]:tw-scale-90
            tw-max-w-[70vw] md:tw-max-w-none" data-active="false">
          <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/08-11.AftjSKRq.jpg" alt="5% OFF + FRETE GRÁTIS EM NOVIDADES" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-blur-[24px] tw-opacity-25 tw-scale-110">
          <div class="tw-absolute tw-top-6 tw-right-6 tw-z-10">
           <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/locked.WicGKJI5.svg" alt="Locked" class="tw-size-12">
          </div>
          <div class="tw-absolute tw-inset-0 tw-flex tw-items-center tw-pl-6">
           <div class="tw-px-6 tw-py-2 tw-rounded-full tw-font-normal tw-uppercase
    tw-bg-gray-600 tw-text-white">
            Expirado
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="tw-shrink-0 tw-flex tw-justify-center">
        <div class="tw-relative">
         <div class="card-glass
    tw-relative
    tw-flex
    tw-overflow-hidden
    tw-rounded-xl
    
            md:tw-w-[412px]
            tw-w-[275px]
            md:tw-h-[562px]
            tw-h-[375px]
            tw-relative
            tw-overflow-hidden
            data-[active=true]:tw-cursor-pointer
            data-[active=false]:tw-scale-90
            tw-max-w-[70vw] md:tw-max-w-none" data-active="false">
          <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/09-11.edqQHtkw.jpg" alt="20% OFF EM BEST SELLERS" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-blur-[24px] tw-opacity-25 tw-scale-110">
          <div class="tw-absolute tw-top-6 tw-right-6 tw-z-10">
           <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/locked.WicGKJI5.svg" alt="Locked" class="tw-size-12">
          </div>
          <div class="tw-absolute tw-inset-0 tw-flex tw-items-center tw-pl-6">
           <div class="tw-px-6 tw-py-2 tw-rounded-full tw-font-normal tw-uppercase
    tw-bg-gray-600 tw-text-white">
            Expirado
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="tw-shrink-0 tw-flex tw-justify-center">
        <div class="tw-relative">
         <div class="card-glass
    tw-relative
    tw-flex
    tw-overflow-hidden
    tw-rounded-xl
    
            md:tw-w-[412px]
            tw-w-[275px]
            md:tw-h-[562px]
            tw-h-[375px]
            tw-relative
            tw-overflow-hidden
            data-[active=true]:tw-cursor-pointer
            data-[active=false]:tw-scale-90
            tw-max-w-[70vw] md:tw-max-w-none" data-active="true">
          <div class="tw-absolute tw-inset-0 tw-bg-gray-300 tw-animate-pulse"></div>
          <canvas class="tw-absolute tw-inset-0 tw-size-full tw-cursor-pointer tw-transition-opacity tw-duration-500" style="touch-action:none;opacity:0;pointer-events:auto"></canvas>
          <div class="tw-absolute tw-inset-0 tw-flex tw-flex-col tw-items-center tw-justify-center tw-pointer-events-none tw-z-10 tw-transition-opacity tw-duration-500 data-[revealed=true]:tw-opacity-0" data-revealed="false">
           <div class="tw-size-32 tw-rounded-full tw-border-4 tw-border-white tw-bg-transparent tw-flex tw-items-center tw-justify-center tw-mb-4">
            <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/unlocked.tsaNCOQg.svg" alt="Unlock" class="tw-size-16">
           </div>
           <p class="tw-text-white tw-text-center tw-max-w-44">Carregando...</p>
          </div>
         </div>
        </div>
       </div>
       <div class="tw-shrink-0 tw-flex tw-justify-center">
        <div class="tw-relative">
         <div class="card-glass
    tw-relative
    tw-flex
    tw-overflow-hidden
    tw-rounded-xl
    
            md:tw-w-[412px]
            tw-w-[275px]
            md:tw-h-[562px]
            tw-h-[375px]
            tw-relative
            tw-overflow-hidden
            data-[active=true]:tw-cursor-pointer
            data-[active=false]:tw-scale-90
            tw-max-w-[70vw] md:tw-max-w-none" data-active="false">
          <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/11-11.3DJfMkqb.jpg" alt="30% OFF EM SELEÇÃO EXCLUSIVA" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-blur-[24px] tw-opacity-25 tw-scale-110">
          <div class="tw-absolute tw-top-6 tw-right-6 tw-z-10">
           <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/locked.WicGKJI5.svg" alt="Locked" class="tw-size-12">
          </div>
          <div class="tw-absolute tw-inset-0 tw-flex tw-items-center tw-pl-6">
           <div class="tw-px-6 tw-py-2 tw-rounded-full tw-font-normal tw-uppercase
    tw-bg-white tw-text-gray-900">
            Em breve
           </div>
          </div>
          <div class="tw-absolute tw-bottom-6 tw-left-6 tw-z-10">
           <small class="tw-text-base tw-font-thin tw-text-white tw-block tw-mb-1">Disponível em:</small>
           <p class="tw-text-5xl tw-font-thin tw-text-white">11/11</p>
          </div>
         </div>
        </div>
       </div>
       <div class="tw-shrink-0 tw-flex tw-justify-center">
        <div class="tw-relative">
         <div class="card-glass
    tw-relative
    tw-flex
    tw-overflow-hidden
    tw-rounded-xl
    
            md:tw-w-[412px]
            tw-w-[275px]
            md:tw-h-[562px]
            tw-h-[375px]
            tw-relative
            tw-overflow-hidden
            data-[active=true]:tw-cursor-pointer
            data-[active=false]:tw-scale-90
            tw-max-w-[70vw] md:tw-max-w-none" data-active="false">
          <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/12-11.rzUcCrWC.jpg" alt="R$ 100 OFF EM BOLSAS SELECIONADAS" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-blur-[24px] tw-opacity-25 tw-scale-110">
          <div class="tw-absolute tw-top-6 tw-right-6 tw-z-10">
           <img src="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/locked.WicGKJI5.svg" alt="Locked" class="tw-size-12">
          </div>
          <div class="tw-absolute tw-inset-0 tw-flex tw-items-center tw-pl-6">
           <div class="tw-px-6 tw-py-2 tw-rounded-full tw-font-normal tw-uppercase
    tw-bg-white tw-text-gray-900">
            Em breve
           </div>
          </div>
          <div class="tw-absolute tw-bottom-6 tw-left-6 tw-z-10">
           <small class="tw-text-base tw-font-thin tw-text-white tw-block tw-mb-1">Disponível em:</small>
           <p class="tw-text-5xl tw-font-thin tw-text-white">12/11</p>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="tw-lp-container tw-flex tw-justify-center tw-mt-8">
      <div class="card-glass
    tw-relative
    tw-flex
    tw-overflow-hidden
    tw-rounded-xl
    tw-w-60 tw-w-full tw-text-center tw-text-white tw-max-w-[560px] tw-p-7 tw-flex tw-flex-col tw-gap-2">
       <strong class="tw-text-lg">🔮 Dica Misteriosa</strong>
       <p class="tw-text-sm tw-font-thin">O próximo mistério tem tudo para ser o seu novo favorito por enquanto.</p>
      </div>
     </div>
    </div>
   </section>
  </astro-island>
  <script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><astro-island uid="2nyO13" component-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/components.V9YkAxFj.js" component-export="Countdown" renderer-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/client.2wOxL1Aq.js" props="{}" ssr="" client="only" opts="{&quot;name&quot;:&quot;Countdown&quot;,&quot;value&quot;:true}"></astro-island> <astro-island uid="Zsn7RU" prefix="r2" component-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/components.V9YkAxFj.js" component-export="Form" renderer-url="https://secure-static.arezzo.com.br/content/landing-pages/arezzo/2025/vitrine-misteriosa/_astro/client.2wOxL1Aq.js" props="{}" ssr="" client="load" opts="{&quot;name&quot;:&quot;Form&quot;,&quot;value&quot;:true}" await-children="">
   <form class="tw-mx-auto tw-py-24 tw-text-white tw-bg-gray-900">
    <div class="tw-lp-container tw-px-8 tw-flex tw-flex-col tw-justify-center tw-items-center">
     <div class="tw-max-w-[600px] tw-text-center">
      <h3 class="tw-text-2xl tw-font-thin md:px-0 tw-px-2">FIQUE POR DENTRO DAS PRÓXIMAS REVELAÇÕES</h3>
      <p class="tw-mt-1 tw-text-sm">Receba notificações sobre os benefícios e garanta acesso antecipado aos melhores descontos.</p>
      <div class="tw-flex md:tw-flex-row tw-flex-col tw-gap-2 tw-mt-10">
       <label class="tw-flex tw-items-center tw-rounded-full tw-transition-colors tw-w-full tw-pr-12 tw-overflow-hidden tw-relative tw-min-h-12 tw-bg-white tw-border tw-border-transparent focus:tw-bg-white focus:tw-border-gray-300 focus:tw-outline-none disabled:tw-bg-white    tw-w-full md:tw-w-2/3">
        <svg viewbox="0 0 19 20" fill="none" class="tw-w-6 tw-text-black tw-absolute tw-right-3 tw-top-1/2 -tw-translate-y-1/2 tw-z-10">
         <path d="M13.25 9.87292C13.25 11.944 11.5711 13.6229 9.5 13.6229C7.42893 13.6229 5.75 11.944 5.75 9.87292C5.75 7.80186 7.42893 6.12292 9.5 6.12292C11.5711 6.12292 13.25 7.80186 13.25 9.87292ZM13.25 9.87292C13.25 11.9448 14 13.6229 15.875 13.6229C17.75 13.6229 18.5 11.9448 18.5 9.87289C18.4995 7.86769 17.8294 5.92007 16.596 4.33907C15.3626 2.75807 13.6365 1.63426 11.6917 1.14595C9.74686 0.657635 7.69465 0.832797 5.8607 1.64364C4.02674 2.45448 2.5161 3.85456 1.56846 5.62171C0.620825 7.38887 0.290478 9.42188 0.629838 11.3982C0.969197 13.3744 1.95883 15.1808 3.44169 16.5306C4.92456 17.8804 6.81573 18.6963 8.81512 18.8489C10.8145 19.0015 12.8076 18.482 14.4781 17.3729M13.25 9.87292L13.25 6.12289" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"></path>
        </svg><input name="email" id="email" type="email" variant="secondary" placeholder="Digite seu e-mail" class="tw-size-full tw-px-6 tw-py-3 tw-bg-transparent tw-border-none tw-outline-none tw-text-black placeholder:tw-text-black "></label><button type="submit" class="tw-px-5 tw-py-3 tw-rounded-full tw-cursor-pointer tw-relative tw-overflow-hidden tw-text-sm tw-min-h-[48px] tw-bg-white tw-text-black tw-border tw-border-transparent hover:tw-bg-black hover:tw-text-white hover:tw-border-white  tw-w-full md:tw-w-1/3">Cadastrar</button>
      </div>
     </div>
     <div class="tw-flex md:tw-flex-row tw-flex-col tw-gap-5 tw-mt-8 tw-w-full tw-max-w-[700px]">
      <div class="tw-py-6 tw-px-2 tw-rounded-xl tw-bg-gray-800 tw-text-white tw-text-center tw-text-sm tw-flex-1">
       Alertas Diários
      </div>
      <div class="tw-py-6 tw-px-2 tw-rounded-xl tw-bg-gray-800 tw-text-white tw-text-center tw-text-sm tw-flex-1">
       Acesso Antecipado
      </div>
      <div class="tw-py-6 tw-px-2 tw-rounded-xl tw-bg-gray-800 tw-text-white tw-text-center tw-text-sm tw-flex-1">
       Descontos Exclusivos
      </div>
     </div>
    </div>
   </form>
  </astro-island>
 </main>

Vitrine Misteriosa | Arezzo

Mais Procurados

ÚLTIMOS LANÇAMENTOS

TENDÊNCIAS

novidades

CATEGORIAS

SALTO

BICO

OCASIÕES

Sapatos

Material

SHAPE

TAMANHO

Acessórios

Bolsas

Verão

PROMOÇÃO

BRIZZA

Precisa de ajuda?

Meus pedidos

VITRINE MISTERIOSA

Revele agora o benefício do dia

FIQUE POR DENTRO DAS PRÓXIMAS REVELAÇÕES

Fique por dentro das novidades

Siga a Arezzo

Baixe o APP

Certificado