{"id":9,"date":"2025-07-03T15:38:18","date_gmt":"2025-07-03T15:38:18","guid":{"rendered":"https:\/\/assinatura.alethe.com.br\/?page_id=9"},"modified":"2025-07-03T18:20:48","modified_gmt":"2025-07-03T18:20:48","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/assinatura.alethe.com.br\/?page_id=9","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3316691 e-con-full e-flex e-con e-parent\" data-id=\"3316691\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76a7951 elementor-widget elementor-widget-html\" data-id=\"76a7951\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Clube de Perfumes | A Descoberta do Aroma Perfeito<\/title>\r\n    \r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Vue.js CDN -->\r\n    <script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.js\"><\/script>\r\n    \r\n    <!-- Google Fonts: Inter & Playfair Display -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Estilos gerais e fontes *\/\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n        }\r\n        h1, h2, h3 {\r\n             font-family: 'Playfair Display', serif;\r\n             font-weight: 900;\r\n        }\r\n        .text-shadow {\r\n            text-shadow: 0px 2px 4px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        \/* Anima\u00e7\u00e3o para o slider de logos *\/\r\n        @keyframes scroll {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n        .animate-scroll {\r\n            display: flex;\r\n            width: calc(150px * 14); \/* 150px por logo, 7 logos x 2 *\/\r\n            animation: scroll 30s linear infinite;\r\n        }\r\n        .logo-slide {\r\n            width: 150px;\r\n        }\r\n        \r\n        \/* Estilos para FAQ e Popup *\/\r\n        .faq-question, .popup-overlay {\r\n            transition: all 0.3s ease;\r\n        }\r\n        .faq-answer {\r\n            transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n        }\r\n        .faq-answer.open {\r\n            max-height: 200px; \/* Ajuste conforme necess\u00e1rio *\/\r\n        }\r\n        .popup-content {\r\n            transition: transform 0.3s ease-out;\r\n        }\r\n        video.rounded-lg.shadow-xl.w-full {\r\n    max-height: 450px;\r\n}\r\n\r\np.mt-2.text-black-800 {\r\n    color: black;\r\n}\r\n\r\nh2.text-4xl.font-extrabold.mb-4 {\r\n    color: white;\r\n}\r\nh1.text-4xl.md\\:text-6xl.font-extrabold.mb-4.text-shadow {\r\n    color: white;\r\n}\r\n\r\n\r\n    \/* ... seus estilos existentes ... *\/\r\n\r\n    \/* Anima\u00e7\u00e3o para o slider de logos (j\u00e1 existe) *\/\r\n    @keyframes scroll {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n    }\r\n    .animate-scroll {\r\n        display: flex;\r\n        \/* A largura aqui depende do tamanho e quantidade dos logos *\/\r\n        width: calc(150px * 14); \r\n        animation: scroll 30s linear infinite;\r\n    }\r\n    .logo-slide {\r\n        width: 150px;\r\n    }\r\n\r\n    \/* NOVO: Anima\u00e7\u00e3o para o slider da galeria de perfumes *\/\r\n    @keyframes perfumeScroll {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n    }\r\n\r\n    .animate-perfume-scroll {\r\n        display: flex;\r\n        \/* Largura: 280px por imagem (com margem) x 8 (4 imagens x 2 para o loop) *\/\r\n        width: calc(280px * 8); \r\n        animation: perfumeScroll 40s linear infinite; \/* 40s para ser um pouco mais lento *\/\r\n    }\r\n\r\n   .perfume-slide {\r\n    width: 250px;\r\n    margin: 0 15px;\r\n    flex-shrink: 0;\r\n    max-height: 250px;\r\n    background-size: contain;\r\n}\r\nimg.rounded-md.mb-6.w-full.object-cover {\r\n    height: 300px;\r\n}\r\n    \r\nbutton.bg-rose-500.hover\\:bg-rose-600.text-white.font-bold.py-4.px-8.rounded-lg.text-lg.transition-transform.transform.hover\\:scale-105.shadow-lg.font-sans {\r\n    width: 80%;\r\n    padding: 5px;\r\n    font-size: 11px;\r\n}\r\n\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n<div id=\"app\">\r\n    <!-- SE\u00c7\u00c3O 1: A Promessa (Hero) -->\r\n    <header \r\n        class=\"relative min-h-screen bg-cover bg-center flex items-center justify-center text-white\" \r\n        style=\"background-image: url('https:\/\/inovetime.com.br\/wp-content\/uploads\/ChatGPT-Image-19-de-jun.-de-2025-18_52_23.png');\">\r\n        <div class=\"absolute inset-0 bg-black opacity-50\"><\/div>\r\n        <div class=\"relative z-10 text-center p-8 max-w-3xl\">\r\n            <h1 class=\"text-4xl md:text-6xl font-extrabold mb-4 text-shadow\">\r\n          Cansado de errar na hora de escolher o perfume ideal?\r\n Descubra sua assinatura olfativa sem sair de casa.\r\n\r\n            <\/h1>\r\n            <p class=\"text-lg md:text-xl mb-8 text-shadow font-sans\">\r\n                O primeiro clube de assinatura do Brasil que te guia por uma jornada sensorial exclusiva.\r\n Todos os meses, receba uma curadoria de decants com os melhores perfumes de nicho e importados \u2014 feitos pra voc\u00ea encontrar o aroma que fala com a sua ess\u00eancia.\r\n            <\/p>\r\n            <button @click=\"scrollToPlans\" class=\"bg-rose-500 hover:bg-rose-600 text-white font-bold py-3 px-8 rounded-lg text-lg transition-transform transform hover:scale-105 shadow-lg font-sans\">\r\n                CONHECER OS PLANOS\r\n            <\/button>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main>\r\n        <!-- SE\u00c7\u00c3O 2: O Problema -->\r\n        <section class=\"py-16 sm:py-20 bg-white\">\r\n            <div class=\"container mx-auto px-6 text-center\">\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12\">\r\n                     <div class=\"flex flex-col items-center\">\r\n                        <div class=\"bg-rose-100 p-5 rounded-full mb-4\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-rose-500\"><path d=\"M12 2a10 10 0 1 0 10 10c0-2.34-.8-4.5-2.1-6.2s-3-2.8-4.9-2.8c-1.9 0-3.6.9-4.9 2.8S8 9.66 8 12h8\"\/><path d=\"M12 2a7 7 0 1 0 7 7\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold mb-2\">O Medo da Compra Cega<\/h3>\r\n                        <p class=\"text-gray-600\">Quantas vezes voc\u00ea j\u00e1 deixou de comprar um perfume incr\u00edvel online por medo de n\u00e3o gostar do cheiro?<\/p>\r\n                    <\/div>\r\n                    <div class=\"flex flex-col items-center\">\r\n                         <div class=\"bg-rose-100 p-5 rounded-full mb-4\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-rose-500\"><path d=\"M17.5 22h.5c.5 0 1-.2 1.4-.6.4-.4.6-.9.6-1.4V7.5L14.5 2H6c-1.1 0-2 .9-2 2v4\"\/><path d=\"M14 2v6h6\"\/><path d=\"M10 16.5c.8-.8.8-2 0-2.8-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8.8.8 2 .8 2.8 0Z\"\/><path d=\"M4 22.5c.8-.8.8-2 0-2.8-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8.8.8 2 .8 2.8 0Z\"\/><path d=\"M15 14c.8-.8.8-2 0-2.8-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8.8.8 2 .8 2.8 0Z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold mb-2\">Frascos Encostados<\/h3>\r\n                        <p class=\"text-gray-600\">Gastar uma fortuna em um perfume que acaba esquecido na prateleira n\u00e3o faz mais sentido.<\/p>\r\n                    <\/div>\r\n                    <div class=\"flex flex-col items-center\">\r\n                        <div class=\"bg-rose-100 p-5 rounded-full mb-4\">\r\n                             <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-rose-500\"><path d=\"M20 7.5a2.5 2.5 0 0 1 0 5c-.5-1.5-2-3-4-3.5-2-.5-4 0-5.5 1.5-1.5 1.5-2 3.5-1.5 5.5.5 2 2.5 3.5 4.5 4a2.5 2.5 0 0 1 0 5\"\/><path d=\"M12 12.5a2.5 2.5 0 0 1 5 0c-1.5-.5-3-2-3.5-4-.5-2 0-4 1.5-5.5S18.5 2 20.5 2.5a2.5 2.5 0 0 1 0 5\"\/><path d=\"M4 16.5a2.5 2.5 0 0 1 5 0c-1.5-.5-3-2-3.5-4-.5-2 0-4 1.5-5.5S10.5 6 12.5 6.5a2.5 2.5 0 0 1 0 5\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold mb-2\">A D\u00favida do Presente<\/h3>\r\n                        <p class=\"text-gray-600\">Encontrar o perfume ideal para presentear algu\u00e9m especial parece uma miss\u00e3o imposs\u00edvel?<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Slider de Marcas -->\r\n        <div class=\"bg-gray-100 py-12\">\r\n            <div class=\"w-full overflow-hidden\">\r\n                <div class=\"animate-scroll\">\r\n                    <div v-for=\"n in 1\" :key=\"n\" class=\"flex items-center\">\r\n                         <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-15.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Byredo\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-15.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Byredo\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\"> \r\n                        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-10.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Dior\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/150x80\/ffffff\/a3a3a3?text=CHANEL\" alt=\"Logo Chanel\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-5.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Tom Ford\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-1.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Creed\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-14.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Jo Malone\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-11.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Le Labo\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/franquialadygriffe.com.br\/wp-content\/uploads\/2023\/11\/Gostou-do-Conteudo-Fim-de-Post-Instagram-Post-15.png?fit=1350%2C1350&ssl=1\" alt=\"Logo Byredo\" class=\"mx-8 logo-slide filter grayscale hover:filter-none transition-all duration-300\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n      <!-- SE\u00c7\u00c3O 3: Como Funciona -->\r\n        <section class=\"py-16 sm:py-24 bg-white\">\r\n            <div class=\"container mx-auto px-6 text-center\">\r\n                <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Uma Nova Experi\u00eancia a Cada M\u00eas<\/h2>\r\n                <p class=\"text-gray-600 text-lg max-w-2xl mx-auto mb-16\">Veja como \u00e9 simples come\u00e7ar sua jornada olfativa.<\/p>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                    <!-- Passos -->\r\n                    <div class=\"bg-gray-100 p-8 rounded-lg shadow-md border border-gray-200\">\r\n                        <div class=\"flex items-center justify-center w-16 h-16 bg-rose-500 text-white font-bold text-2xl rounded-full mx-auto mb-6\">1<\/div>\r\n                        <h3 class=\"text-2xl font-bold mb-3\">Escolha seu Plano<\/h3>\r\n                        <p class=\"text-gray-600\">Selecione o plano ideal para voc\u00ea e preencha um r\u00e1pido quiz de prefer\u00eancias.<\/p>\r\n                    <\/div>\r\n                    <div class=\"bg-gray-100 p-8 rounded-lg shadow-md border border-gray-200\">\r\n                        <div class=\"flex items-center justify-center w-16 h-16 bg-rose-500 text-white font-bold text-2xl rounded-full mx-auto mb-6\">2<\/div>\r\n                        <h3 class=\"text-2xl font-bold mb-3\">Receba sua Box<\/h3>\r\n                        <p class=\"text-gray-600\">Receba em casa uma caixa com at\u00e9 3 decants de luxo, selecionados por nossos especialistas.<\/p>\r\n                    <\/div>\r\n                    <div class=\"bg-gray-100 p-8 rounded-lg shadow-md border border-gray-200\">\r\n                        <div class=\"flex items-center justify-center w-16 h-16 bg-rose-500 text-white font-bold text-2xl rounded-full mx-auto mb-6\">3<\/div>\r\n                        <h3 class=\"text-2xl font-bold mb-3\">Descubra e Decida<\/h3>\r\n                        <p class=\"text-gray-600\">Explore as fragr\u00e2ncias e use seu cupom de assinante para comprar o frasco completo com desconto.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- SE\u00c7\u00c3O: Planos de Assinatura -->\r\n        <section id=\"plans-section\" class=\"py-16 sm:py-24 bg-white\">\r\n            <div class=\"container mx-auto px-6 text-center\">\r\n                <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Escolha o Plano Perfeito Para Sua Jornada<\/h2>\r\n                <p class=\"text-gray-600 text-lg max-w-2xl mx-auto mb-16\">Comece a explorar um mundo de aromas hoje mesmo.<\/p>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n                    <!-- Plano Mensal -->\r\n                    <div class=\"bg-gray-50 p-8 rounded-lg shadow-lg border-t-4 border-gray-300 flex flex-col\">\r\n                        <img decoding=\"async\" src=\"https:\/\/inovetime.com.br\/wp-content\/uploads\/32.png\" alt=\"Caixa do Plano Mensal\" class=\"rounded-md mb-6 w-full object-cover\">\r\n                        <h3 class=\"text-2xl font-bold mb-2\">Plano Ess\u00eancia <\/h3>\r\n                        <p class=\"text-4xl font-bold text-rose-500 mb-4\">R$197<span class=\"text-2xl\">,90<\/span><span class=\"text-base font-normal text-gray-500\">\/m\u00eas<\/span><\/p>\r\n                        <ul class=\"text-left space-y-3 text-gray-600 mb-8 flex-grow\">\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>1 decants de luxo por m\u00eas<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>1 Mimo Especial<\/li>\r\n                             <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>5% Em compra no site<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Curadoria de especialistas<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Cancele quando quiser<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n\r\nIdeal para quem quer come\u00e7ar com eleg\u00e2ncia e liberdade.\r\n<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/alethe.com.br\/produto\/assinatura-plano-essencia-alethe-by-lady-griffe\/\">\r\n                        <button class=\"w-full bg-gray-800 hover:bg-gray-900 text-white font-bold py-3 px-6 rounded-lg transition-transform transform hover:scale-105\">Come\u00e7ar minha jornada<\/button>\r\n                    <\/a><\/div>\r\n\r\n                    <!-- Plano Semestral (Mais Popular) -->\r\n                    <div class=\"bg-gray-50 p-8 rounded-lg shadow-xl border-t-4 border-rose-500 relative flex flex-col transform scale-105\">\r\n                        <span class=\"absolute top-0 -translate-y-1\/2 bg-rose-500 text-white text-xs font-bold px-3 py-1 rounded-full uppercase left-1\/2 -translate-x-1\/2\">Mais Popular<\/span>\r\n                        <img decoding=\"async\" src=\" https:\/\/alethe.com.br\/wp-content\/uploads\/2025\/07\/Decant-CHCH-scaled.jpg\" alt=\"Caixa do Plano Semestral\" class=\"rounded-md mb-6 w-full object-cover\">\r\n                       \r\n                        <h3 class=\"text-2xl font-bold mb-2\">Plano Experience<\/h3>\r\n                        <p class=\"text-4xl font-bold text-rose-500 mb-4\">R$297<span class=\"text-2xl\">,90<\/span><span class=\"text-base font-normal text-gray-500\">\/m\u00eas<\/span><\/p>\r\n                         <ul class=\"text-left space-y-3 text-gray-600 mb-8 flex-grow\">\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Tudo do plano Ess\u00eancia +<\/li>\r\n                              <li class=\"flex items-center font-bold text-rose-600\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>2 decants de luxo por m\u00eas<\/li>\r\n                            <li class=\"flex items-center font-bold text-rose-600\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>1 Brinde Surpresa na 1\u00aa Box<\/li>\r\n                              <li class=\"flex items-center font-bold text-rose-600\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>10% Em compra no site<\/li>\r\n                              \r\n                         \r\n                             <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Cancele quando quiser<\/li>\r\n                             <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Perfeito para quem busca variedade, surpresa e mais viv\u00eancia com fragr\u00e2ncias.<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/alethe.com.br\/produto\/assinatura-plano-experience-alethe-by-lady-griffe\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                        <button class=\"w-full bg-rose-500 hover:bg-rose-600 text-white font-bold py-3 px-6 rounded-lg transition-transform transform hover:scale-105\">Quero viver essa experi\u00eancia<\/button><\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Plano Anual -->\r\n                    <div class=\"bg-gray-50 p-8 rounded-lg shadow-lg border-t-4 border-gray-300 flex flex-col\">\r\n                        <img decoding=\"async\" src=\"https:\/\/assinatura.alethe.com.br\/wp-content\/uploads\/2025\/07\/34.png\" alt=\"Caixa do Plano Anual\" class=\"rounded-md mb-6 w-full object-cover\">\r\n                        <h3 class=\"text-2xl font-bold mb-2\">Plano Exclusive<\/h3>\r\n                        <p class=\"text-4xl font-bold text-rose-500 mb-4\">R$387<span class=\"text-2xl\">,90<\/span><span class=\"text-base font-normal text-gray-500\">\/m\u00eas<\/span><\/p>\r\n                        <ul class=\"text-left space-y-3 text-gray-600 mb-8 flex-grow\">\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Tudo do plano Experience +<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>3 decants de luxo por m\u00eas<\/li>\r\n                            <li class=\"flex items-center font-bold text-rose-600\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>2 Brindes de Luxo no ano<\/li>\r\n                             <li class=\"flex items-center font-bold text-rose-600\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>15% Em compra no site<\/li>\r\n                                <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Frete Gr\u00e1tis<\/li>\r\n                              <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Cancele quando quiser<\/li>\r\n                              <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Feito para quem ama perfumes, ama exclusividade e quer viver o universo Lady Griffe com tudo que tem direito.<\/li>\r\n                              \r\n                        <\/ul>\r\n                        <a href=\"https:\/\/alethe.com.br\/produto\/assinatura-plano-exclusive-alethe-by-lady-griffe\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                        <button class=\"w-full bg-gray-800 hover:bg-gray-900 text-white font-bold py-3 px-6 rounded-lg transition-transform transform hover:scale-105\">QUERO SER VIP<\/button><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n          <!-- SE\u00c7\u00c3O 3: A Solu\u00e7\u00e3o -->\r\n    <!-- SE\u00c7\u00c3O 3: A Solu\u00e7\u00e3o -->\r\n<section class=\"py-16 sm:py-24 bg-gray-50\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <div class=\"flex flex-col lg:flex-row items-center gap-12\">\r\n\r\n      <!-- V\u00eddeo autoplay, loop, muted e playsinline -->\r\n      <div class=\"lg:w-1\/2\">\r\n        <video\r\n          autoplay\r\n          muted\r\n          loop\r\n          playsinline\r\n          webkit-playsinline\r\n          class=\"rounded-lg shadow-xl w-full\"\r\n          poster=\"https:\/\/inovetime.com.br\/wp-content\/uploads\/ig_video_1750427733.mp4\"\r\n        >\r\n          <!-- Use .mp4 (e, se quiser m\u00e1xima cobertura, adicione tamb\u00e9m .webm) -->\r\n          <source src=\"https:\/\/inovetime.com.br\/wp-content\/uploads\/ig_video_1750427733.mp4\" type=\"video\/mp4\">\r\n          <!--<source src=\"\/videos\/unboxing.webm\" type=\"video\/webm\">-->\r\n          Seu navegador n\u00e3o suporta v\u00eddeo HTML5.\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <div class=\"lg:w-1\/2\">\r\n        <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-800 mb-6\">\r\n         \u00c9 por isso que nasceu o Clube de assinatura O Clube da Lady.\r\n        <\/h2>\r\n        <ul class=\"space-y-6\">\r\n          <li class=\"flex items-start\">\r\n            <div class=\"flex-shrink-0 flex items-center justify-center w-12 h-12 bg-rose-500 text-white font-bold text-xl rounded-full mr-4\">1<\/div>\r\n            <div>\r\n              <h4 class=\"text-xl font-bold\">Curadoria Exclusiva<\/h4>\r\n              <p class=\"text-gray-600\">Nossos especialistas selecionam a dedo fragr\u00e2ncias incr\u00edveis, criando temas e hist\u00f3rias \u00fanicas a cada m\u00eas.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex items-start\">\r\n            <div class=\"flex-shrink-0 flex items-center justify-center w-12 h-12 bg-rose-500 text-white font-bold text-xl rounded-full mr-4\">2<\/div>\r\n            <div>\r\n              <h4 class=\"text-xl font-bold\">Explore no seu Ritmo<\/h4>\r\n              <p class=\"text-gray-600\">Receba seu kit com at\u00e9 3 decants de luxo e use cada perfume em diferentes ocasi\u00f5es, sem pressa.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex items-start\">\r\n            <div class=\"flex-shrink-0 flex items-center justify-center w-12 h-12 bg-rose-500 text-white font-bold text-xl rounded-full mr-4\">3<\/div>\r\n            <div>\r\n              <h4 class=\"text-xl font-bold\">Apaixone-se e Decida<\/h4>\r\n              <p class=\"text-gray-600\">Amou uma fragr\u00e2ncia? Use seu cupom de membro para comprar o frasco grande com um desconto exclusivo.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n             <li class=\"flex items-start\">\r\n            <div class=\"flex-shrink-0 flex items-center justify-center w-12 h-12 bg-rose-500 text-white font-bold text-xl rounded-full mr-4\">4<\/div>\r\n            <div>\r\n              <h4 class=\"text-xl font-bold\">Testar antes de investir. <\/h4>\r\n              <p class=\"text-gray-600\">Presentear com confian\u00e7a. Escolher com seguran\u00e7a.\r\n<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      \r\n\r\n    <\/div>\r\n   \r\n  <\/div>\r\n  \r\n<\/section>\r\n\r\n\r\n        <!-- Garantia de Satisfa\u00e7\u00e3o -->\r\n        <section class=\"bg-gray-100 py-16\">\r\n            <div class=\"container mx-auto px-6\">\r\n                <div class=\"bg-white border-l-4 border-rose-500 text-rose-900 p-8 rounded-r-lg flex items-center max-w-4xl mx-auto shadow-md\">\r\n                    <div class=\"flex-shrink-0 mr-6\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-16 w-16 text-rose-500\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" \/><\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold\">Satisfa\u00e7\u00e3o 100% Garantida<\/h3>\r\n                        <p class=\"mt-2 text-black-800\">Sua confian\u00e7a \u00e9 nossa prioridade. Se por qualquer motivo voc\u00ea n\u00e3o amar sua primeira caixa, basta nos contatar em at\u00e9 7 dias que devolvemos seu dinheiro. Simples assim. Risco zero para voc\u00ea experimentar.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Galeria de Perfumes -->\r\n        <section class=\"py-16 sm:py-24 bg-white\">\r\n    <div class=\"container mx-auto px-6\">\r\n        <h2 class=\"text-4xl font-bold text-center text-gray-800 mb-4\">Fragr\u00e2ncias que voc\u00ea pode descobrir<\/h2>\r\n        <p class=\"text-gray-600 text-lg max-w-2xl mx-auto text-center mb-12\">Nossa curadoria inclui desde cl\u00e1ssicos atemporais at\u00e9 os nichos mais cobi\u00e7ados.<\/p>\r\n        \r\n        <div class=\"w-full overflow-hidden\">\r\n            <div class=\"animate-perfume-scroll\">\r\n                <div v-for=\"perfume in perfumes\" :key=\"perfume.alt\" class=\"group perfume-slide\">\r\n                    <img :src=\"perfume.src\" :alt=\"perfume.alt\" class=\"rounded-lg shadow-lg w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-300\">\r\n                <\/div>\r\n                \r\n                <div v-for=\"perfume in perfumes\" :key=\"perfume.alt + '-clone'\" class=\"group perfume-slide\">\r\n                    <img :src=\"perfume.src\" :alt=\"perfume.alt\" class=\"rounded-lg shadow-lg w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-300\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n     <!-- SE\u00c7\u00c3O 5: Solu\u00e7\u00e3o para Presentes -->\r\n      <section class=\"py-16 sm:py-24 bg-white\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <div class=\"flex flex-col lg:flex-row-reverse items-center gap-12\">\r\n\r\n      <!-- V\u00eddeo autoplay, loop, muted e playsinline -->\r\n      <div class=\"lg:w-1\/2\">\r\n        <video\r\n          autoplay\r\n          muted\r\n          loop\r\n          playsinline\r\n          webkit-playsinline\r\n          class=\"rounded-lg shadow-xl w-full\"\r\n          poster=\"https:\/\/inovetime.com.br\/wp-content\/uploads\/ChatGPT-Image-19-de-jun.-de-2025-19_44_28.png\"\r\n        >\r\n          <source src=\"https:\/\/inovetime.com.br\/wp-content\/uploads\/Video-do-WhatsApp-de-2025-06-20-as-09.49.37_c22a978b.mp4\" type=\"video\/mp4\">\r\n          <!-- <source src=\"\/videos\/pessoa-feliz-kit.webm\" type=\"video\/webm\"> -->\r\n          Seu navegador n\u00e3o suporta v\u00eddeo HTML5.\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <div class=\"lg:w-1\/2\">\r\n        <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-800 mb-6\">\r\n          O Fim da Busca pelo Presente Perfeito.\r\n        <\/h2>\r\n        <p class=\"text-gray-600 mb-6 text-lg\">\r\n          Por que dar apenas <em>um<\/em> perfume quando voc\u00ea pode dar uma <strong>experi\u00eancia de descoberta<\/strong>? Com nosso kit, voc\u00ea n\u00e3o precisa acertar o gosto da pessoa, voc\u00ea d\u00e1 a ela a chance de encontrar seus novos aromas favoritos. \u00c9 criativo, sofisticado e inesquec\u00edvel.\r\n        <\/p>\r\n        <ul class=\"space-y-4 text-gray-700\">\r\n          <li class=\"flex items-center\">\r\n            <svg class=\"w-6 h-6 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            Presente que surpreende e dura meses.\r\n          <\/li>\r\n          <li class=\"flex items-center\">\r\n            <svg class=\"w-6 h-6 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            Ideal para aquela pessoa que \"j\u00e1 tem tudo\".\r\n          <\/li>\r\n          <li class=\"flex items-center\">\r\n            <svg class=\"w-6 h-6 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            Elimina o risco de errar na escolha.\r\n          <\/li>\r\n        <\/ul>\r\n        <button @click=\"scrollToForm\"\r\n          class=\"mt-8 bg-gray-800 hover:bg-gray-900 text-white font-bold py-3 px-8 rounded-lg text-lg transition-transform transform hover:scale-105 shadow-lg\">\r\n          VER OP\u00c7\u00d5ES PARA PRESENTE\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n        <!-- Prova Social -->\r\n        <section class=\"py-16 sm:py-24 bg-gray-100\">\r\n            <div class=\"container mx-auto px-6\">\r\n                <h2 class=\"text-4xl font-extrabold text-center text-gray-800 mb-12\">O que os nossos exploradores est\u00e3o dizendo:<\/h2>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n                    <div class=\"bg-white p-8 rounded-lg shadow-lg\"><p class=\"text-gray-600 italic mb-4\">\"A melhor forma de conhecer perfumes novos sem gastar muito. A curadoria \u00e9 impec\u00e1vel e a experi\u00eancia de abrir a caixa todo m\u00eas \u00e9 incr\u00edvel!\"<\/p><p class=\"font-bold text-gray-800\">- Juliana M.<\/p><\/div>\r\n                    <div class=\"bg-white p-8 rounded-lg shadow-lg\"><p class=\"text-gray-600 italic mb-4\">\"Dei de presente de anivers\u00e1rio para minha namorada e ela amou! Foi o presente mais criativo e sofisticado que j\u00e1 dei. Recomendo muito.\"<\/p><p class=\"font-bold text-gray-800\">- Ricardo P.<\/p><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FAQ -->\r\n        <section class=\"py-16 sm:py-24 bg-white\">\r\n            <div class=\"container mx-auto px-6 max-w-3xl\">\r\n                <h2 class=\"text-4xl font-bold text-center text-gray-800 mb-12\">Perguntas Frequentes<\/h2>\r\n                <div class=\"space-y-4\">\r\n                    <div v-for=\"(item, index) in faqItems\" :key=\"index\" class=\"border border-gray-200 rounded-lg overflow-hidden\">\r\n                        <div @click=\"toggleFaq(index)\" class=\"faq-question p-6 cursor-pointer flex justify-between items-center\" :class=\"{'bg-rose-50': activeFaq === index}\">\r\n                            <h4 class=\"text-lg font-semibold text-gray-800\">{{ item.question }}<\/h4>\r\n                            <svg class=\"w-6 h-6 text-gray-500 transform transition-transform duration-300\" :class=\"{'rotate-180': activeFaq === index}\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div class=\"faq-answer px-6\" :class=\"{ 'open py-4': activeFaq === index }\"><p class=\"text-gray-600\">{{ item.answer }}<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Captura de Leads -->\r\n        <section id=\"form-section\" class=\"py-16 sm:py-24 bg-gray-800 text-white\">\r\n            <div class=\"container mx-auto px-6 text-center max-w-2xl\">\r\n                <div v-if=\"!submitted\">\r\n                    <h2 class=\"text-4xl font-extrabold mb-4\">Ainda na d\u00favida? Junte-se ao nosso clube!<\/h2>\r\n                    <p class=\"mb-8 text-lg text-gray-300 font-sans\">Deixe seu e-mail para receber dicas, novidades e um <strong class=\"text-rose-400\">desconto especial<\/strong> na sua primeira compra.<\/p>\r\n                    <form @submit.prevent=\"handleSubmit\" class=\"flex flex-col sm:flex-row gap-4 max-w-lg mx-auto\">\r\n                        <input type=\"email\" v-model=\"email\" placeholder=\"Seu melhor e-mail\" required class=\"flex-grow p-4 rounded-lg bg-gray-700 border border-gray-600 focus:ring-rose-500 focus:border-rose-500 text-white placeholder-gray-400 font-sans\">\r\n                        <button type=\"submit\" class=\"bg-rose-500 hover:bg-rose-600 text-white font-bold py-4 px-8 rounded-lg text-lg transition-transform transform hover:scale-105 shadow-lg font-sans\">QUERO FAZER PARTE<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n                <div v-else class=\"font-sans\">\r\n                    <h2 class=\"text-4xl font-extrabold mb-4\">Obrigado!<\/h2>\r\n                    <p class=\"text-lg text-gray-300\">Voc\u00ea est\u00e1 na nossa lista VIP! Fique de olho no seu e-mail para novidades e dicas incr\u00edveis.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <footer class=\"bg-gray-900 text-white text-center py-8\">\r\n        <p>\r\n\u00a9 2025 Todos os direitos reservados a Lady Griffe. Feito com \u2764\u00a0por\u00a0InoveTime<\/p>\r\n    <\/footer>\r\n    \r\n    <!-- Popup de Inten\u00e7\u00e3o de Sa\u00edda -->\r\n    <div v-if=\"showExitPopup\" @click=\"closePopup\" class=\"popup-overlay fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50 p-4\">\r\n        <div @click.stop class=\"popup-content bg-white rounded-lg shadow-2xl p-8 max-w-lg w-full text-center transform scale-95\" :class=\"{'scale-100': showExitPopup}\">\r\n            <button @click=\"closePopup\" class=\"absolute top-4 right-4 text-gray-400 hover:text-gray-800\">\r\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n            <\/button>\r\n            <h3 class=\"text-3xl font-bold text-gray-800 mb-4\">Espere! N\u00e3o v\u00e1 agora...<\/h3>\r\n            <p class=\"text-gray-600 mb-6\">Sua jornada olfativa est\u00e1 prestes a ficar melhor. Como um presente especial, deixe seu e-mail e ganhe <strong class=\"text-rose-500\">15% OFF + 1 Amostra Extra<\/strong> na sua primeira box.<\/p>\r\n            <form @submit.prevent=\"handlePopupSubmit\" class=\"flex flex-col gap-4\">\r\n                <input type=\"email\" v-model=\"popupEmail\" placeholder=\"Seu melhor e-mail\" required class=\"w-full p-3 rounded-lg border border-gray-300 focus:ring-rose-500 focus:border-rose-500\">\r\n                <button type=\"submit\" class=\"w-full bg-rose-500 hover:bg-rose-600 text-white font-bold py-3 px-6 rounded-lg transition-transform transform hover:scale-105\">QUERO MEU BENEF\u00cdCIO EXTRA!<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script type=\"module\">\r\n    const { createApp, ref, onMounted, onUnmounted } = Vue;\r\n\r\n    createApp({\r\n        setup() {\r\n            const email = ref('');\r\n            const submitted = ref(false);\r\n            const activeFaq = ref(null);\r\n            const showExitPopup = ref(false);\r\n            const popupEmail = ref('');\r\n            \r\n            const faqItems = ref([\r\n                { question: 'Os perfumes s\u00e3o originais?', answer: 'Sim! Trabalhamos apenas com perfumes 100% originais, adquiridos de distribuidores oficiais. Nossos decants s\u00e3o extra\u00eddos diretamente do frasco original, sem qualquer tipo de altera\u00e7\u00e3o.' },\r\n                { question: 'Posso escolher os perfumes do m\u00eas?', answer: 'A beleza do clube \u00e9 a descoberta! A sele\u00e7\u00e3o \u00e9 uma surpresa, montada pelos nossos especialistas para ampliar seus horizontes olfativos. No entanto, o quiz de prefer\u00eancias nos ajuda a entender seu gosto e a refinar a curadoria para voc\u00ea.' },\r\n                { question: 'Como funciona o cancelamento?', answer: 'Voc\u00ea pode cancelar sua assinatura a qualquer momento, sem taxas ou burocracia. O cancelamento pode ser feito diretamente na sua \u00e1rea de cliente em nosso site.' },\r\n                { question: 'O frete est\u00e1 incluso?', answer: 'Sim, o frete da sua box mensal j\u00e1 est\u00e1 incluso no valor da assinatura para a maior parte do Brasil. Voc\u00ea pode consultar a disponibilidade para seu CEP durante a finaliza\u00e7\u00e3o da compra.' }\r\n            ]);\r\n\r\n            \/\/ NOVO: Array com as imagens da galeria de perfumes\r\n            const perfumes = ref([\r\n                { src: 'https:\/\/belezagriffe.com.br\/wp-content\/uploads\/2025\/06\/10462173397022.jpg', alt: 'Perfume Baccarat Rouge 540' },\r\n                { src: 'https:\/\/www.chanel.com\/puls-img\/1728638182448-oneplpmajorpushmobile1920x2048pxjpg_1600x1500.jpg', alt: 'Perfume Creed Aventus' },\r\n                { src: 'https:\/\/belezagriffe.com.br\/wp-content\/uploads\/2025\/06\/3-324ac81ca669f38e0517271780571059-1024-1024.jpg', alt: 'Perfume Layton Parfums de Marly' },\r\n                { src: 'https:\/\/belezagriffe.com.br\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/3605533286555.03.jpg.webp', alt: 'Perfume Libre Yves Saint Laurent' },\r\n                { src: 'https:\/\/alethe.com.br\/wp-content\/uploads\/2025\/05\/915749f2-86b3-473c-ad87-036b1fffbcc0-libre-intense-yves-saint-laurent-eau-de-parfum-perfume-feminino-50ml.webp', alt: 'Perfume ' },\r\n                { src: 'https:\/\/epocacosmeticos.vteximg.com.br\/arquivos\/ids\/457642-800-800\/1-million-EDT-paco-rabanne-1.jpg?v=638844906854500000', alt: 'Perfume ' },\r\n                { src: 'https:\/\/www.sephora.com.br\/dw\/image\/v2\/BFJC_PRD\/on\/demandware.static\/-\/Sites-masterCatalog_Sephora\/pt_BR\/dw6745a5eb\/images\/hi-res-BR\/Frag\/Nova%20pasta\/Maria%20Helena\/_3349668612611_0065187138_3.jpg?sw=556&sh=680&sm=fit', alt: 'Perfume ' },\r\n              \r\n             \r\n                { src: 'https:\/\/alethe.com.br\/wp-content\/uploads\/2025\/05\/fakhar-rose-lattafa-100-ml-66b8b934a855d.webp', alt: 'Perfume ' }\r\n            ]);\r\n\r\n            const handleSubmit = () => {\r\n                if (email.value && email.value.includes('@')) {\r\n                    console.log('Email capturado (formul\u00e1rio principal):', email.value);\r\n                    submitted.value = true;\r\n                } else {\r\n                    alert('Por favor, insira um e-mail v\u00e1lido.');\r\n                }\r\n            };\r\n            \r\n            const handlePopupSubmit = () => {\r\n                if (popupEmail.value && popupEmail.value.includes('@')) {\r\n                    console.log('Email capturado (popup):', popupEmail.value);\r\n                    showExitPopup.value = false;\r\n                    alert('Obrigado! Seu benef\u00edcio extra foi garantido e ser\u00e1 enviado para o seu e-mail.');\r\n                } else {\r\n                    alert('Por favor, insira um e-mail v\u00e1lido.');\r\n                }\r\n            };\r\n\r\n            const scrollToPlans = () => {\r\n                document.getElementById('plans-section')?.scrollIntoView({ behavior: 'smooth' });\r\n            };\r\n\r\n            const toggleFaq = (index) => {\r\n                activeFaq.value = activeFaq.value === index ? null : index;\r\n            };\r\n            \r\n            const handleMouseLeave = (e) => {\r\n                if (e.clientY <= 0 && !sessionStorage.getItem('exitPopupShown')) {\r\n                    showExitPopup.value = true;\r\n                    sessionStorage.setItem('exitPopupShown', 'true');\r\n                }\r\n            };\r\n\r\n            const closePopup = () => {\r\n                showExitPopup.value = false;\r\n            };\r\n            \r\n            onMounted(() => {\r\n                document.addEventListener('mouseleave', handleMouseLeave);\r\n            });\r\n            \r\n            onUnmounted(() => {\r\n                document.removeEventListener('mouseleave', handleMouseLeave);\r\n            });\r\n\r\n            return { \r\n                email, \r\n                submitted, \r\n                faqItems, \r\n                activeFaq, \r\n                showExitPopup, \r\n                popupEmail, \r\n                handleSubmit, \r\n                handlePopupSubmit, \r\n                scrollToPlans, \r\n                toggleFaq, \r\n                closePopup,\r\n                perfumes \/\/ NOVO: Adicionado ao retorno\r\n            };\r\n        }\r\n    }).mount('#app');\r\n<\/script>\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clube de Perfumes | A Descoberta do Aroma Perfeito Cansado de errar na hora de escolher o perfume ideal? Descubra [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":19,"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/assinatura.alethe.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}