<!DOCTYPE html><html lang="pt-BR"> <head><meta charset="UTF-8"><meta name="description" content="tudo para o seu salão em um clique!"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.png"><meta name="generator" content="Astro v4.16.10"><title>gal, shop pro</title><link rel="stylesheet" href="/_astro/consultor-gal.Cy8khSQv.css"><script type="module">const e=new Date().getFullYear(),t=document.getElementById("current-year");t.innerText=e.toString();
</script>
<script type="module" src="/_astro/page.V2R8AmkL.js"></script></head> <body> <header class="sticky inset-x-0 top-0 z-50 bg-white flex w-full flex-wrap text-sm md:flex-nowrap md:justify-start shadow-md"> <nav class="container mx-auto px-3 relative w-full py-3 md:flex md:items-center md:justify-between md:py-0"> <div class="flex items-center justify-between"> <a class="flex-none rounded-lg text-xl font-bold outline-none ring-zinc-500 focus-visible:ring" href="/" aria-label="gal, shop pro" title="gal, shop pro"> <img src="/logo.svg" class="h-auto w-28 md:w-36" alt="gal, shop pro"> </a> <div class="ml-auto mr-5 md:hidden"> <a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-primary-600 hover:bg-primary-500 active:bg-primary-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="https://api.whatsapp.com/send?phone=5511913049282" target="_blank" rel="nofollow, noopener, external" title="Comprar agora"> Comprar agora <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </div> <div id="navbar-collapse-with-animation" class="hs-collapse hidden grow basis-full overflow-hidden transition-all duration-300 md:block"> <div class="mt-5 flex flex-col gap-x-0 gap-y-4 md:mt-0 md:flex-row md:items-center md:justify-end md:gap-x-4 lg:gap-x-7 md:gap-y-0 md:ps-7"> <a href="/consultor-gal" class="text-neutral-600 hover:text-primary-600">seja um consultor gal,</a> <a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-primary-600 hover:bg-primary-500 active:bg-primary-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="https://api.whatsapp.com/send?phone=5511913049282" target="_blank" rel="nofollow, noopener, external" title="Comprar agora"> Comprar agora <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </div> </nav> </header> <main> <div class="container mx-auto px-3"> <section class="mx-auto grid max-w-[85rem] gap-4 px-4 py-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"> <div> <h1 class="block text-balance text-3xl font-bold tracking-tight text-neutral-800 sm:text-4xl lg:text-6xl lg:leading-tight"> <!-- About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments --> Tudo para o seu estabelecimento <span
class="text-primary-600">em um clique</span> </h1> <p class="mt-3 text-pretty text-lg leading-relaxed text-neutral-700 lg:w-4/5">A <span style="--tw-text-opacity: 1;color: rgb(237 27 105 / var(--tw-text-opacity))">gal, shop pro</span> é a plataforma que conecta os melhores fornecedores do mundo da beleza ao seu estabelecimento!</p> <div class="mt-7 grid w-full gap-3 sm:inline-flex"> <a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-primary-600 hover:bg-primary-500 active:bg-primary-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="https://api.whatsapp.com/send?phone=5511913049282" target="_blank" rel="nofollow, noopener, external" title="Falar com um representante"> Falar com um representante <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </div> <!-- Hero Image Section --> <div class="flex w-full"> <div class="top-12 overflow-hidden"> <img src="/_astro/loreal-absolut-repair.Rq5ij6O2_Z2LJch.png" alt="Absolut Repair Lipidium L'Oréal Professionnel" class="h-full w-full object-cover object-center" draggable="false" loading="eager" width="800" height="800" decoding="async"> </div> </div> </section> <section class="px-4 py-10 sm:px-6 lg:px-8 lg:py-14"> <!-- Title and description --> <div class="mb-6 w-full space-y-1 text-center"> <h2 class="text-balance text-2xl font-bold leading-tight text-neutral-800 sm:text-3xl"> As melhores marcas do mercado </h2> <p class="text-pretty leading-tight text-neutral-600">Encontre todos os produtos das melhores marcas do mercado em um só lugar!</p> </div> <div class="flex items-center justify-center flex-row flex-wrap"> <img src="/_astro/loreal.Dq244ZgI_Zn7id3.png" alt="loreal" class="mx-auto h-auto w-48 py-3 sm:mx-0 lg:py-5" draggable="false" loading="eager" width="260" height="102" decoding="async"> <img src="/_astro/wella.CSo8vU42_gtfRE.png" alt="wella" class="mx-auto h-auto w-48 py-3 sm:mx-0 lg:py-5" draggable="false" loading="eager" width="260" height="102" decoding="async"> <img src="/_astro/schwarzkopf.BwCl6hB5_1TJIbl.png" alt="schwarzkopf" class="mx-auto h-auto w-48 py-3 sm:mx-0 lg:py-5" draggable="false" loading="eager" width="260" height="102" decoding="async"> <img src="/_astro/truss.QprwGCSn_Z2uxH3p.png" alt="truss" class="mx-auto h-auto w-48 py-3 sm:mx-0 lg:py-5" draggable="false" loading="eager" width="260" height="102" decoding="async"> <img src="/_astro/brae.CWZ9JIEf_1tsToO.png" alt="brae" class="mx-auto h-auto w-48 py-3 sm:mx-0 lg:py-5" draggable="false" loading="eager" width="817" height="397" decoding="async"> <img src="/_astro/cadiveu.9E0cbWQk_ZxEFHv.png" alt="cadiveu" class="mx-auto h-auto w-48 py-3 sm:mx-0 lg:py-5" draggable="false" loading="eager" width="6780" height="3600" decoding="async"> </div> </section> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!-- Block to display the feature image --> <div class="relative mb-6 overflow-hidden md:mb-8 flex justify-center"> <img src="/_astro/produtos-1.CCtkLOcR_15AHBk.png" alt="Produtos de beleza" class="h-full w-full object-cover object-center max-w-[800px]" draggable="false" loading="eager" width="1150" height="520" decoding="async"> </div> <!-- Displaying the main content consisting of title, subtitle, and several `IconBlock` components --> <div class="mt-5 grid gap-8 lg:mt-16 lg:grid-cols-3 lg:gap-12"> <!-- Block for title and subtitle --> <div class="lg:col-span-1"> <!-- Rendering title --> <h2 class="text-balance text-2xl font-bold text-neutral-800 md:text-3xl"> Como a <span style="--tw-text-opacity: 1;color: rgb(237 27 105 / var(--tw-text-opacity))">gal, shop pro</span> pode ajudar o seu negócio </h2> <!-- Rendering subtitle --> <p class="mt-2 text-pretty text-neutral-600 md:mt-4">Atendemos exclusivamente CNPJs.</p> </div> <!-- Block to display the IconBlock components --> <div class="lg:col-span-2"> <div class="grid gap-8 sm:grid-cols-2 md:gap-12"> <!-- Injecting IconBlock components with different properties --> <!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-primary-400" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="m150-400 82-80-82-82-80 82 80 80Zm573-10 87-140 88 140H723Zm-243-70q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm.351-180Q455-660 437.5-642.851t-17.5 42.5Q420-575 437.351-557.5t43 17.5Q506-540 523-557.351t17-43Q540-626 522.851-643t-42.5-17ZM480-600ZM0-240v-53q0-39.464 42-63.232T150.398-380q12.158 0 23.38.5T196-377.273q-8 17.273-12 34.842-4 17.57-4 37.431v65H0Zm240 0v-65q0-65 66.5-105T480-450q108 0 174 40t66 105v65H240Zm570-140q67.5 0 108.75 23.768T960-293v53H780v-65q0-19.861-3.5-37.431Q773-360 765-377.273q11-1.727 22.171-2.227 11.172-.5 22.829-.5Zm-330.2-10Q400-390 350-366q-50 24-50 61v5h360v-6q0-36-49.5-60t-130.7-24Zm.2 90Z" class=""></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800"> Time Especialista </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700">Temos um time preparado para atender as suas necessidades, com alto conhecimento de produtos para auxiliar nas suas escolhas</p> </div> </div><!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-primary-400" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="m346-60-76-130-151-31 17-147-96-112 96-111-17-147 151-31 76-131 134 62 134-62 77 131 150 31-17 147 96 111-96 112 17 147-150 31-77 130-134-62-134 62Zm27-79 107-45 110 45 67-100 117-30-12-119 81-92-81-94 12-119-117-28-69-100-108 45-110-45-67 100-117 28 12 119-81 94 81 92-12 121 117 28 70 100Zm107-341Zm-43 133 227-225-45-41-182 180-95-99-46 45 141 140Z" class=""></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800"> Fornecedores Homologados </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700">Trabalhamos com as principais marcas do mercado através de fornecedores homologados, garantindo assim a qualidade e procedência de todos os produtos</p> </div> </div><!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-primary-400" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M343-420h225v-60H343v60Zm0-90h395v-60H343v60Zm0-90h395v-60H343v60Zm-83 400q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h560q24 0 42 18t18 42v560q0 24-18 42t-42 18H260Zm0-60h560v-560H260v560ZM140-80q-24 0-42-18t-18-42v-620h60v620h620v60H140Zm120-740v560-560Z" class=""></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800"> Orçamento Agilizado </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700">Nossa plataforma é capaz de preparar orçamentos de múltiplas marcas e fornecedores em poucos minutos com base em suas escolhas</p> </div> </div><!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-primary-400" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M480-480q-51 0-85.5-34.5T360-600q0-50 34.5-85t85.5-35q50 0 85 35t35 85q0 51-35 85.5T480-480Zm-.351-60Q505-540 522.5-557.149t17.5-42.5Q540-625 522.649-642.5t-43-17.5Q454-660 437-642.649t-17 43Q420-574 437.149-557t42.5 17ZM240-240v-76q0-27 17.5-47.5T300-397q42-22 86.943-32.5 44.942-10.5 93-10.5Q528-440 573-429.5t87 32.5q25 13 42.5 33.5T720-316v76H240Zm240-140q-47.546 0-92.773 13T300-328v28h360v-28q-42-26-87.227-39-45.227-13-92.773-13Zm0-220Zm0 300h180-360 180ZM140-80q-24 0-42-18t-18-42v-172h60v172h172v60H140ZM80-648v-172q0-24 18-42t42-18h172v60H140v172H80ZM648-80v-60h172v-172h60v172q0 24-18 42t-42 18H648Zm172-568v-172H648v-60h172q24 0 42 18t18 42v172h-60Z" class=""></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800"> Cliente em Foco </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700">Nosso principal objetivo é garantir a melhor experiência para nosso cliente, temos um time dedicado a resolver qualquer problema com máxima agilidade</p> </div> </div> </div> </div> </div> </section> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <div class="relative p-6 md:p-16"> <div class="relative z-10 lg:grid lg:grid-cols-12 lg:items-center lg:gap-16"> <!-- Section's heading and tab navigation --> <div class="mb-10 lg:order-2 lg:col-span-6 lg:col-start-8 lg:mb-0"> <h2 class="text-2xl font-bold text-neutral-800 sm:text-3xl"> <!-- About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments --> Conheça outros motivos para contar com a <span class="text-primary-600">gal, shop pro</span> para seu negócio. </h2> <!-- Tab navigation - use the attribute 'first' in the first TabNav for the component to work --> <nav class="mt-5 grid gap-4 md:mt-10" aria-label="Tabs" role="tablist"> <!-- Tab button with dynamic class based on 'first' property, id, tab data, and aria-controls --><button type="button" class="active rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent md:p-5" id="tabs-with-card-item-1" data-hs-tab="#tabs-with-card-1" aria-controls="tabs-with-card-1" role="tab"> <!-- Slot for additional content --> <span class="flex"> <svg class="h-5 w-5 shrink-0" viewBox="0 0 20 20" fill="currentColor" clip-rule="evenodd" fill-rule="evenodd"><title></title><path d="M10 18a8 8 0 100-16 8 8 0 000 16zM13.707 8.293a1 1 0 00-1.414-1.414L9 10.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" class=""></path></svg> <!-- Container for the heading and content of the tab --> <span class="ms-6 grow"> <!-- Heading of the tab, changes color when active --> <span class="block text-lg font-bold text-neutral-800 hs-tab-active:text-primary-400">Lista de Compras</span> <!-- Content of the tab, changes color when active --> <span class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600">Faça uma cotação conosco, traga sua lista de compras para nosso time e obtenha as melhores condições, com os melhores fornecedores</span> </span> </span> </button><!-- Tab button with dynamic class based on 'first' property, id, tab data, and aria-controls --><button type="button" class="rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent md:p-5" id="tabs-with-card-item-2" data-hs-tab="#tabs-with-card-2" aria-controls="tabs-with-card-2" role="tab"> <!-- Slot for additional content --> <span class="flex"> <svg class="mt-2 h-6 w-6 flex-shrink-0 fill-neutral-700 hs-tab-active:fill-primary-400 md:h-7 md:w-7" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M510-570v-270h330v270H510ZM120-450v-390h330v390H120Zm390 330v-390h330v390H510Zm-390 0v-270h330v270H120Zm60-390h210v-270H180v270Zm390 330h210v-270H570v270Zm0-450h210v-150H570v150ZM180-180h210v-150H180v150Zm210-330Zm180-120Zm0 180ZM390-330Z" class=""></path></svg> <!-- Container for the heading and content of the tab --> <span class="ms-6 grow"> <!-- Heading of the tab, changes color when active --> <span class="block text-lg font-bold text-neutral-800 hs-tab-active:text-primary-400">Catálogo Diversificado</span> <!-- Content of the tab, changes color when active --> <span class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600">Nosso catálogo conta com dezenas de marcas e milhares de produtos para atender seu negócio, diretamente de fornecedores homologados.</span> </span> </span> </button><!-- Tab button with dynamic class based on 'first' property, id, tab data, and aria-controls --><button type="button" class="rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent md:p-5" id="tabs-with-card-item-3" data-hs-tab="#tabs-with-card-3" aria-controls="tabs-with-card-3" role="tab"> <!-- Slot for additional content --> <span class="flex"> <svg class="mt-1.5 h-6 w-6 flex-shrink-0 text-neutral-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" class=""></path><path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" class=""></path></svg> <!-- Container for the heading and content of the tab --> <span class="ms-6 grow"> <!-- Heading of the tab, changes color when active --> <span class="block text-lg font-bold text-neutral-800 hs-tab-active:text-primary-400">Entrega exclusiva em SP</span> <!-- Content of the tab, changes color when active --> <span class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600">Atuamos, atualmente, apenas o estado de SP. Na grande São Paulo e no interior.</span> </span> </span> </button> </nav> </div> <!-- Contents for each tab - the 'first' attribute should be used in the first tab for that tab to be initially visible, 'second' changes the styles --> <div class="lg:col-span-6 hidden lg:block"> <div class="relative"> <div> <!-- Container for tab content that controls visibility and accessibility --><div id="tabs-with-card-1" role="tabpanel" class="" aria-labelledby="tabs-with-card-item-1"> <!-- Astro Image component to display the image with dynamic classes based on the 'second' property --> <img src="/_astro/checklist.3yCJJEbk_2igj1G.png" alt="Checklist de Compras" class="shadow-xl aspect-[3/2] object-cover lg:aspect-auto shadow-neutral-200 rounded-xl" draggable="false" loading="eager" width="500" height="667" decoding="async"> </div><!-- Container for tab content that controls visibility and accessibility --><div id="tabs-with-card-2" role="tabpanel" class="hidden" aria-labelledby="tabs-with-card-item-2"> <!-- Astro Image component to display the image with dynamic classes based on the 'second' property --> <img src="/_astro/estoque.B7JIa3jq_Z4AijX.png" alt="Catálogo Diversificado" class="shadow-xl aspect-[3/2] object-cover lg:aspect-auto shadow-neutral-200 rounded-xl" draggable="false" loading="eager" width="500" height="667" decoding="async"> </div><!-- Container for tab content that controls visibility and accessibility --><div id="tabs-with-card-3" role="tabpanel" class="hidden" aria-labelledby="tabs-with-card-item-3"> <!-- Astro Image component to display the image with dynamic classes based on the 'second' property --> <img src="/_astro/delivery.BlwroNAE_YYzTF.png" alt="Entrega exclusiva em SP" class="shadow-xl aspect-[3/2] object-cover lg:aspect-auto shadow-neutral-200 rounded-xl" draggable="false" loading="eager" width="500" height="667" decoding="async"> </div> </div> </div> </div> </div> <div class="absolute inset-0 grid h-full w-full grid-cols-12"> <!-- Decorative background and sizing --> <div class="col-span-full h-full w-full rounded-xl bg-neutral-100 lg:col-span-7 lg:col-start-6"></div> </div> </div> </section> <!--Import the necessary Tabs plugin--> <!--https://preline.co/plugins/html/tabs.html--> <script src="/scripts/vendor/preline/index.js"></script> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!-- Container for the testimonials --> <div class="lg:grid lg:grid-cols-12 lg:items-center lg:justify-between lg:gap-16"> <div class="lg:col-span-5 lg:col-start-1"> <!-- Title and Subtitle --> <div class="mb-8"> <h2 class="mb-2 text-3xl font-bold text-neutral-800 lg:text-4xl"> O que estão dizendo </h2> <p class="text-neutral-600"> No <span style="--tw-text-opacity: 1;color: rgb(237 27 105 / var(--tw-text-opacity))">gal, shop pro</span> garantimos a satisfação dos nosso clientes. </p> </div> <!-- Generate a blockquote for each testimonial in the testimonials array by mapping over the array. --> <blockquote class="relative"> <svg class="absolute start-0 top-0 h-16 w-16 -translate-x-6 -translate-y-8 transform text-neutral-300" height="16" viewBox="0 0 16 16" width="16" fill="currentColor"><title></title><path d="M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z" class=""></path></svg> <div class="relative z-10"> <p class="text-xl italic text-neutral-800"> Preços ótimos, entregam muito rápido e ainda ganhei mimos maravilhosos, tô apaixonada já pela gal,shop pro! </p> </div> <div class="mt-6"> <div class="flex items-center"> <div class="grow"> <div class="font-bold text-neutral-800"> Letícia </div> <div class="text-xs text-neutral-500">Proprietária de Salão</div> </div> </div> </div> </blockquote> </div> <div class="mt-10 lg:col-span-6 lg:col-end-13 lg:mt-0"> <div class="space-y-6 sm:space-y-8"> <ul class="grid grid-cols-2 divide-x-2 divide-y-2 divide-neutral-300 overflow-hidden"> <!-- Generate a list item for each stat in the statistics array by mapping over the array. --> <li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 sm:text-5xl"> <!-- {index === 1 || index === 2 ? <Icon name="arrowUp" /> : null} --> 80+ </div> <p class="text-sm text-neutral-600 sm:text-base"> marcas parceiras </p> </li><li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 sm:text-5xl"> <!-- {index === 1 || index === 2 ? <Icon name="arrowUp" /> : null} --> 10mil+ </div> <p class="text-sm text-neutral-600 sm:text-base"> produtos em catalogo </p> </li><li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 sm:text-5xl"> <!-- {index === 1 || index === 2 ? <Icon name="arrowUp" /> : null} --> R$ 0 </div> <p class="text-sm text-neutral-600 sm:text-base"> sem pedido mínimo </p> </li><li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 sm:text-5xl"> <!-- {index === 1 || index === 2 ? <Icon name="arrowUp" /> : null} --> R$ 500 </div> <p class="text-sm text-neutral-600 sm:text-base"> mínimo para frete grátis </p> </li> </ul> </div> </div> </div> </section> <!-- Main container that holds all content. Customized for different viewport sizes. --><section class="mx-auto max-w-[85rem] px-4 pt-10 sm:px-6 lg:px-8 lg:pt-14 2xl:max-w-full"> <div class="grid gap-10 md:grid-cols-5"> <div class="md:col-span-2"> <div class="max-w-xs"> <h2 class="text-2xl font-bold text-neutral-800 md:text-4xl md:leading-tight"> Dúvidas frequentes </h2> <p class="mt-1 hidden text-neutral-600 md:block"> algumas dúvidas comuns de nossos clientes, que também podem ser a sua. </p> </div> </div> <!-- FAQ accordion items --> <div class="md:col-span-3"> <div class="hs-accordion-group divide-y divide-neutral-200"> <!-- The main container for the accordion item --><div class="hs-accordion pb-3 active" id="hs-basic-with-title-and-arrow-stretched-heading-1"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse1"> Qualquer um pode se cadastrar? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-1" class="hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse1"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Hoje somos exclusivamente umsa solução para o mercado B2B, ou seja é necessário ter um CNPJ. </p> </div> </div><!-- The main container for the accordion item --><div class="hs-accordion pt-6 pb-3" id="hs-basic-with-title-and-arrow-stretched-heading-2"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse2"> Quais são as formas de pagamento? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-2" class="hidden hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse2"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Hoje a gal, shop pro trabalha com Cartão de Crédito até 12x, Pix e com boleto parcelado, esse mediante a análise de crédito. </p> </div> </div><!-- The main container for the accordion item --><div class="hs-accordion pt-6 pb-3" id="hs-basic-with-title-and-arrow-stretched-heading-3"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse3"> Tenho que atingir um pedido mínimo para comprar? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-3" class="hidden hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse3"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Negociamos com os fornecedores para oferecer compras sem pedido mínimo na maior parte das nossas marcas parceiras. Em algumas marcas existe um mínimo, mas muito abaixo do praticado no mercado </p> </div> </div><!-- The main container for the accordion item --><div class="hs-accordion pt-6 pb-3" id="hs-basic-with-title-and-arrow-stretched-heading-4"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse4"> Quais o prazo de entrega? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-4" class="hidden hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse4"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Hoje trabalhamos com tempo médio de 3 a 5 dias para salões de beleza e de 7 a 10 dias para lojas, a depender da complexidade do pedido. </p> </div> </div><!-- The main container for the accordion item --><div class="hs-accordion pt-6 pb-3" id="hs-basic-with-title-and-arrow-stretched-heading-5"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse5"> Moro fora de SP, posso comprar também? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-5" class="hidden hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse5"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Infelizmente ainda não, estamos realizando nossa expansão dentro do estado de SP, em breve vamos anunciar novas localidades. </p> </div> </div><!-- The main container for the accordion item --><div class="hs-accordion pt-6 pb-3" id="hs-basic-with-title-and-arrow-stretched-heading-6"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse6"> Recebi meu pedido, mas não quero mais, posso devolver/trocar? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-6" class="hidden hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse6"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Infelizmente não. Efetuamos troca apenas em caso de erro interno de processamento do pedido, caso contrário não é possível a devolução/troca. </p> </div> </div><!-- The main container for the accordion item --><div class="hs-accordion pt-6 pb-3" id="hs-basic-with-title-and-arrow-stretched-heading-7"> <!-- The accordion button, which toggles the expanded/collapsed state --> <button class="hs-accordion-toggle group inline-flex w-full items-center justify-between gap-x-3 text-balance rounded-lg pb-3 text-start font-bold text-neutral-800 outline-none ring-zinc-500 transition hover:text-neutral-500 focus-visible:ring md:text-lg" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse7"> Recebi meu pedido incompleto, como proceder? <!-- SVG Icon that is shown when the accordion is NOT active --> <svg class="block h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m6 9 6 6 6-6" class=""></path></svg> <!-- SVG Icon that is shown when the accordion is active --> <svg class="hidden h-5 w-5 flex-shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m18 15-6-6-6 6" class=""></path></svg> </button> <!-- The collapsible content of the accordion --> <div aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-7" class="hidden hs-accordion-content w-full overflow-hidden transition-[height] duration-300" id="hs-basic-with-title-and-arrow-stretched-collapse7"> <!-- The content paragraph --> <p class="text-pretty text-neutral-600"> Em caso de recebimento incompleto, verifique se a caixa não foi violada, nesse caso entre em contato imediatamente com nosso time pelo (11) 91304-9282. No caso de estar tudo correto com a embalagem, seu pedido por estar incompleto por um dos seguintes motivos, você pode ter recebido uma antecipação de parte do seu pedido, nesse caso verifique nas observações nota fiscal se existem outros pedidos associados ao seu que serão entregues posteriormente. Por último hoje no mercado em raras situações nossos fornecedores não conseguem atender por completo um pedido, não é a experiência que queremos dar aos clientes, mas caso seja esse o motivo, vamos avisar o quanto antes para avaliar as possiblidadades para solucionar o caso. Caso ainda sim tenha dúvidas, entre em contato com nosso time. </p> </div> </div> </div> </div> </div> </section> <!--Import the necessary Accordion plugin--> <!--https://preline.co/plugins/html/accordion.html--> <script src="/scripts/vendor/preline/index.js"></script> <section class="mx-auto max-w-[85rem] px-4 pb-24 pt-10 sm:px-6 lg:px-8"> <div class="mx-auto mt-5 max-w-xl text-center"> <h2 class="block text-balance text-4xl font-bold leading-tight tracking-tight text-neutral-800 dark:text-neutral-200 md:text-5xl lg:text-6xl"> Traga seu negócio para a <span class="text-primary-600">gal, shop pro</span> </h2> </div> <!-- Hero Section Sub-heading --> <div class="mx-auto mt-5 max-w-3xl text-center"> <p class="text-pretty text-lg text-neutral-600 dark:text-neutral-400">Entre em contato agora, cadastre seu CNPJ e faça seu primeiro pedido com a gente.</p> </div> <div class="mt-8 flex justify-center gap-3"> <a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-primary-600 hover:bg-primary-500 active:bg-primary-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="https://api.whatsapp.com/send?phone=5511913049282" target="_blank" rel="nofollow, noopener, external" title="Comprar agora"> Comprar agora <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </section> </div> <div class="w-full bg-neutral-100"> <div class="container mx-auto px-3"> <section class="mx-auto grid max-w-[85rem] gap-4 px-4 py-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"> <div> <h5 class="block text-balance text-3xl font-bold tracking-tight text-neutral-800 sm:text-4xl lg:text-6xl lg:leading-tight">
Faça sua pasta de marcas e sua renda <span class="text-primary-600">multiplicar</span> </h5> <p class="mt-3 text-pretty text-lg leading-relaxed text-neutral-700 lg:w-4/5">
A <span style="--tw-text-opacity: 1;color: rgb(237 27 105 / var(--tw-text-opacity))">gal, shop</span> é a plataforma que conecta você, consultor de vendas, às principais marcas do mundo da beleza
</p> <div class="mt-7 grid w-full gap-3 sm:inline-flex"> <a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-primary-600 hover:bg-primary-500 active:bg-primary-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="/consultor-gal" title="Seja um consultor">
Seja um consultor
<svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </div> <div class="flex w-full"> <div class="top-12 overflow-hidden"> <img src="/_astro/people-smile.C7YmUQvm_8i76X.png" alt="Absolut Repair Lipidium L'Oréal Professionnel" class="h-full w-full object-cover object-center rounded-full" draggable="false" loading="eager" width="1080" height="1080" decoding="async"> </div> </div> </section> </div> </div> </main> <footer class="w-full my-4"> <div class="container mx-auto px-3"> <div class="flex items-center justify-center flex-wrap md:justify-between md:flex-nowrap"> <p class="text-sm text-neutral-600">
© <span id="current-year"></span> gal, - todos os direitos reservados.
</p> <div class="text-sm text-neutral-600">
criado com <span class="text-red-500">❤️</span> pelo time da gal,
</div> </div> </div> </footer> </body></html>