{"id":1424,"date":"2025-06-07T00:16:16","date_gmt":"2025-06-07T00:16:16","guid":{"rendered":"https:\/\/reinarmarketing.com.br\/mkt\/?page_id=1424"},"modified":"2026-03-03T20:21:35","modified_gmt":"2026-03-03T20:21:35","slug":"sites","status":"publish","type":"page","link":"https:\/\/reinarmarketing.com.br\/mkt\/sites\/","title":{"rendered":"Desenvolvimento de Sites"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Planos de Cria\u00e7\u00e3o de Sites &#8211; Reinar Marketing<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary-color: #1B4B7A; \/* Azul escuro Reinar *\/\n            --secondary-color: #2A5B8C; \/* Azul m\u00e9dio Reinar *\/\n            --accent-color: #4A90E2; \/* Azul claro para destaque *\/\n            --light-color: #F8F9FA;\n            --dark-color: #212529;\n            --text-color: #333333;\n            --success-color: #10B981; \/* Verde para \u00edcones de sucesso *\/\n            --white-color: #FFFFFF;\n            --border-radius: 8px;\n            --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            --transition: all 0.3s ease;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            line-height: 1.6;\n            color: var(--text-color);\n            background-color: #fff;\n        }\n\n        .container {\n            width: 90%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 15px;\n        }\n\n        section {\n            padding: 60px 0;\n        }\n\n        h1, h2, h3 {\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            font-weight: 700;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 12px 30px;\n            border-radius: 50px;\n            font-weight: 600;\n            text-align: center;\n            cursor: pointer;\n            transition: var(--transition);\n            border: none;\n            text-decoration: none;\n            font-size: 1rem;\n        }\n\n        .btn-primary {\n            background-color: var(--accent-color);\n            color: var(--white-color);\n        }\n\n        .btn-primary:hover {\n            background-color: #2171c7;\n            transform: translateY(-3px);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\n            color: white;\n        }\n\n        \/* Header *\/\n        .main-header {\n            background-color: #fff;\n            padding: 15px 0;\n            border-bottom: 1px solid #eee;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n\n        .header-content {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .logo-brand-container {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .brand-name {\n            color: var(--primary-color);\n            font-weight: 700;\n            font-size: 1.3rem;\n            text-decoration: none;\n        }\n\n        .header-logo img {\n            max-height: 50px;\n            width: auto;\n            display: block;\n        }\n\n        .main-nav ul {\n            list-style: none;\n            display: flex;\n            gap: 25px;\n        }\n\n        .main-nav a {\n            text-decoration: none;\n            color: var(--primary-color);\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        .main-nav a:hover {\n            color: var(--accent-color);\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            background: linear-gradient(rgba(27, 75, 122, 0.9), rgba(42, 91, 140, 0.9));\n            color: white;\n            text-align: center;\n            padding: 100px 0;\n        }\n\n        .hero-section h1 {\n            font-size: 3rem;\n            color: white;\n            margin-bottom: 1.5rem;\n        }\n\n        .hero-section p {\n            font-size: 1.2rem;\n            max-width: 700px;\n            margin: 0 auto 2rem auto;\n            opacity: 0.9;\n        }\n\n        \/* Benefits Section *\/\n        .benefits-section {\n            background-color: var(--light-color);\n            padding: 60px 0;\n        }\n\n        .section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            margin-bottom: 3rem;\n            color: var(--primary-color);\n        }\n\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            text-align: center;\n        }\n\n        .benefit-item {\n            background-color: #fff;\n            padding: 2rem;\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n            transition: transform 0.3s ease;\n        }\n\n        .benefit-item:hover {\n            transform: translateY(-5px);\n        }\n\n        .benefit-item i {\n            font-size: 3rem;\n            color: var(--accent-color);\n            margin-bottom: 1rem;\n        }\n\n        .benefit-item h4 {\n            color: var(--secondary-color);\n            margin-bottom: 0.5rem;\n        }\n\n        \/* Plans Section *\/\n        .plans-section {\n            background-color: #fff;\n            padding: 80px 0;\n        }\n\n        .plans-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            align-items: stretch;\n        }\n\n        .plan-card {\n            background-color: #fff;\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n            padding: 2.5rem 2rem;\n            display: flex;\n            flex-direction: column;\n            transition: var(--transition);\n            border: 1px solid #eee;\n            position: relative;\n        }\n\n        .plan-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .plan-card.featured {\n            border: 2px solid var(--accent-color);\n        }\n\n        .plan-card.featured::before {\n            content: \"Mais Popular\";\n            position: absolute;\n            top: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            background-color: var(--accent-color);\n            color: white;\n            padding: 5px 20px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 600;\n        }\n\n        .plan-card h3 {\n            font-size: 1.6rem;\n            text-align: center;\n            margin-bottom: 0.5rem;\n            color: var(--primary-color);\n        }\n\n        .plan-card .plan-subtitle {\n            text-align: center;\n            color: var(--text-color);\n            font-size: 0.9rem;\n            margin-bottom: 1.5rem;\n            opacity: 0.8;\n        }\n\n        .plan-features {\n            list-style: none;\n            margin-bottom: 2rem;\n            flex-grow: 1;\n        }\n\n        .plan-features li {\n            margin-bottom: 0.8rem;\n            position: relative;\n            padding-left: 1.8rem;\n            font-size: 0.95rem;\n        }\n\n        .plan-features li::before {\n            content: '\\f00c';\n            font-family: 'Font Awesome 5 Free';\n            font-weight: 900;\n            position: absolute;\n            left: 0;\n            color: var(--success-color);\n            font-size: 1rem;\n        }\n\n        .plan-features li.unavailable {\n            opacity: 0.5;\n        }\n\n        .plan-features li.unavailable::before {\n            content: '\\f00d';\n            color: #ccc;\n        }\n\n        .plan-card .btn-container {\n            text-align: center;\n            margin-top: auto;\n        }\n\n        \/* Profile Section *\/\n        .profile-section {\n            background-color: var(--light-color);\n            padding: 60px 0;\n        }\n\n        .profile-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .profile-item {\n            background-color: #fff;\n            padding: 2rem;\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n            text-align: center;\n        }\n\n        .profile-item h4 {\n            color: var(--secondary-color);\n            margin-bottom: 1rem;\n        }\n\n        \/* Steps Section *\/\n        .steps-section {\n            background-color: #fff;\n            padding: 60px 0;\n        }\n\n        .steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n            text-align: center;\n        }\n\n        .step-item {\n            position: relative;\n        }\n\n        .step-number {\n            width: 60px;\n            height: 60px;\n            background-color: var(--accent-color);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin: 0 auto 1rem auto;\n        }\n\n        .step-item h4 {\n            color: var(--primary-color);\n            margin-bottom: 0.5rem;\n        }\n\n        \/* Portfolio Section *\/\n        .portfolio-section {\n            background-color: var(--light-color);\n            padding: 60px 0;\n        }\n\n        .portfolio-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .portfolio-item {\n            background-color: #fff;\n            border-radius: var(--border-radius);\n            overflow: hidden;\n            box-shadow: var(--box-shadow);\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n\n        .portfolio-item:hover {\n            transform: translateY(-5px);\n        }\n\n        .portfolio-item img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n            display: block;\n        }\n\n        .portfolio-info {\n            padding: 1rem;\n            text-align: center;\n        }\n\n        .portfolio-info h4 {\n            color: var(--secondary-color);\n            font-size: 1.1rem;\n            margin-bottom: 0;\n        }\n\n        \/* Final CTA Section *\/\n        .final-cta-section {\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            color: white;\n            text-align: center;\n            padding: 80px 0;\n        }\n\n        .final-cta-section h2 {\n            font-size: 2.2rem;\n            color: white;\n            margin-bottom: 2rem;\n        }\n\n        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 1rem;\n            flex-wrap: wrap;\n        }\n\n        \/* Lightbox *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.8);\n            justify-content: center;\n            align-items: center;\n        }\n\n        .lightbox-content {\n            max-width: 90%;\n            max-height: 90%;\n            position: relative;\n        }\n\n        .lightbox img {\n            width: 100%;\n            height: auto;\n            border-radius: var(--border-radius);\n        }\n\n        .lightbox-close {\n            position: absolute;\n            top: -40px;\n            right: 0;\n            color: white;\n            font-size: 2rem;\n            cursor: pointer;\n        }\n\n        \/* Footer *\/\n        .main-footer {\n            background-color: var(--dark-color);\n            color: #ccc;\n            text-align: center;\n            padding: 20px 0;\n            font-size: 0.9rem;\n        }\n\n        \/* Responsividade *\/\n        @media (max-width: 992px) {\n            .plans-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n            .plan-card:last-child {\n                grid-column: span 2;\n                max-width: 50%;\n                margin: 1rem auto 0 auto;\n            }\n            .benefits-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .header-content {\n                flex-direction: column;\n                gap: 10px;\n            }\n            .main-nav ul {\n                justify-content: center;\n                flex-wrap: wrap;\n            }\n            .hero-section h1 {\n                font-size: 2.5rem;\n            }\n            .hero-section p {\n                font-size: 1.1rem;\n            }\n            .section-title {\n                font-size: 2rem;\n            }\n            .plans-grid {\n                grid-template-columns: 1fr;\n            }\n            .plan-card:last-child {\n                grid-column: span 1;\n                max-width: 100%;\n                margin-top: 0;\n            }\n            .portfolio-grid {\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            }\n            .cta-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .hero-section h1 {\n                font-size: 2rem;\n            }\n            .hero-section p {\n                font-size: 1rem;\n            }\n            .section-title {\n                font-size: 1.8rem;\n            }\n            .btn {\n                padding: 10px 25px;\n                font-size: 0.9rem;\n            }\n            .plan-card {\n                padding: 2rem 1.5rem;\n            }\n            .final-cta-section h2 {\n                font-size: 1.8rem;\n            }\n            .benefits-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Header -->\n    <header class=\"main-header\">\n        <div class=\"container\">\n            <div class=\"header-content\">\n                <div class=\"logo-brand-container\">\n                    <div class=\"header-logo\">\n                        <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2024\/07\/logo-reinar-marketing-azul-1-edited-225x300.webp\" alt=\"Reinar Marketing Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 225px; --smush-placeholder-aspect-ratio: 225\/300;\">\n                    <\/div>\n                    <a href=\"#inicio\" class=\"brand-name\">Reinar Marketing<\/a>\n                <\/div>\n                <nav class=\"main-nav\">\n                    <ul>\n                        <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\n                        <li><a href=\"#portfolio\">Portf\u00f3lio<\/a><\/li>\n                        <li><a href=\"#beneficios\">Benef\u00edcios<\/a><\/li>\n                        <li><a href=\"#planos\">Planos<\/a><\/li>\n                        <li><a href=\"#contato\">Contato<\/a><\/li>\n                    <\/ul>\n                <\/nav>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero-section\" id=\"inicio\">\n        <div class=\"container\">\n            <h1>Seu site \u00e9 a porta de entrada para sua marca.<\/h1>\n            <p>Escolha o plano ideal para transformar sua presen\u00e7a online em autoridade, convers\u00e3o e crescimento.<\/p>\n            <a href=\"https:\/\/wa.me\/5547997226971?text=Ol\u00e1%20quero%20meu%20site%20com%20a%20Reinar%20Marketing!\" class=\"btn btn-primary\">Quero meu site com a Reinar<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Portfolio Section -->\n    <section class=\"portfolio-section\" id=\"portfolio\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Nosso Portf\u00f3lio: Landing Pages para Diversos Nichos<\/h2>\n            <div class=\"portfolio-grid\">\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/estetica-1.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/estetica-1.png\" alt=\"Landing Page Est\u00e9tica\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1382px; --smush-placeholder-aspect-ratio: 1382\/921;\">\n                    <div class=\"portfolio-info\"><h4>Est\u00e9tica<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/industria.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/industria.png\" alt=\"Landing Page Ind\u00fastria\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1382px; --smush-placeholder-aspect-ratio: 1382\/921;\">\n                    <div class=\"portfolio-info\"><h4>Ind\u00fastria<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/clinica-medica-1.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/clinica-medica-1.png\" alt=\"Landing Page Cl\u00ednica M\u00e9dica\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1382px; --smush-placeholder-aspect-ratio: 1382\/921;\">\n                    <div class=\"portfolio-info\"><h4>Cl\u00ednica M\u00e9dica<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/site-odontologia.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/site-odontologia.png\" alt=\"Landing Page Odontologia\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1382px; --smush-placeholder-aspect-ratio: 1382\/921;\">\n                    <div class=\"portfolio-info\"><h4>Odontologia<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/hotel.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/hotel.png\" alt=\"Landing Page Hotel\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>Hotelaria<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/marketingonline.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/marketingonline.png\" alt=\"Landing Page Marketing Online\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>Marketing Online<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/engenharia.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/engenharia.png\" alt=\"Landing Page Engenharia\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>Engenharia<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/e-commerce.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/e-commerce.png\" alt=\"Landing Page E-commerce\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>E-commerce<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/eletronicos.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/eletronicos.png\" alt=\"Landing Page Eletr\u00f4nicos\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>Eletr\u00f4nicos<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/sites-reinar.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/sites-reinar.png\" alt=\"Landing Page Sites Reinar\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>Sites Institucionais<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/manufatura.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/manufatura.png\" alt=\"Landing Page Manufatura\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\n                    <div class=\"portfolio-info\"><h4>Manufatura<\/h4><\/div>\n                <\/div>\n                <div class=\"portfolio-item\" onclick=\"openLightbox('https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/farmacia-manipulacao.png')\">\n                    <img decoding=\"async\" data-src=\"https:\/\/reinarmarketing.com.br\/mkt\/wp-content\/uploads\/2025\/06\/farmacia-manipulacao.png\" alt=\"Landing Page Farm\u00e1cia de Manipula\u00e7\u00e3o\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1382px; --smush-placeholder-aspect-ratio: 1382\/921;\">\n                    <div class=\"portfolio-info\"><h4>Farm\u00e1cia de Manipula\u00e7\u00e3o<\/h4><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Benefits Section -->\n    <section class=\"benefits-section\" id=\"beneficios\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Benef\u00edcios de ter um site estrat\u00e9gico<\/h2>\n            <div class=\"benefits-grid\">\n                <div class=\"benefit-item\">\n                    <i class=\"fas fa-mobile-alt\"><\/i>\n                    <h4>Design moderno e responsivo<\/h4>\n                    <p>Sites que se adaptam perfeitamente a qualquer dispositivo, garantindo uma experi\u00eancia \u00fanica em smartphones, tablets e desktops.<\/p>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <i class=\"fas fa-search\"><\/i>\n                    <h4>Otimiza\u00e7\u00e3o para buscadores (SEO)<\/h4>\n                    <p>Seu site ser\u00e1 encontrado facilmente no Google, aumentando sua visibilidade e atraindo mais clientes qualificados.<\/p>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <i class=\"fas fa-edit\"><\/i>\n                    <h4>Autonomia para atualiza\u00e7\u00f5es<\/h4>\n                    <p>Painel administrativo intuitivo que permite atualizar conte\u00fados, adicionar produtos e gerenciar seu site com facilidade.<\/p>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <i class=\"fas fa-shield-alt\"><\/i>\n                    <h4>Seguran\u00e7a e performance<\/h4>\n                    <p>Sites seguros, r\u00e1pidos e confi\u00e1veis, com certificado SSL e otimiza\u00e7\u00f5es que garantem a melhor experi\u00eancia para seus visitantes.<\/p>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <i class=\"fas fa-share-alt\"><\/i>\n                    <h4>Integra\u00e7\u00e3o com redes sociais<\/h4>\n                    <p>Conecte seu site com suas redes sociais para ampliar seu alcance e engajamento com o p\u00fablico.<\/p>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <i class=\"fas fa-cogs\"><\/i>\n                    <h4>Sistemas e automa\u00e7\u00f5es<\/h4>\n                    <p>Integra\u00e7\u00e3o com sistemas de gest\u00e3o e ferramentas de automa\u00e7\u00e3o para otimizar processos e maximizar resultados.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Plans Section -->\n    <section class=\"plans-section\" id=\"planos\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Quadro Comparativo dos Planos<\/h2>\n            <div class=\"plans-grid\">\n                <!-- Plano Presen\u00e7a Digital -->\n                <div class=\"plan-card\">\n                    <h3>\ud83d\udfe2 Presen\u00e7a Digital<\/h3>\n                    <p class=\"plan-subtitle\">Site Institucional<\/p>\n                    <ul class=\"plan-features\">\n                        <li>At\u00e9 5 p\u00e1ginas<\/li>\n                        <li>Layout exclusivo<\/li>\n                        <li>Design responsivo<\/li>\n                        <li>Formul\u00e1rio de contato<\/li>\n                        <li class=\"unavailable\">Blog \/ \u00e1rea de not\u00edcias<\/li>\n                        <li>Painel administrativo (b\u00e1sico)<\/li>\n                        <li>Integra\u00e7\u00e3o com redes sociais<\/li>\n                        <li>Otimiza\u00e7\u00e3o SEO b\u00e1sica<\/li>\n                        <li class=\"unavailable\">Cat\u00e1logo de produtos<\/li>\n                        <li class=\"unavailable\">Carrinho e checkout<\/li>\n                        <li class=\"unavailable\">Integra\u00e7\u00e3o com meios de pagamento<\/li>\n                        <li>Suporte e manuten\u00e7\u00e3o inicial: 15 dias<\/li>\n                    <\/ul>\n                    <div class=\"btn-container\">\n                        <a href=\"https:\/\/wa.me\/5547997226971?text=Ol\u00e1%20quero%20solicitar%20o%20plano%20Presen\u00e7a%20Digital%20para%20meu%20site!\" class=\"btn btn-primary\">Solicitar este projeto<\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Plano Marca Estruturada -->\n                <div class=\"plan-card featured\">\n                    <h3>\ud83d\udfe1 Marca Estruturada<\/h3>\n                    <p class=\"plan-subtitle\">Portal Corporativo<\/p>\n                    <ul class=\"plan-features\">\n                        <li>At\u00e9 12 p\u00e1ginas<\/li>\n                        <li>Layout exclusivo<\/li>\n                        <li>Design responsivo<\/li>\n                        <li>Formul\u00e1rio de contato<\/li>\n                        <li>Blog \/ \u00e1rea de not\u00edcias<\/li>\n                        <li>Painel administrativo (completo)<\/li>\n                        <li>Integra\u00e7\u00e3o com redes sociais<\/li>\n                        <li>Otimiza\u00e7\u00e3o SEO b\u00e1sica<\/li>\n                        <li class=\"unavailable\">Cat\u00e1logo de produtos<\/li>\n                        <li class=\"unavailable\">Carrinho e checkout<\/li>\n                        <li class=\"unavailable\">Integra\u00e7\u00e3o com meios de pagamento<\/li>\n                        <li>Suporte e manuten\u00e7\u00e3o inicial: 30 dias<\/li>\n                    <\/ul>\n                    <div class=\"btn-container\">\n                        <a href=\"https:\/\/wa.me\/5547997226971?text=Ol\u00e1%20quero%20solicitar%20o%20plano%20Marca%20Estruturada%20para%20meu%20site!\" class=\"btn btn-primary\">Solicitar este projeto<\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Plano Loja Inteligente -->\n                <div class=\"plan-card\">\n                    <h3>\ud83d\udd34 Loja Inteligente<\/h3>\n                    <p class=\"plan-subtitle\">E-commerce completo<\/p>\n                    <ul class=\"plan-features\">\n                        <li>P\u00e1ginas ilimitadas<\/li>\n                        <li>Layout exclusivo<\/li>\n                        <li>Design responsivo<\/li>\n                        <li>Formul\u00e1rio de contato<\/li>\n                        <li>Blog \/ \u00e1rea de not\u00edcias<\/li>\n                        <li>Painel administrativo (com produtos e pedidos)<\/li>\n                        <li>Integra\u00e7\u00e3o com redes sociais<\/li>\n                        <li>Otimiza\u00e7\u00e3o SEO b\u00e1sica<\/li>\n                        <li>Cat\u00e1logo de produtos<\/li>\n                        <li>Carrinho e checkout<\/li>\n                        <li>Integra\u00e7\u00e3o com meios de pagamento<\/li>\n                        <li>Suporte e manuten\u00e7\u00e3o inicial: 60 dias<\/li>\n                    <\/ul>\n                    <div class=\"btn-container\">\n                        <a href=\"https:\/\/wa.me\/5547997226971?text=Ol\u00e1%20quero%20solicitar%20o%20plano%20Loja%20Inteligente%20para%20meu%20site!\" class=\"btn btn-primary\">Solicitar este projeto<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Profile Section -->\n    <section class=\"profile-section\" id=\"perfis\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Indica\u00e7\u00e3o por perfil<\/h2>\n            <div class=\"profile-grid\">\n                <div class=\"profile-item\">\n                    <h4>\ud83d\udfe2 Presen\u00e7a Digital<\/h4>\n                    <p>Ideal para empresas, profissionais e neg\u00f3cios que precisam de uma apresenta\u00e7\u00e3o online institucional.<\/p>\n                <\/div>\n                <div class=\"profile-item\">\n                    <h4>\ud83d\udfe1 Marca Estruturada<\/h4>\n                    <p>Perfeito para marcas com m\u00faltiplas \u00e1reas, grande volume de conte\u00fado e estrat\u00e9gia editorial.<\/p>\n                <\/div>\n                <div class=\"profile-item\">\n                    <h4>\ud83d\udd34 Loja Inteligente<\/h4>\n                    <p>Para neg\u00f3cios que vendem produtos ou servi\u00e7os online com foco em automa\u00e7\u00e3o e escala.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Steps Section -->\n    <section class=\"steps-section\" id=\"etapas\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Etapas do Projeto<\/h2>\n            <div class=\"steps-grid\">\n                <div class=\"step-item\">\n                    <div class=\"step-number\">1<\/div>\n                    <h4>Briefing personalizado<\/h4>\n                    <p>Entendemos suas necessidades, objetivos e p\u00fablico-alvo para criar a estrat\u00e9gia perfeita.<\/p>\n                <\/div>\n                <div class=\"step-item\">\n                    <div class=\"step-number\">2<\/div>\n                    <h4>Cria\u00e7\u00e3o de layout exclusivo<\/h4>\n                    <p>Desenvolvemos um design \u00fanico que representa sua marca e converte visitantes em clientes.<\/p>\n                <\/div>\n                <div class=\"step-item\">\n                    <div class=\"step-number\">3<\/div>\n                    <h4>Desenvolvimento t\u00e9cnico<\/h4>\n                    <p>Programamos seu site com as melhores tecnologias, garantindo performance e seguran\u00e7a.<\/p>\n                <\/div>\n                <div class=\"step-item\">\n                    <div class=\"step-number\">4<\/div>\n                    <h4>Testes e otimiza\u00e7\u00f5es<\/h4>\n                    <p>Realizamos testes rigorosos em diferentes dispositivos e navegadores para garantir qualidade.<\/p>\n                <\/div>\n                <div class=\"step-item\">\n                    <div class=\"step-number\">5<\/div>\n                    <h4>Entrega com suporte e treinamento<\/h4>\n                    <p>Entregamos seu site pronto e oferecemos treinamento para que voc\u00ea tenha total autonomia.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Final CTA Section -->\n    <section class=\"final-cta-section\" id=\"contato\">\n        <div class=\"container\">\n            <h2>Vamos desenvolver o site que sua marca merece.<\/h2>\n            <div class=\"cta-buttons\">\n                <a href=\"#planos\" class=\"btn btn-primary\">Solicitar or\u00e7amento personalizado<\/a>\n                <a href=\"https:\/\/wa.me\/5547997226971?text=Ol\u00e1%20quero%20desenvolver%20um%20site%20com%20a%20Reinar%20Marketing!\" class=\"btn btn-primary\">Falar no WhatsApp<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Lightbox -->\n    <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox()\">\n        <div class=\"lightbox-content\">\n            <span class=\"lightbox-close\" onclick=\"closeLightbox()\">&times;<\/span>\n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\">\n        <\/div>\n    <\/div>\n\n    <!-- Footer -->\n    <footer class=\"main-footer\">\n        <div class=\"container\">\n            <p>&copy; 2024 Reinar Marketing. Todos os direitos reservados.<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Lightbox functionality\n        function openLightbox(imageSrc) {\n            document.getElementById('lightbox').style.display = 'flex';\n            document.getElementById('lightbox-img').src = imageSrc;\n        }\n\n        function closeLightbox() {\n            document.getElementById('lightbox').style.display = 'none';\n        }\n\n        \/\/ Close lightbox with Escape key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeLightbox();\n            }\n        });\n\n        \/\/ Smooth scrolling for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n<!-- \/wp:post-content -->","protected":false},"excerpt":{"rendered":"<p>Planos de Cria\u00e7\u00e3o de Sites &#8211; Reinar Marketing Reinar Marketing In\u00edcio Portf\u00f3lio Benef\u00edcios Planos Contato Seu site \u00e9 a porta de entrada para sua marca. Escolha o plano ideal para transformar sua presen\u00e7a online em autoridade, convers\u00e3o e crescimento. Quero meu site com a Reinar Nosso Portf\u00f3lio: Landing Pages para Diversos Nichos Est\u00e9tica Ind\u00fastria Cl\u00ednica [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-header-footer.php","meta":{"footnotes":""},"class_list":["post-1424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/pages\/1424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/comments?post=1424"}],"version-history":[{"count":40,"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/pages\/1424\/revisions"}],"predecessor-version":[{"id":2117,"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/pages\/1424\/revisions\/2117"}],"wp:attachment":[{"href":"https:\/\/reinarmarketing.com.br\/mkt\/wp-json\/wp\/v2\/media?parent=1424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}