<?php
/* Template Name: Página - Home */
get_header();
?>

<main id="primary" class="site-main">
    <section id="banner">
        <picture class="banner-bg">
            <source media="(max-width: 600px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/images/banner-mobile.webp">
            <source media="(max-width: 1024px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/images/banner-tablet.webp">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/banner-desk.webp" alt="" class="img-banner">
        </picture>
        <div class="banner-content">
            <div class="badge-lancamento">
                <span class="badge-dot"></span>
                <span class="badge-text">Breve Lançamento</span>
            </div>
            <div class="banner-logo-ad">
                <div class="imagem"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/loog-art-design.webp"></div>
            </div>
            <div class="banner-loc">
                <span class="loc-line"></span>
                <span class="loc-text">18 do Forte, Alphaville</span>
            </div>
            <a href="#form" class="banner-cta">
                <span>Quero saber mais</span>
                <span class="cta-arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="#131210" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
    </span>
            </a>
        </div>
    </section>

    <section id="artista">
        <div class="container">
            <div class="esq">
                <h2 class="artista-titulo">Solferini</h2>
                <div class="section-tag">
                    <span class="tag-linha"></span>
                    <span>O Artista</span>
                </div>
                <p class="artista-desc">Solferini é um artista visual contemporâneo reconhecido por sua pesquisa aprofundada sobre ritmo, cor, relevo e percepção. Sua obra transita entre a arte, o design e a arquitetura, criando composições que vão além da contemplação e se tornam parte ativa do espaço.</p>
                <p class="artista-desc">Com trabalhos marcados pela repetição modular, pelo uso preciso da cor e pela tridimensionalidade, suas obras provocam movimento conforme o deslocamento do observador. No Art Design Residence, a obra de Solferini não decora — ela habita.</p>

                
            </div>
            <div class="dir">
                <div class="imagem"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-solferini.webp"></div>
            </div>
        </div>
    </section>

    <section id="sobre">
        <div class="container">
            <div class="esq">
                <div class="section-tag">
                    <span class="tag-linha"></span>
                    <span>Sobre o Empreendimento</span>
                </div>
                <h2 class="titulo">Arte presente.</h2>
                <h2 class="titulo">Design intencional.</h2>
                <h2 class="titulo">Vida com propósito.</h2>
                <p class="texto">Um empreendimento que integra arte contemporânea à arquitetura, transformando cada espaço em uma experiência sensorial única em Alphaville.</p>
                <div class="bloco-infos">
                    <div class="infos">
                        <p class="info-titulo"><span class="num">3</span> Suítes</p>
                        <p class="info-metros">90m²</p>
                        <p class="info-vagas">2 vagas</p>
                    </div>
                    <div class="infos">
                        <p class="info-titulo"><span class="num">2</span> <span class="letra">e</span> <span class="num">3</span> Dorms</p>
                        <p class="info-metros">58m² <span class="letra">e</span> 79m²</p>
                        <p class="info-vagas">2 vagas*</p>
                    </div>
                </div>
            </div>

            <div class="dir">
                <div class="imagem"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-sobre.webp"></div>
        </div>
        </div>
    </section>

    <section id="form">
    <div class="form-inner">
        <div class="form-headline">
            <p>Entre em contato<br>e esclareça todas as<br>suas dúvidas.</p>
        </div>
        <div class="form-card">
            <p class="form-card-sobre">Saiba mais sobre</p>
            <div class="form-card-logo"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-form.webp" alt="Art Design"></div>
            <p class="form-instr">Preencha o formulário para mais informações</p>
            <p class="form-instr">Os campos marcados com * são obrigatórios.</p>
            <form action="<?=get_template_directory_uri()?>/forms/form.php" method="post" onsubmit="return validaContato(); return false;" enctype="multipart/form-data" id="form-contato">
                <input type="hidden" name="form_submitted" value="1">
                <input type="hidden" name="origem" value="hotsite_contato">

                <div class="formcon">
                    <input type="text" name="nome" id="ad-nome" class="input-form" placeholder=" ">
                    <label for="ad-nome">Nome*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="email" id="ad-email" class="input-form" placeholder=" ">
                    <label for="ad-email">E-mail*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="telefone" id="ad-tel" class="input-form" placeholder=" ">
                    <label for="ad-tel">Telefone*</label>
                </div>
                <!-- <div class="formcon">
                    <textarea name="mensagem" id="ad-msg" class="input-form textarea-form" placeholder=" "></textarea>
                    <label for="ad-msg">Sua mensagem</label>
                </div> -->
                <label for="ad-check" class="check-label">
                    <input type="checkbox" id="ad-check" name="autorizo">
                    Autorizo o envio de novidades e informações para o meu e-mail.
                </label>
                <div class="btn-enviar">
                    <input type="submit" value="Enviar" class="btn-submit">
                </div>
            </form>
        </div>
    </div>
</section>

<section id="galeria">
    <div class="container">
        <div class="section-tag">
            <span class="tag-linha"></span>
            <span>Galeria</span>
        </div>
        <h2 class="titulo">Arte que inspira.</h2>
        <h2 class="titulo">Design que transforma.</h2>
    </div>
    <div class="galeria-swiper-wrap">
        <div class="swiper galeria-swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-portaria.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-portaria.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Portaria</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-coberta-1.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-coberta-1.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Piscina com Mirante</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-coberta-2.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-coberta-2.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Piscina Coberta <br> Aquecida</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-redario.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-redario.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Redário</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-adulto.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-adulto.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Vista Panorâmica <br> da Piscina</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-spa.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-spa.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Área Wellness  com <br> spa quente e frio </span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-mini-mercado.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-mini-mercado.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Espaço para <br>  Mini Mercado </span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-academia.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-academia.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Fitness</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-delivery.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-delivery.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Delivery</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-beauty-care.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-beauty-care.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Espaço Beauty</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-brinquedoteca.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-brinquedoteca.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Brinquedoteca</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-gamer.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-gamer.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Games</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-salao-de-festas.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-salao-de-festas.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Salão de Festas</span></div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-sports-bar.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-sports-bar.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Sports Bar <br> no Rooftop</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-gourmet-varanda.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-gourmet-varanda.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Gourmet com <br> piscina  no Rooftop</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-sauna.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-sauna.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Sauna Panorâmica <br>  com vista para mata </span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-salao-de-festas-apoio.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-salao-de-festas-apoio.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Apoio Salão de Festas</span></div>
                    </a>
                </div>

                    <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-churrasqueira.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-churrasqueira.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Área Gourmet</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-adulto-2.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-adulto-2.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Piscina Adulto <br> com Bangalô </span></div>
                    </a>
                </div>


                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-espaco-massagem.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-espaco-massagem.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Espaço Massagem</span></div>
                    </a>
                </div>


                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-lobby-social.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-lobby-social.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Lobby com  <br> obra de arte</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-panoramica.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-panoramica.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Piscina Panorâmica <br> com raia de 25</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-infantil.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-piscina-infantil.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Piscina Infantil</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-lounge-piscina.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-lounge-piscina.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Lounge da Piscina</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-espaco-yoga.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-espaco-yoga.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Espaço Yoga</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-playground.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-playground.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Playground</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-quadra-basquet.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-quadra-basquet.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Quadra Poliesportiva</span></div>
                    </a>
                </div>

                <div class="swiper-slide">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/images/img-quadra-beachtenis.webp" data-foobox="galeria" rel="foobox[galeria]" class="galeria-card foobox">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/img-quadra-beachtenis.webp" class="galeria-img">
                        <div class="galeria-expand"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/icones/ico-abrir.svg" alt=""></div>
                        <div class="galeria-label"><span>Beach Tennis</span></div>
                    </a>
                </div>

            </div>
        </div>
        <div class="galeria-nav-bar">
            <button class="galeria-prev" aria-label="Anterior">
                <svg width="7" height="12" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 1L1 7L7 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </button>
            <div class="galeria-paginacao"></div>
            <button class="galeria-next" aria-label="Próximo">
                <svg width="7" height="12" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </button>
        </div>
    </div>
</section>

<section id="plantas">
    <div class="plantas-arte-deco"></div>
    <div class="container">

        <div class="plantas-top">
            <div class="plantas-top-esq">
                <div class="section-tag">
                    <span class="tag-linha"></span>
                    <span>Plantas</span>
                </div>
                <h2 class="titulo">Tipologias</h2>
            </div>
            <div class="plantas-tabs">
                <button class="plantas-tab ativo" data-planta="58" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/planta-58m.webp" data-disclaimer="Ilustração artística da planta de final 01, 04, 05 e 08 – 58,65m² privativos do 1º ao 6º pavimento e planta de final 08 do 7º pavimento, contarão com 02 (duas) vagas de garagem (sendo 01 de automóvel e 01 de moto), planta de final 01,04, 05 – 58,65m² privativos do 7º pavimento, contarão com 02 (duas) vagas de garagem, Planta de final 01, 04, 05 e 08 – 58,65m² privativos do 8° ao 28° pavimento e Planta de final 01, 04, 05 e 08 – 58,80m² privativos do 29º pavimento contaram com 02 (duas) vagas de garagem. *Todos os móveis, objetos, pisos, rodapés, molduras, sancas e alguns pontos de iluminação estão dentro dos parâmetros comerciais e servem somente como sugestões de decoração, não integrando o imóvel comercializado. Todos os detalhamentos de equipamentos e acabamentos que farão parte deste empreendimento constam no memorial descritivo. *Janela com persiana de enrolar metálica integrada nos dormitórios. *Infraestrutura para ar-condicionado não contempla tubulação frigorífera">58 M² Padrão</button>

                <button class="plantas-tab" data-planta="58-ampliado" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/planta-58m-ampliado.webp" data-disclaimer="Ilustração artística da planta de final 01, 04, 05 e 08 – 58,65m² privativos do 1º ao 6º pavimento e planta de final 08 do 7º pavimento, contarão com 02 (duas) vagas de garagem (sendo 01 de automóvel e 01 de moto), planta de final 01,04, 05 – 58,65m² privativos do 7º pavimento, contarão com 02 (duas) vagas de garagem, Planta de final 01, 04, 05 e 08 – 58,65m² privativos do 8° ao 28° pavimento e Planta de final 01, 04, 05 e 08 – 58,80m² privativos do 29º pavimento contaram com 02 (duas) vagas de garagem. *Todos os móveis, objetos, pisos, rodapés, molduras, sancas e alguns pontos de iluminação estão dentro dos parâmetros comerciais e servem somente como sugestões de decoração, não integrando o imóvel comercializado. Todos os detalhamentos de equipamentos e acabamentos que farão parte deste empreendimento constam no memorial descritivo. *Janela com persiana de enrolar metálica integrada nos dormitórios. *Infraestrutura para ar-condicionado não contempla tubulação frigorífera">58 M² Ampliado</button>

                <button class="plantas-tab" data-planta="70" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/img-planta-70m.webp" data-disclaimer="Ilustração artística da Planta de final 06 e 07 - 79,50m² privativos, do 1° ao 27° pavimento, contarão com 02 (duas) vagas de garagem.* Todos os móveis, objetos, pisos, rodapés, molduras, sancas e alguns pontos de iluminação estão dentro dos parâmetros comerciais e servem somente como sugestões de decoração, não integrando o imovelcomercializado. Todos os detalhamentos de equipamentos e acabamentos que farão parte deste empreendimento constam no memorial descritivo. Janela com persiana de enrolar metálica integrada nos dormitórios. “Infraestrutura para ar-condicionado não contempla tubulação frigorígena.">79 M² Padrão</button>

                <button class="plantas-tab" data-planta="70-ampliado" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/img-planta-70m-ampliado.webp" data-disclaimer="Ilustração artística da Planta de final 06 e 07 - 79,50m² privativos, do 1° ao 27° pavimento, contarão com 02 (duas) vagas de garagem.* Todos os móveis, objetos, pisos, rodapés, molduras, sancas e alguns pontos de iluminação estão dentro dos parâmetros comerciais e servem somente como sugestões de decoração, não integrando o imovelcomercializado. Todos os detalhamentos de equipamentos e acabamentos que farão parte deste empreendimento constam no memorial descritivo. Janela com persiana de enrolar metálica integrada nos dormitórios. “Infraestrutura para ar-condicionado não contempla tubulação frigorígena.">79 M² Ampliado</button>

                <button class="plantas-tab" data-planta="90" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/planta-90m.webp" data-disclaimer="Ilustração artística da Planta de final 02 e 03 – 90,75 m² privativos do 1° ao 28° pavimento contarão com 02 (duas) vagas de garagem.* Todos os móveis, objetos, pisos, rodapés, molduras, sancas e alguns pontos de iluminação estão dentro dos parâmetros comerciais e servem somente como sugestões de decoração, não integrando o imovelcomercializado. Todos os detalhamentos de equipamentos e acabamentos que farão parte deste empreendimento constam no memorial descritivo. Janela com persiana de enrolar metálica integrada nos dormitórios. “Infraestrutura para ar-condicionado não contempla tubulação frigorígena.">90 M² Padrão</button>

                <button class="plantas-tab" data-planta="90-ampliado" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/planta-90m-ampliado.webp" data-disclaimer="Ilustração artística da Planta de final 02 e 03 – 90,75 m² privativos do 1° ao 28° pavimento contarão com 02 (duas) vagas de garagem.* Todos os móveis, objetos, pisos, rodapés, molduras, sancas e alguns pontos de iluminação estão dentro dos parâmetros comerciais e servem somente como sugestões de decoração, não integrando o imovelcomercializado. Todos os detalhamentos de equipamentos e acabamentos que farão parte deste empreendimento constam no memorial descritivo. Janela com persiana de enrolar metálica integrada nos dormitórios. “Infraestrutura para ar-condicionado não contempla tubulação frigorígena.">90 M² Ampliado</button>
            </div>
        </div>

        <div class="plantas-conteudo">
            <div class="plantas-esq">
                <div class="plantas-imagem">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/planta-58m.webp" alt="Planta" class="planta-img" id="planta-img-principal">
                </div>
            </div>
            <div class="plantas-dir">
                <div class="planta-info ativo" data-planta="58">
                    <div class="planta-titulo">
                        <span class="planta-num">58</span><sup class="planta-sup">m <span class="numerozinho">²</span></sup><span class="planta-tipo">padrão</span>
                    </div>
                    <p class="planta-sub">4° ao 29° pavimento &nbsp;·&nbsp; Finais 01</p>
                </div>
                <div class="planta-info" data-planta="58-ampliado">
                    <div class="planta-titulo">
                        <span class="planta-num">58</span><sup class="planta-sup">m <span class="numerozinho">²</span></sup><span class="planta-tipo">ampliado</span>
                    </div>
                    <p class="planta-sub">4° ao 29° pavimento &nbsp;·&nbsp; Finais 01</p>
                </div>
                <div class="planta-info" data-planta="70">
                    <div class="planta-titulo">
                        <span class="planta-num">70</span><sup class="planta-sup">m <span class="numerozinho">²</span></sup><span class="planta-tipo">padrão</span>
                    </div>
                    <p class="planta-sub">4° ao 29° pavimento &nbsp;·&nbsp; Finais 02</p>
                </div>
                <div class="planta-info" data-planta="70-ampliado">
                    <div class="planta-titulo">
                        <span class="planta-num">70</span><sup class="planta-sup">m <span class="numerozinho">²</span></sup><span class="planta-tipo">ampliado</span>
                    </div>
                    <p class="planta-sub">4° ao 29° pavimento &nbsp;·&nbsp; Finais 02</p>
                </div>
                <div class="planta-info" data-planta="90">
                    <div class="planta-titulo">
                        <span class="planta-num">90</span><sup class="planta-sup">m <span class="numerozinho">²</span></sup><span class="planta-tipo">padrão</span>
                    </div>
                    <p class="planta-sub">4° ao 29° pavimento &nbsp;·&nbsp; Finais 03</p>
                </div>

                <div class="planta-info" data-planta="90-ampliado">
                    <div class="planta-titulo">
                        <span class="planta-num">90</span><sup class="planta-sup">m <span class="numerozinho">²</span></sup><span class="planta-tipo">ampliado</span>
                    </div>
                    <p class="planta-sub">4° ao 29° pavimento &nbsp;·&nbsp; Finais 03</p>
                </div>
            </div>
        </div>

        <p class="plantas-disclaimer">Planta de final 01 do 4"ao 29 pavimento de 49,14m². Todos os moveis, objetos, pisos, rodapes, molduras, sancas e alguns pontos de iluminacãoestaodentro dos parametroscomerciais e servem somente como sugestoesde decoracao, naointegrando o imovelcomercializado. Todos os detalhamentos de equipamentos e acabamentos que faraoparte deste empreendimento constam no memorial descritivo. 'Janela com persiana de enrolar metalicaintegrada nos dormitorios. "Infraestrutura para ar-condicionado naocontempla tubulação frigorigena.</p>

    </div>

    <div class="planta-modal" id="planta-modal">
        <div class="planta-modal-overlay" id="planta-modal-overlay"></div>
        <div class="planta-modal-box">
            <button class="planta-modal-fechar" id="planta-modal-fechar">&times;</button>
            <img src="" alt="Planta ampliada" id="planta-modal-img">
        </div>
    </div>
</section>

<section id="whatsapp">
    <div class="form-inner">
        <div class="form-headline">
           <p>Entre em contato para <br> tirar dúvidas sobre o empreendimento via WhatsApp.</p>
        </div>
        <div class="form-card">
            <p class="form-card-sobre">Receba atendimento pelo WhatsApp</p>
            <div class="form-card-logo"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-form.webp" alt="Art Design"></div>
            <p class="form-instr">Preencha o formulário para entrar em contato</p>
            <p class="form-instr">Os campos marcados com * são obrigatórios.</p>
            <form action="<?=get_template_directory_uri()?>/forms/form.php" method="post" onsubmit="return validaWhatsapp(); return false;" enctype="multipart/form-data" id="form-whatsapp">
                <input type="hidden" name="form_submitted" value="1">

                <div class="formcon">
                    <input type="text" name="nome" id="wa-nome" class="input-form" placeholder=" ">
                    <label for="wa-nome">Nome*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="email" id="wa-email" class="input-form" placeholder=" ">
                    <label for="wa-email">E-mail*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="telefone" id="wa-tel" class="input-form" placeholder=" ">
                    <label for="wa-tel">Telefone*</label>
                </div>
                <label for="wa-check" class="check-label">
                    <input type="checkbox" id="wa-check" name="autorizo">
                    Autorizo o envio de novidades e informações para o meu e-mail.
                </label>
                <div class="btn-enviar">
                    <input type="submit" value="Enviar" class="btn-submit">
                </div>
            </form>
        </div>
    </div>
</section>

<section id="implantacao">
    <div class="container">

        <div class="impl-top">
            <div class="impl-top-esq">
                <div class="section-tag">
                    <span class="tag-linha"></span>
                    <span>Implantação</span>
                </div>
                <h2 class="titulo">Lazer Completo</h2>
            </div>
            <div class="impl-tabs">
                <button class="impl-tab" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/implantacao-subsolo.webp" data-grupo="subsolo">1º Subsolo</button>
                <button class="impl-tab ativo" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/implantacao-terreo.webp" data-grupo="terreo">Térreo</button>
                <button class="impl-tab" data-img="<?php echo get_template_directory_uri(); ?>/assets/images/implantacao-pavimento.webp" data-grupo="pavimento">29° Pavimento</button>
            </div>
        </div>

        <div class="impl-conteudo">
            <div class="impl-esq">
                <div class="impl-grupo" data-grupo="terreo">
                    <p class="impl-grupo-header">Térreo</p>
                    <div class="impl-lista-colunas">
                        <ul class="impl-lista">
                            <li><span class="impl-num">06</span>Piscina panorâmica com raia de 25 metros</li>
                            <li><span class="impl-num">07</span>Lounge da piscina</li>
                            <li><span class="impl-num">08</span>Sauna panorâmica com vista para a mata</li>
                            <li><span class="impl-num">09</span>Área wellness com spa quente e frio</li>
                            <li><span class="impl-num">10</span>Espaço massagem</li>
                            <li><span class="impl-num">11</span>Espaço yoga</li>
                            <li><span class="impl-num">12</span>Playground</li>
                            <li><span class="impl-num">13</span>Piscina infantil</li>
                            <li><span class="impl-num">14</span>Quadra poliesportiva</li>
                            <li><span class="impl-num">15</span>Beach tennis</li>
                        </ul>
                        <ul class="impl-lista">
                            <li><span class="impl-num">16</span>Área gourmet</li>
                            <li><span class="impl-num">17</span>Salão de festas</li>
                            <li><span class="impl-num">18</span>Apoio salão de festas</li>
                            <li><span class="impl-num">19</span>Brinquedoteca</li>
                            <li><span class="impl-num">20</span>Games</li>
                            <li><span class="impl-num">21</span>Espaço beauty</li>
                            <li><span class="impl-num">22</span>Piscina coberta aquecida</li>
                            <li><span class="impl-num">23</span>Fitness</li>
                            <li><span class="impl-num">24</span>Piscina com mirante</li>
                            <li><span class="impl-num">25</span>Redário</li>
                        </ul>
                    </div>
                </div>
                <div class="impl-grupo" data-grupo="pavimento">
                    <p class="impl-grupo-header">29° Pavimento</p>
                    <div class="impl-lista-colunas">
                        <ul class="impl-lista">
                            <li><span class="impl-num">26</span>Gourmet com piscina privativa no rooftop</li>
                        </ul>
                        <ul class="impl-lista">
                            <li><span class="impl-num">27</span>Sports bar no rooftop</li>
                        </ul>
                    </div>
                </div>
                <div class="impl-grupo" data-grupo="subsolo">
                    <p class="impl-grupo-header">1° Subsolo</p>
                    <div class="impl-lista-colunas">
                        <ul class="impl-lista">
                            <li><span class="impl-num">01</span>Acesso de Pedestres</li>
                            <li><span class="impl-num">02</span>Porte-cochère</li>
                            <li><span class="impl-num">03</span>Lobby com obra de arte</li>
                        </ul>
                        <ul class="impl-lista">
                            <li><span class="impl-num">04</span>Delivery</li>
                            <li><span class="impl-num">05</span>Bicicletário</li>
                        </ul>
                    </div>
                </div>
            </div>
            <button class="impl-toggle-btn" id="impl-toggle-btn" aria-expanded="false">
                <span class="impl-toggle-label">Exibir detalhes</span>
                <svg class="impl-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
            </button>
            <div class="impl-dir">
                <div class="impl-imagem">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/implantacao-terreo.webp" alt="Implantação" id="impl-img-principal">
                </div>
            </div>
        </div>

    </div>

    <div class="impl-modal" id="impl-modal">
        <div class="impl-modal-overlay" id="impl-modal-overlay"></div>
        <div class="impl-modal-box">
            <button class="impl-modal-fechar" id="impl-modal-fechar">&times;</button>
            <img src="" alt="Implantação ampliada" id="impl-modal-img">
        </div>
    </div>
</section>

<section id="localizaco">
    <div class="container">
        <div class="esq">
            <div class="section-tag">
                <span class="tag-linha"></span>
                <span>Localização</span>
            </div>
            <h2 class="titulo">Av. Verte Ville, 712 <br> 18 do forte • alphaville, <br>SP</h2>
            <p class="texto">Situado em Alphaville, um dos endereços mais valorizados da Grande São Paulo, o Art Design Residence está envolvido por infraestrutura completa, amplas áreas verdes e a sofisticação que distingue este bairro.</p>
            <div class="botoes">
                <a href="https://maps.app.goo.gl/syYwScQefjQG91xb8" target="_blank" class="loc-btn-mapa">
                    Ver Mapa Ampliado
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </a>
                <a href="https://waze.com/ul/h6gydqj1ez" target="_blank" class="loc-btn-waze">
                    Abrir Waze
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </a>
            </div>
        </div>
        <div class="dir">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3659.3858099217446!2d-46.84591208827218!3d-23.482609158617088!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cf026a114fe56d%3A0xfe9f6af232b052ce!2sAv.%20Verte%20Ville%2C%20712%20-%20Empresarial%2018%20do%20Forte%2C%20Barueri%20-%20SP%2C%2006472-007!5e0!3m2!1spt-BR!2sbr!4v1777392979083!5m2!1spt-BR!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
</section>

<section id="assinaturas">
    <div class="container">
        <div class="real-esq">
            <div class="section-tag">
                <span class="tag-linha"></span>
                <span>Realização</span>
            </div>
            <h2 class="real-titulo">Assinado por</h2>
        </div>
        <div class="real-dir">
            <div class="assinatura">
                <p class="ass-label">Projeto Arquitetônico &amp; Interiores</p>
                <p class="ass-nome">Luiz Café &amp; Vivian Contri</p>
            </div>
            <div class="assinatura">
                <p class="ass-label">Projeto Paisagístico</p>
                <p class="ass-nome">Faisal &amp; Bruna</p>
            </div>
            <div class="assinatura">
                <p class="ass-label">Incorporação e intermediação</p>
                <p class="ass-nome">Rsf &amp; Upgrade</p>
            </div>
        </div>
    </div>
</section>

<section id="artistas">
    <div class="artistas-tres container">
        <div class="artista-card">
            <div class="artista-card-foto"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/vivian-contri.webp"></div>
            <div class="section-tag"><span class="tag-linha"></span><span>A decoradora</span></div>
            <h3 class="artista-card-nome">Vivian<br>Contri</h3>
            <p class="artista-card-desc">interiores do Art Design foi pensado para acompanhar diferentes estilos e momentos de vida, unindo sofisticação funcionalidade e bem-estar. Cada ambiente desperta sensações por meio de escolhas precisas de materiais, iluminação er proporções, criando atmosferas acolhedoras e intuitivas. São espaços que convidam à permanência, ao uso diário e à conexão entre conforto, estética e vivência.</p>
        </div>
        <div class="artista-card">
            <div class="artista-card-foto"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/luiz-cafe.webp"></div>
            <div class="section-tag"><span class="tag-linha"></span><span>O Arquiteto</span></div>
            <h3 class="artista-card-nome">Luiz<br>Café</h3>
            <p class="artista-card-desc">A arquitetura do Art Design nasce de um olhar contemporâneo, onde forma, função e elegância coexistem em equilíbrio. Linhas fluidas e volumes organizados com clareza criam uma leitura atemporal, que dialoga com o entorno e valoriza a experiência de viver com conforto, identidade e fluidez. Soluções inteligentes reforçam um modo de morar onde estética e praticidade caminham juntas, traduzindo arquitetura como expressão e experiência cotidiana.</p>
        </div>
        <div class="artista-card">
            <div class="artista-card-foto"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/faiza-bruna.webp"></div>
            <div class="section-tag"><span class="tag-linha"></span><span>Os paisagistas</span></div>
            <h3 class="artista-card-nome">Faisal<br>&amp; Bruna</h3>
            <p class="artista-card-desc">Um paisagismo que une sofisticação e simplicidade na medida certa, valorizando o clima acolhedor de quintal. A composição aposta em linhas contemporâneas, materiais naturais e vegetação tropical adensada, trazendo uma atmosfera de floresta. O resultado é um espaço contemporâneo, funcional e elegante, sem perder a sensação de conforto e proximidade com a natureza.</p>
        </div>
    </div>
</section>

<section id="simule">
    <div class="form-inner">
        <div class="form-headline">
            <p>Faça uma simulação de financiamento conosco</p>
        </div>
        <div class="form-card">
            <p class="form-card-sobre">Simule seu Financiamento</p>
            <div class="form-card-logo"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-form.webp" alt="Art Design"></div>
            <p class="form-instr">Preencha o formulário para simular</p>
            <p class="form-instr">Os campos marcados com * são obrigatórios.</p>
            <form action="<?=get_template_directory_uri()?>/forms/form.php" method="post" onsubmit="return validaSimule(); return false;" enctype="multipart/form-data" id="form-simule">
                <input type="hidden" name="form_submitted" value="1">
                <input type="hidden" name="origem" value="hotsite_simule">

                <div class="formcon">
                    <input type="text" name="nome" id="sim-nome" class="input-form" placeholder=" ">
                    <label for="sim-nome">Nome*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="email" id="sim-email" class="input-form" placeholder=" ">
                    <label for="sim-email">E-mail*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="telefone" id="sim-tel" class="input-form" placeholder=" ">
                    <label for="sim-tel">Telefone*</label>
                </div>
                <div class="formcon">
                    <input type="text" name="renda" id="sim-renda" class="input-form" placeholder=" ">
                    <label for="sim-renda">Renda Mensal*</label>
                </div>
                <label for="sim-check" class="check-label">
                    <input type="checkbox" id="sim-check" name="autorizo">
                    Autorizo o envio de novidades e informações para o meu e-mail.
                </label>
                <div class="btn-enviar">
                    <input type="submit" value="Enviar" class="btn-submit">
                </div>
            </form>
        </div>
    </div>
</section>

<?php
/*
<section id="logos-real">
    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-by-solferini.webp" alt="Logo Solferini">
</section>
*/
?>

<section id="realizacao-footer">
    <div class="container">
        <div class="card">
            <p class="texto">Futura Realização:</p>
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-rsf-18-anos.webp" alt="Logo RSF">
        </div>
        <div class="card">
            <p class="texto">Futura Intermediação de Vendas:</p>
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-upgrade.webp" alt="Logo Upgrade">
        </div>
    </div>
</section>

<section id="legal">
    <div class="container">
        <p><strong>Política de Privacidade</strong><br>
        <span>Política de Privacidade Nos comprometemos a nunca compartilhar seus dados com terceiros. Os dados aqui captados (Nome, E-mail, Telefone e Mensagem) serão utilizados única e exclusivamente pela intermediadora comercial para comunicações de cunho comercial referentes a esse empreendimento.</span></p>
        <p><strong>POLÍTICA DE DADOS LGPD</strong><br>
        <span>Em atenção à Lei nº 4.591/64 e ao Código de Defesa do Consumidor, informamos que o empreendimento "ART DESIGN", localizado na Av. Verte Ville, nº 702, esquina com a Rua Vicente de Carvalho, nº 173 — Alphaville, SP, será comercializado somente após o registro da incorporação no Cartório de Registro de Imóveis de Barueri. Apesar do cuidado na obtenção das informações contidas neste material, elas não devem ser consideradas parte integrante de qualquer contrato. As ilustrações, artes, fotografias, mobiliários e peças de decoração presentes nos materiais de divulgação têm caráter exclusivamente promocional, por se tratar de bem a ser construído. As condições de comercialização, projetos e especificações são aquelas definidas nos contratos e memoriais descritivos a serem firmados com os adquirentes. CRECI 34.412-J | *Os apartamentos de finais 01, 04, 05 e 08, do 1º ao 6º andar, e o apartamento de final 04 do 7º andar, terão direito a 1 vaga de carro e 1 vaga de moto.</span></p>
        <p><strong>MAIS INFORMAÇÕES</strong><br>
        <span>Esperemos que esteja esclarecido e, como mencionado anteriormente, se houver algo que você não tem certeza se precisa ou não, geralmente é mais seguro deixar os cookies ativados, caso interaja com um dos recursos que você usa em nosso site.</span></p>
    </div>
</section>



</main>
<?php
get_footer();