{"id":834,"date":"2025-08-15T02:56:05","date_gmt":"2025-08-15T02:56:05","guid":{"rendered":"https:\/\/webdesignerlopes.com.br\/?page_id=834"},"modified":"2025-08-15T02:56:46","modified_gmt":"2025-08-15T02:56:46","slug":"imob","status":"publish","type":"page","link":"https:\/\/webdesignerlopes.com.br\/en\/imob\/","title":{"rendered":"Imob"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"834\" class=\"elementor elementor-834\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10a17c3 e-con-full e-flex e-con e-parent\" data-id=\"10a17c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f66a8 elementor-widget elementor-widget-html\" data-id=\"e3f66a8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Nunca Mais Passe Vergonha Quando Perguntarem Sobre Seu Site<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            line-height: 1.6;\r\n            color: #e2e8f0;\r\n            background: #0f1419;\r\n            overflow-x: hidden;\r\n        }\r\n        \r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n        }\r\n        \r\n        .hero {\r\n            min-height: 100vh;\r\n            background: linear-gradient(135deg, #0f1419 0%, #1a202c 50%, #2d3748 100%);\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(255, 107, 53, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 40%, rgba(167, 139, 250, 0.05) 0%, transparent 50%);\r\n        }\r\n        \r\n        .hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><g fill=\"rgba(255,255,255,0.02)\" fill-opacity=\"1\"><rect width=\"1\" height=\"1\" x=\"29\" y=\"29\"\/><\/g><\/svg>');\r\n        }\r\n        \r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 800px;\r\n        }\r\n        \r\n        .hero h1 {\r\n            font-size: clamp(2.5rem, 5vw, 4rem);\r\n            font-weight: 800;\r\n            margin-bottom: 24px;\r\n            background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 50%, #a78bfa 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n        \r\n        .hero-subtitle {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 40px;\r\n            color: #cbd5e0;\r\n            font-weight: 400;\r\n            max-width: 600px;\r\n        }\r\n        \r\n        .cta-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            background: linear-gradient(135deg, #ff6b35 0%, #ff8e35 100%);\r\n            color: white;\r\n            padding: 20px 32px;\r\n            text-decoration: none;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: \r\n                0 10px 40px rgba(255, 107, 53, 0.2),\r\n                0 0 0 1px rgba(255, 255, 255, 0.1);\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .cta-primary::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n        \r\n        .cta-primary:hover::before {\r\n            left: 100%;\r\n        }\r\n        \r\n        .cta-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: \r\n                0 20px 60px rgba(255, 107, 53, 0.3),\r\n                0 0 0 1px rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .section {\r\n            padding: 120px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .section-dark {\r\n            background: #0f1419;\r\n        }\r\n        \r\n        .section-darker {\r\n            background: #0a0e13;\r\n        }\r\n        \r\n        .glass-card {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            margin: 40px 0;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .content-block {\r\n            margin-bottom: 60px;\r\n        }\r\n        \r\n        .content-block h2 {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            color: #ffffff;\r\n            margin-bottom: 24px;\r\n            font-weight: 700;\r\n            letter-spacing: -0.02em;\r\n        }\r\n        \r\n        .content-block h3 {\r\n            font-size: 1.75rem;\r\n            color: #a78bfa;\r\n            margin-bottom: 20px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .content-block p {\r\n            font-size: 1.125rem;\r\n            margin-bottom: 24px;\r\n            color: #cbd5e0;\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .highlight-gradient {\r\n            background: linear-gradient(135deg, rgba(167, 139, 250, 0.1) 0%, rgba(79, 70, 229, 0.1) 100%);\r\n            border: 1px solid rgba(167, 139, 250, 0.2);\r\n            border-radius: 16px;\r\n            padding: 32px;\r\n            margin: 40px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .highlight-gradient::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #a78bfa, transparent);\r\n        }\r\n        \r\n        .pain-card {\r\n            background: rgba(251, 191, 36, 0.1);\r\n            border: 1px solid rgba(251, 191, 36, 0.2);\r\n            border-radius: 16px;\r\n            padding: 32px;\r\n            margin: 32px 0;\r\n            border-left: 4px solid #fbbf24;\r\n        }\r\n        \r\n        .solution-card {\r\n            background: rgba(34, 197, 94, 0.1);\r\n            border: 1px solid rgba(34, 197, 94, 0.2);\r\n            border-radius: 16px;\r\n            padding: 32px;\r\n            margin: 32px 0;\r\n            border-left: 4px solid #22c55e;\r\n        }\r\n        \r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 24px;\r\n            margin: 60px 0;\r\n        }\r\n        \r\n        .benefit-card {\r\n            background: rgba(255, 255, 255, 0.02);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-radius: 16px;\r\n            padding: 32px;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .benefit-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, rgba(167, 139, 250, 0.5), transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n        }\r\n        \r\n        .benefit-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .benefit-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(167, 139, 250, 0.2);\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .benefit-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 16px;\r\n            display: block;\r\n        }\r\n        \r\n        .benefit-card h4 {\r\n            color: #ffffff;\r\n            margin-bottom: 12px;\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .benefit-card p {\r\n            color: #94a3b8;\r\n            font-size: 1rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        .process-container {\r\n            margin: 80px 0;\r\n        }\r\n        \r\n        .process-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 40px;\r\n            margin: 60px 0;\r\n        }\r\n        \r\n        .process-step {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .step-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, #ff6b35 0%, #ff8e35 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.75rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin: 0 auto 24px;\r\n            box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);\r\n        }\r\n        \r\n        .process-step h4 {\r\n            color: #ffffff;\r\n            margin-bottom: 12px;\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .process-step p {\r\n            color: #94a3b8;\r\n            font-size: 1rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        .price-section {\r\n            background: rgba(255, 255, 255, 0.02);\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 24px;\r\n            padding: 60px;\r\n            text-align: center;\r\n            margin: 60px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .price-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, #ff6b35, #a78bfa, #22c55e, #ff6b35);\r\n            background-size: 300% 100%;\r\n            animation: gradientShift 3s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes gradientShift {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n        \r\n        .price-amount {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            margin: 24px 0;\r\n            background: linear-gradient(135deg, #ff6b35 0%, #a78bfa 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        \r\n        .urgency-banner {\r\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.1) 100%);\r\n            border: 1px solid rgba(239, 68, 68, 0.2);\r\n            border-radius: 16px;\r\n            padding: 32px;\r\n            text-align: center;\r\n            margin: 40px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .urgency-banner::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, #ef4444, #dc2626);\r\n        }\r\n        \r\n        .final-cta-section {\r\n            background: linear-gradient(135deg, #0f1419 0%, #1a202c 100%);\r\n            padding: 100px 0;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .final-cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 20%, rgba(167, 139, 250, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(255, 107, 53, 0.1) 0%, transparent 50%);\r\n        }\r\n        \r\n        .floating-cta {\r\n            position: fixed;\r\n            bottom: 24px;\r\n            right: 24px;\r\n            z-index: 1000;\r\n            opacity: 0;\r\n            transform: translateY(100px);\r\n            animation: slideUp 0.8s ease 2s forwards;\r\n        }\r\n        \r\n        .cta-secondary {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: #ffffff;\r\n            padding: 16px 24px;\r\n            border-radius: 12px;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .cta-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        @keyframes slideUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n        \r\n        .floating-element {\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .container {\r\n                padding: 0 16px;\r\n            }\r\n            \r\n            .section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .glass-card, .price-section {\r\n                padding: 32px 24px;\r\n            }\r\n            \r\n            .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n            \r\n            .floating-cta {\r\n                bottom: 16px;\r\n                right: 16px;\r\n            }\r\n            \r\n            .cta-primary {\r\n                padding: 16px 24px;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .hero {\r\n                min-height: 90vh;\r\n                padding: 40px 0;\r\n            }\r\n        }\r\n        \r\n        .fade-in {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        .stagger-1 { transition-delay: 0.1s; }\r\n        .stagger-2 { transition-delay: 0.2s; }\r\n        .stagger-3 { transition-delay: 0.3s; }\r\n        .stagger-4 { transition-delay: 0.4s; }\r\n        \r\n        .text-gradient {\r\n            background: linear-gradient(135deg, #a78bfa 0%, #22c55e 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <h1 class=\"fade-in\">\"NUNCA MAIS PASSE VERGONHA QUANDO UM CLIENTE PERGUNTAR SOBRE SEU SITE\"<\/h1>\r\n                <p class=\"hero-subtitle fade-in stagger-1\">Em 15 dias, voc\u00ea estar\u00e1 enviando seu link com orgulho e vendo a aprova\u00e7\u00e3o no olhar dos clientes<\/p>\r\n                <a href=\"#contato\" class=\"cta-primary fade-in stagger-2\">\r\n                    <span>QUERO PARAR DE PASSAR VERGONHA AGORA<\/span>\r\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"m9 18 6-6-6-6\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-dark\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <p>Voc\u00ea conhece exatamente essa sensa\u00e7\u00e3o, n\u00e3o \u00e9? Aquele aperto no est\u00f4mago quando o cliente pergunta: \"Qual \u00e9 o seu site?\" e voc\u00ea precisa dar uma explica\u00e7\u00e3o esquisita sobre \"estar reformulando\" ou \"preferir atendimento pessoal\". Eu sei porque conversei com centenas de corretores que vivem isso diariamente.<\/p>\r\n                \r\n                <div class=\"pain-card fade-in stagger-1\">\r\n                    <p><strong>Semana passada recebi uma liga\u00e7\u00e3o de um corretor com 18 anos de experi\u00eancia.<\/strong> Ele tinha acabado de perder uma venda de R$ 850 mil para um concorrente que come\u00e7ou h\u00e1 2 anos no mercado. O motivo? \"O site dele passava mais confian\u00e7a\", disse o cliente.<\/p>\r\n                <\/div>\r\n                \r\n                <p class=\"fade-in stagger-2\">N\u00e3o era sobre compet\u00eancia. N\u00e3o era sobre conhecimento do mercado. Era sobre os primeiros 10 segundos de impress\u00e3o.<\/p>\r\n                \r\n                <p class=\"fade-in stagger-3\">E sabe o que mais d\u00f3i? Voc\u00ea tem d\u00e9cadas de experi\u00eancia, conhece cada bairro da cidade, cada construtora, cada armadilha que um cliente pode enfrentar. Mas hoje, clientes julgam seu profissionalismo pela sua presen\u00e7a digital antes mesmo de te conhecer pessoalmente.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-darker\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>A revolu\u00e7\u00e3o digital n\u00e3o perguntou se voc\u00ea estava pronto<\/h2>\r\n                \r\n                <p>Enquanto voc\u00ea estava focado em ser o melhor corretor que podia ser - estudando mercado, construindo relacionamentos, fechando neg\u00f3cios - o mundo mudou as regras do jogo. De repente, n\u00e3o basta mais ser competente. Voc\u00ea precisa PARECER competente nos primeiros segundos online.<\/p>\r\n                \r\n                <p>E isso n\u00e3o \u00e9 culpa sua. Ningu\u00e9m te ensinou que ter um site profissional se tornaria obrigat\u00f3rio para manter credibilidade. Ningu\u00e9m te avisou que clientes de hoje pesquisam o corretor no Google antes de retornar uma liga\u00e7\u00e3o.<\/p>\r\n                \r\n                <div class=\"highlight-gradient fade-in\">\r\n                    <h3 class=\"text-gradient\">Mas aqui est\u00e1 a realidade que ningu\u00e9m fala:<\/h3>\r\n                    <p><strong>90% dos seus concorrentes locais est\u00e3o na mesma situa\u00e7\u00e3o que voc\u00ea.<\/strong> Eles tamb\u00e9m n\u00e3o t\u00eam site profissional. Eles tamb\u00e9m passam vergonha quando perguntados. Eles tamb\u00e9m est\u00e3o perdendo vendas para os poucos que acordaram primeiro.<\/p>\r\n                <\/div>\r\n                \r\n                <p><strong>Isso significa que voc\u00ea n\u00e3o precisa competir com o QuintoAndar ou as grandes imobili\u00e1rias.<\/strong> Voc\u00ea s\u00f3 precisa ser melhor que o corretor da esquina que ainda n\u00e3o acordou para essa realidade.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-dark\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>Imagine a transforma\u00e7\u00e3o...<\/h2>\r\n                \r\n                <p>Imagine acordar na segunda-feira de manh\u00e3 e encontrar 3 leads qualificados no seu email. Pessoas que encontraram seu site no Google durante o fim de semana, se impressionaram com o profissionalismo, e j\u00e1 est\u00e3o prontas para agendar visitas.<\/p>\r\n                \r\n                <p>Imagine a sensa\u00e7\u00e3o de n\u00e3o precisar mais explicar por que voc\u00ea n\u00e3o tem site, mas sim mostrar orgulhosamente sua plataforma profissional que transmite toda a credibilidade que sua experi\u00eancia merece.<\/p>\r\n                \r\n                <div class=\"solution-card fade-in\">\r\n                    <p><strong>Esse futuro n\u00e3o \u00e9 uma fantasia. \u00c9 o que acontece quando voc\u00ea para de competir com as m\u00e3os amarradas.<\/strong><\/p>\r\n                <\/div>\r\n                \r\n                <p>Nos \u00faltimos 5 anos, ajudei mais de 300 corretores e imobili\u00e1rias a transformarem sua presen\u00e7a digital. E descobri algo fascinante: os que mais resistiam \u00e0 tecnologia eram exatamente os que mais se beneficiavam depois. Por qu\u00ea? Porque quando finalmente decidiam agir, faziam direito.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-darker\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>A diferen\u00e7a est\u00e1 nos detalhes<\/h2>\r\n                \r\n                <p>A diferen\u00e7a entre um site que envergonha e um site que impressiona n\u00e3o est\u00e1 na tecnologia complicada. Est\u00e1 em entender especificamente o que um cliente imobili\u00e1rio precisa ver para confiar em voc\u00ea em 10 segundos.<\/p>\r\n                \r\n                <div class=\"benefits-grid\">\r\n                    <div class=\"benefit-card fade-in stagger-1\">\r\n                        <span class=\"benefit-icon\">\ud83c\udfe0<\/span>\r\n                        <h4>Im\u00f3veis Organizados<\/h4>\r\n                        <p>Filtros profissionais que funcionam de verdade e facilitam a busca dos clientes<\/p>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in stagger-2\">\r\n                        <span class=\"benefit-icon\">\u2b50<\/span>\r\n                        <h4>Credibilidade Instant\u00e2nea<\/h4>\r\n                        <p>Sua experi\u00eancia e conquistas destacadas de forma elegante e profissional<\/p>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in stagger-3\">\r\n                        <span class=\"benefit-icon\">\ud83d\udcf1<\/span>\r\n                        <h4>Design Responsivo<\/h4>\r\n                        <p>Funciona perfeitamente no celular onde 80% dos seus clientes navegam<\/p>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in stagger-4\">\r\n                        <span class=\"benefit-icon\">\ud83d\udd04<\/span>\r\n                        <h4>Integra\u00e7\u00e3o Autom\u00e1tica<\/h4>\r\n                        <p>Conecta com portais principais e atualiza seus im\u00f3veis automaticamente<\/p>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in stagger-1\">\r\n                        <span class=\"benefit-icon\">\ud83c\udfaf<\/span>\r\n                        <h4>Capta\u00e7\u00e3o de Leads<\/h4>\r\n                        <p>Formul\u00e1rios inteligentes que capturam clientes qualificados e interessados<\/p>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in stagger-2\">\r\n                        <span class=\"benefit-icon\">\ud83d\udd0d<\/span>\r\n                        <h4>Posicionamento Google<\/h4>\r\n                        <p>Apare\u00e7a nas primeiras posi\u00e7\u00f5es quando clientes procuram im\u00f3veis na sua regi\u00e3o<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <p><strong>N\u00e3o \u00e9 sobre voc\u00ea virar um \"nerd da tecnologia\". \u00c9 sobre voc\u00ea voltar a ser a refer\u00eancia que sempre foi, s\u00f3 que agora no mundo digital tamb\u00e9m.<\/strong><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-dark\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>O timing nunca foi t\u00e3o perfeito<\/h2>\r\n                \r\n                <p>Clientes est\u00e3o cansados dos portais gen\u00e9ricos e procurando corretores independentes no Google. O problema? A maioria dos corretores da sua cidade n\u00e3o aparece l\u00e1 de forma profissional. <strong>Quem se posicionar primeiro vai pegar essa onda.<\/strong><\/p>\r\n                \r\n                <div class=\"urgency-banner fade-in\">\r\n                    <p><strong>Nos pr\u00f3ximos 6 meses, a diferen\u00e7a entre corretores com presen\u00e7a digital profissional e os que ainda resistem vai se tornar um abismo.<\/strong><\/p>\r\n                <\/div>\r\n                \r\n                <p>A pergunta n\u00e3o \u00e9 SE voc\u00ea vai precisar de um site profissional. \u00c9 QUANDO voc\u00ea vai parar de perder vendas por n\u00e3o ter um.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-darker\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>Como funciona o processo<\/h2>\r\n                \r\n                <p>Por isso criei um processo espec\u00edfico para corretores que \"n\u00e3o entendem de tecnologia\". Em 2 a 6 semanas, voc\u00ea sai de \"n\u00e3o tenho site\" para \"refer\u00eancia digital da regi\u00e3o\". Sem stress, sem complica\u00e7\u00e3o, sem precisar aprender nada t\u00e9cnico.<\/p>\r\n                \r\n                <div class=\"process-container\">\r\n                    <div class=\"process-grid\">\r\n                        <div class=\"process-step fade-in stagger-1\">\r\n                            <div class=\"step-number\">1<\/div>\r\n                            <h4>Reuni\u00e3o de Briefing<\/h4>\r\n                            <p>Entendemos suas necessidades espec\u00edficas, seu mercado e seu perfil profissional<\/p>\r\n                        <\/div>\r\n                        <div class=\"process-step fade-in stagger-2\">\r\n                            <div class=\"step-number\">2<\/div>\r\n                            <h4>Cria\u00e7\u00e3o Personalizada<\/h4>\r\n                            <p>Desenvolvemos layout e funcionalidades pensados especificamente para voc\u00ea<\/p>\r\n                        <\/div>\r\n                        <div class=\"process-step fade-in stagger-3\">\r\n                            <div class=\"step-number\">3<\/div>\r\n                            <h4>Aprova\u00e7\u00e3o e Ajustes<\/h4>\r\n                            <p>Voc\u00ea aprova o projeto e fazemos todos os ajustes necess\u00e1rios<\/p>\r\n                        <\/div>\r\n                        <div class=\"process-step fade-in stagger-4\">\r\n                            <div class=\"step-number\">4<\/div>\r\n                            <h4>Lan\u00e7amento e Treinamento<\/h4>\r\n                            <p>Site no ar + treinamento completo para voc\u00ea usar com autonomia<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <p>E voc\u00ea n\u00e3o fica sozinho. Incluo suporte t\u00e9cnico e treinamento completo para que voc\u00ea nunca mais dependa de ningu\u00e9m para manter sua presen\u00e7a digital funcionando perfeitamente.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-dark\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <div class=\"price-section\">\r\n                    <h2>Investimento<\/h2>\r\n                    <div class=\"price-amount\">R$ 2.800 a R$ 7.000<\/div>\r\n                    <p style=\"color: #94a3b8; margin-bottom: 24px;\">Pagamento \u00fanico - Seu ativo digital para sempre<\/p>\r\n                    <p>Eu sei que parece um valor significativo. Mas pense assim: quanto voc\u00ea perdeu em vendas no \u00faltimo ano por n\u00e3o ter uma presen\u00e7a digital profissional? Uma \u00fanica venda que voc\u00ea perde por falta de credibilidade online j\u00e1 paga o investimento completo.<\/p>\r\n                    <p><strong>E diferente dos portais que cobram mensalidade para sempre, aqui voc\u00ea paga uma vez e fica com um ativo digital que trabalha para voc\u00ea 24 horas por dia, 7 dias por semana.<\/strong><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section-darker\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>O custo real est\u00e1 na ina\u00e7\u00e3o<\/h2>\r\n                \r\n                <p>Cada dia que passa sem um site profissional \u00e9 um dia perdendo clientes para concorrentes que acordaram antes de voc\u00ea. \u00c9 um dia explicando por que n\u00e3o tem site em vez de mostrar orgulhosamente sua plataforma.<\/p>\r\n                \r\n                <p>Cada semana que voc\u00ea adia \u00e9 uma semana de leads qualificados indo para outros corretores. \u00c9 uma semana construindo a percep\u00e7\u00e3o de \"corretor ultrapassado\" em vez de \"refer\u00eancia da regi\u00e3o\".<\/p>\r\n                \r\n                <div class=\"glass-card fade-in\">\r\n                    <h3 class=\"text-gradient\">A decis\u00e3o real n\u00e3o \u00e9 SE voc\u00ea vai ter um site profissional. \u00c9 QUANDO.<\/h3>\r\n                    <p>Porque em 12 meses, todos os corretores s\u00e9rios da sua cidade v\u00e3o ter presen\u00e7a digital profissional. A \u00fanica quest\u00e3o \u00e9 se voc\u00ea vai estar entre os pioneiros que pegaram a melhor fatia do mercado, ou entre os que chegaram atrasados quando o mercado j\u00e1 estava dividido.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"final-cta-section\" id=\"contato\">\r\n        <div class=\"container\">\r\n            <div class=\"content-block fade-in\">\r\n                <h2>O pr\u00f3ximo passo \u00e9 simples<\/h2>\r\n                <p style=\"font-size: 1.25rem; margin-bottom: 32px;\">Em 15 dias, quando um cliente perguntar sobre seu site, voc\u00ea vai enviar o link com um sorriso no rosto. Vai ver a aprova\u00e7\u00e3o no olhar dele. Vai sentir como a conversa muda completamente quando ele percebe que est\u00e1 falando com um profissional de verdade.<\/p>\r\n                <p style=\"margin-bottom: 40px;\"><strong>Entre em contato agora e vamos agendar uma conversa de 30 minutos para entender exatamente o que voc\u00ea precisa.<\/strong><\/p>\r\n                <p style=\"margin-bottom: 40px;\">Sem compromisso, sem press\u00e3o. Apenas uma conversa entre profissionais sobre como transformar sua presen\u00e7a digital e recuperar toda a credibilidade que sua experi\u00eancia merece.<\/p>\r\n                <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1! Vim do site e quero agendar uma conversa sobre meu site profissional\" class=\"cta-primary floating-element\">\r\n                    <span>AGENDAR MINHA CONVERSA GRATUITA AGORA<\/span>\r\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                <p style=\"margin-top: 40px; font-size: 1rem; opacity: 0.8;\"><em>Porque voc\u00ea j\u00e1 esperou tempo demais. Seus concorrentes n\u00e3o v\u00e3o esperar voc\u00ea se decidir.<\/em><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"floating-cta\">\r\n        <a href=\"#contato\" class=\"cta-secondary\">Pare de passar vergonha!<\/a>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Anima\u00e7\u00e3o de fade in ao scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.fade-in').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Smooth scroll para \u00e2ncoras\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Paralax sutil no hero\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const hero = document.querySelector('.hero');\r\n            if (hero && scrolled < window.innerHeight) {\r\n                hero.style.transform = `translateY(${scrolled * 0.5}px)`;\r\n            }\r\n        });\r\n\r\n        \/\/ Tracking de cliques nos CTAs\r\n        document.querySelectorAll('.cta-primary, .cta-secondary').forEach(button => {\r\n            button.addEventListener('click', function() {\r\n                console.log('CTA clicado:', this.textContent.trim());\r\n                \r\n                \/\/ Adicionar aqui integra\u00e7\u00e3o com analytics se necess\u00e1rio\r\n                \/\/ gtag('event', 'click', { 'event_category': 'CTA', 'event_label': this.textContent.trim() });\r\n            });\r\n        });\r\n\r\n        \/\/ Adicionar efeito de loading quando p\u00e1gina carrega\r\n        window.addEventListener('load', () => {\r\n            document.body.style.opacity = '1';\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nunca Mais Passe Vergonha Quando Perguntarem Sobre Seu Site &#8220;NUNCA MAIS PASSE VERGONHA QUANDO UM CLIENTE PERGUNTAR SOBRE SEU SITE&#8221; Em 15 dias, voc\u00ea estar\u00e1 enviando seu link com orgulho e vendo a aprova\u00e7\u00e3o no olhar dos clientes QUERO PARAR DE PASSAR VERGONHA AGORA Voc\u00ea conhece exatamente essa sensa\u00e7\u00e3o, n\u00e3o \u00e9? Aquele aperto no est\u00f4mago [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/pages\/834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/comments?post=834"}],"version-history":[{"count":0,"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/pages\/834\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdesignerlopes.com.br\/en\/wp-json\/wp\/v2\/media?parent=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}