{"id":2867,"date":"2026-10-11T04:08:51","date_gmt":"2026-10-11T11:08:51","guid":{"rendered":"https:\/\/www.dopamindvip.com\/?page_id=2867"},"modified":"2026-10-11T04:08:51","modified_gmt":"2026-10-11T11:08:51","slug":"preview-new-home","status":"publish","type":"page","link":"https:\/\/www.dopamindvip.com\/es\/preview-new-home\/","title":{"rendered":"Preview New Home"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><!DOCTYPE html>\n<!-- DMV Agency Redesign - Homepage v1 -->\n<!-- Estructura basada en HVAC Warm, adaptada para agencia web -->\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Dopamind VIP - Websites That Turn Visitors Into Customers<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800&family=Manrope:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --primary: #4F46E5;\n  --primary-dark: #4338CA;\n  --accent: #7C3AED;\n  --dark: #0F172A;\n  --dark-2: #1E293B;\n  --light: #F8FAFC;\n  --cream: #FAF9F7;\n  --text: #334155;\n  --text-light: #94A3B8;\n  --white: #ffffff;\n  --radius: 24px;\n  --shadow: 0 20px 60px rgba(79, 70, 229, 0.15);\n}\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: 'Manrope', sans-serif; color: var(--text); line-height: 1.7; background: var(--white); }\nh1, h2, h3, h4 { font-family: 'Outfit', sans-serif; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; color: var(--dark); }\n.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\nsection { padding: 100px 0; }\n\n\/* HERO *\/\n.hero {\n  min-height: 100vh;\n  background: linear-gradient(rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.85)), url('https:\/\/www.dopamindvip.com\/wp-content\/uploads\/2026\/10\/media-generation-agency-hero-0-1c3ce5dd-38eb-4020-bfab-b14e30c0b8ca.webp') center\/cover;\n  display: flex; align-items: center; justify-content: center;\n  text-align: center; color: var(--white);\n  padding: 120px 24px 80px;\n}\n.hero-card {\n  background: rgba(15, 23, 42, 0.7);\n  backdrop-filter: blur(20px);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: var(--radius);\n  padding: 60px 50px;\n  max-width: 800px;\n}\n.hero-eyebrow {\n  color: var(--accent); font-weight: 700; font-size: 14px;\n  letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 20px;\n}\n.hero h1 { color: var(--white); font-size: 56px; margin-bottom: 24px; }\n.hero h1 .grad {\n  background: linear-gradient(135deg, #818CF8, #C084FC);\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n}\n.hero p { font-size: 20px; color: #CBD5E1; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }\n.hero-ctas { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 16px 32px; border-radius: 50px;\n  font-weight: 700; font-size: 16px; text-decoration: none;\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.btn-primary {\n  background: linear-gradient(135deg, var(--primary), var(--accent));\n  color: var(--white); box-shadow: 0 10px 30px rgba(79, 70, 229, 0.4);\n}\n.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 15px 40px rgba(79, 70, 229, 0.5); }\n.btn-outline {\n  border: 2px solid rgba(255,255,255,0.3); color: var(--white);\n}\n.btn-outline:hover { border-color: var(--white); }\n.hero-proof { color: #94A3B8; font-size: 15px; }\n.hero-proof strong { color: #FBBF24; }\n\n\/* SERVICES *\/\n.services { background: var(--cream); }\n.section-head { text-align: center; max-width: 700px; margin: 0 auto 60px; }\n.section-eyebrow {\n  color: var(--primary); font-weight: 700; font-size: 13px;\n  letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 16px;\n}\n.section-head h2 { font-size: 44px; margin-bottom: 20px; }\n.section-head p { font-size: 18px; color: var(--text-light); }\n.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n.service-card {\n  background: var(--white); border-radius: var(--radius);\n  padding: 40px 32px; box-shadow: var(--shadow);\n  transition: transform 0.3s;\n}\n.service-card:hover { transform: translateY(-8px); }\n.service-icon {\n  width: 64px; height: 64px; border-radius: 16px;\n  background: linear-gradient(135deg, var(--primary), var(--accent));\n  display: flex; align-items: center; justify-content: center;\n  font-size: 28px; margin-bottom: 24px;\n}\n.service-card h3 { font-size: 24px; margin-bottom: 16px; }\n.service-card p { color: var(--text-light); margin-bottom: 24px; }\n.service-card a { color: var(--primary); font-weight: 700; text-decoration: none; }\n\n\/* TRUST - dark section *\/\n.trust { background: var(--dark); color: var(--white); }\n.trust h2 { color: var(--white); }\n.trust .section-head p { color: #94A3B8; }\n.trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n.trust img { width: 100%; border-radius: var(--radius); }\n.stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; margin: 40px 0; }\n.stat-num { font-family: 'Outfit'; font-size: 48px; font-weight: 800; color: #818CF8; }\n.stat-label { color: #94A3B8; font-size: 15px; }\n.badges { display: flex; flex-wrap: wrap; gap: 12px; }\n.badge {\n  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);\n  padding: 10px 20px; border-radius: 50px; font-size: 14px; font-weight: 600;\n}\n\n\/* PORTFOLIO *\/\n.portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n.portfolio-card {\n  border-radius: var(--radius); overflow: hidden;\n  box-shadow: var(--shadow); background: var(--white);\n}\n.portfolio-card img { width: 100%; height: 220px; object-fit: cover; }\n.portfolio-card .info { padding: 24px; }\n.portfolio-card h3 { font-size: 20px; margin-bottom: 8px; }\n.portfolio-card p { color: var(--text-light); font-size: 15px; }\n\n\/* TESTIMONIALS *\/\n.testimonials { background: var(--cream); }\n.testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n.testi-card {\n  background: var(--white); border-radius: var(--radius);\n  padding: 32px; box-shadow: var(--shadow);\n}\n.stars { color: #FBBF24; font-size: 20px; margin-bottom: 16px; }\n.testi-card p { font-style: italic; margin-bottom: 20px; }\n.testi-name { font-weight: 700; }\n.testi-meta { color: var(--text-light); font-size: 14px; }\n\n\/* FAQ *\/\n.faq-item {\n  background: var(--white); border: 1px solid #E2E8F0;\n  border-radius: 16px; margin-bottom: 16px; overflow: hidden;\n}\n.faq-q {\n  padding: 24px; font-weight: 700; font-size: 18px;\n  cursor: pointer; display: flex; justify-content: space-between; align-items: center;\n}\n.faq-a { padding: 0 24px 24px; color: var(--text-light); display: none; }\n.faq-item.open .faq-a { display: block; }\n\n\/* CTA *\/\n.cta { background: var(--dark); color: var(--white); text-align: center; }\n.cta h2 { color: var(--white); font-size: 44px; margin-bottom: 20px; }\n.cta p { color: #94A3B8; font-size: 18px; margin-bottom: 40px; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n  .hero h1 { font-size: 36px; }\n  .hero-card { padding: 40px 24px; }\n  .services-grid, .testi-grid, .portfolio-grid { grid-template-columns: 1fr; }\n  .trust-grid { grid-template-columns: 1fr; }\n  .section-head h2 { font-size: 32px; }\n  section { padding: 60px 0; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-card\">\n    <div class=\"hero-eyebrow\">Dopamind VIP \u2014 Web Design Agency<\/div>\n    <h1>Websites That Turn <span class=\"grad\">Visitors Into Customers<\/span><\/h1>\n    <p>We build stunning, high-converting websites and smart NFC systems for local businesses. No templates. No headaches. Just results.<\/p>\n    <div class=\"hero-ctas\">\n      <a href=\"https:\/\/wa.me\/17077105316?text=Hi%20Dopamind%20VIP!%20I%20need%20a%20website.\" class=\"btn btn-primary\">Get My Free Quote \u2192<\/a>\n      <a href=\"#portfolio\" class=\"btn btn-outline\">See Our Work<\/a>\n    <\/div>\n    <div class=\"hero-proof\"><strong>\u2605\u2605\u2605\u2605\u2605<\/strong> Trusted by local businesses in Santa Rosa, CA<\/div>\n  <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"section-eyebrow\">What We Do<\/div>\n      <h2>Everything Your Business Needs to Grow Online<\/h2>\n      <p>Three battle-tested services. One goal: more customers walking through your door.<\/p>\n    <\/div>\n    <div class=\"services-grid\">\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\ud83c\udf10<\/div>\n        <h3>High-Converting Websites<\/h3>\n        <p>Blazing-fast, mobile-first websites designed to convert visitors into calls, bookings, and sales. Custom-built for your business \u2014 never a generic template.<\/p>\n        <a href=\"https:\/\/wa.me\/17077105316?text=I%20need%20a%20website\">Get a quote \u2192<\/a>\n      <\/div>\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\ud83d\udcf2<\/div>\n        <h3>NFC Review Cards<\/h3>\n        <p>Smart tap-to-review cards that turn every customer visit into 5-star Google reviews. No apps, no QR codes, no friction \u2014 just tap and review.<\/p>\n        <a href=\"https:\/\/wa.me\/17077105316?text=I%20need%20NFC%20cards\">Get a quote \u2192<\/a>\n      <\/div>\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\ud83d\udcc8<\/div>\n        <h3>Marketing & SEO<\/h3>\n        <p>Local SEO, Google Business optimization, and review automation that keeps new customers finding you while you focus on running your business.<\/p>\n        <a href=\"https:\/\/wa.me\/17077105316?text=I%20need%20marketing\">Get a quote \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TRUST -->\n<section class=\"trust\">\n  <div class=\"container\">\n    <div class=\"trust-grid\">\n      <div>\n        <img decoding=\"async\" src=\"https:\/\/www.dopamindvip.com\/wp-content\/uploads\/2026\/10\/media-generation-agency-team-0-ae759827-b548-4eb6-abca-1659805c9b89.webp\" alt=\"Dopamind VIP team at work\" title=\"Preview New Home\">\n      <\/div>\n      <div>\n        <div class=\"section-eyebrow\">Why Businesses Choose Us<\/div>\n        <h2>We Don't Just Build Websites. We Build Revenue.<\/h2>\n        <p style=\"color:#94A3B8; margin: 20px 0;\">Every site we launch is engineered to do one thing: bring you more customers. Here's the proof.<\/p>\n        <div class=\"stats\">\n          <div><div class=\"stat-num\">50+<\/div><div class=\"stat-label\">Websites launched<\/div><\/div>\n          <div><div class=\"stat-num\">2,000+<\/div><div class=\"stat-label\">Reviews generated<\/div><\/div>\n          <div><div class=\"stat-num\">5.0\u2605<\/div><div class=\"stat-label\">Average rating<\/div><\/div>\n          <div><div class=\"stat-num\">7 days<\/div><div class=\"stat-label\">Average delivery<\/div><\/div>\n        <\/div>\n        <div class=\"badges\">\n          <span class=\"badge\">\u2713 Mobile-first design<\/span>\n          <span class=\"badge\">\u2713 SEO optimized<\/span>\n          <span class=\"badge\">\u2713 Monthly maintenance<\/span>\n          <span class=\"badge\">\u2713 Real human support<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PORTFOLIO -->\n<section id=\"portfolio\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"section-eyebrow\">Our Work<\/div>\n      <h2>Real Designs, Ready for Your Business<\/h2>\n      <p>Every project is custom-built. Here's a taste of what we do.<\/p>\n    <\/div>\n    <div class=\"portfolio-grid\">\n      <div class=\"portfolio-card\">\n        <img decoding=\"async\" src=\"https:\/\/www.dopamindvip.com\/wp-content\/uploads\/2026\/10\/media-generation-agency-portfolio-0-26cbc745-1ed2-4643-9b76-8a65077706b5.webp\" alt=\"Website example\" title=\"Preview New Home\">\n        <div class=\"info\"><h3>HVAC Company<\/h3><p>High-converting service website with instant quote form.<\/p><\/div>\n      <\/div>\n      <div class=\"portfolio-card\">\n        <img decoding=\"async\" src=\"https:\/\/www.dopamindvip.com\/wp-content\/uploads\/2026\/10\/media-generation-agency-portfolio-0-26cbc745-1ed2-4643-9b76-8a65077706b5.webp\" alt=\"Website example\" title=\"Preview New Home\">\n        <div class=\"info\"><h3>Restaurant<\/h3><p>Beautiful menu site with online reservations.<\/p><\/div>\n      <\/div>\n      <div class=\"portfolio-card\">\n        <img decoding=\"async\" src=\"https:\/\/www.dopamindvip.com\/wp-content\/uploads\/2026\/10\/media-generation-agency-portfolio-0-26cbc745-1ed2-4643-9b76-8a65077706b5.webp\" alt=\"Website example\" title=\"Preview New Home\">\n        <div class=\"info\"><h3>Local Services<\/h3><p>Lead-generation machine with click-to-call.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"section-eyebrow\">Testimonials<\/div>\n      <h2>What Our Clients Say<\/h2>\n    <\/div>\n    <div class=\"testi-grid\">\n      <div class=\"testi-card\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p>\"Customers tap the stand and the reviews just come in. Easiest marketing we've ever done.\"<\/p>\n        <div class=\"testi-name\">El Gallo Negro<\/div>\n        <div class=\"testi-meta\">Restaurant \u00b7 Santa Rosa, CA<\/div>\n      <\/div>\n      <div class=\"testi-card\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p>\"Our new website paid for itself in the first month. The phone hasn't stopped ringing.\"<\/p>\n        <div class=\"testi-name\">[Your Business Here]<\/div>\n        <div class=\"testi-meta\">Your success story starts today<\/div>\n      <\/div>\n      <div class=\"testi-card\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p>\"Professional, fast, and the results speak for themselves. Best investment we've made.\"<\/p>\n        <div class=\"testi-name\">[Your Business Here]<\/div>\n        <div class=\"testi-meta\">Join 50+ happy clients<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section>\n  <div class=\"container\" style=\"max-width: 800px;\">\n    <div class=\"section-head\">\n      <div class=\"section-eyebrow\">FAQ<\/div>\n      <h2>Frequently Asked Questions<\/h2>\n    <\/div>\n    <div class=\"faq-item open\">\n      <div class=\"faq-q\">How much does a website cost? <span>+<\/span><\/div>\n      <div class=\"faq-a\">Our plans start at $797 for a professional one-page site, up to $1,997 for a full custom build. Every plan includes monthly maintenance to keep your site fast, secure, and updated.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\">How long does it take? <span>+<\/span><\/div>\n      <div class=\"faq-a\">Most sites launch in 7 days. We work fast without cutting corners \u2014 you'll review and approve every step.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\">Do you handle everything? <span>+<\/span><\/div>\n      <div class=\"faq-a\">Yes. Design, copywriting help, photos, SEO setup, Google Business, launch \u2014 we handle it all. You just approve.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\">What if I need changes later? <span>+<\/span><\/div>\n      <div class=\"faq-a\">Every plan includes monthly updates (3-10 depending on your plan). Just message us on WhatsApp and we handle it.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta\">\n  <div class=\"container\">\n    <h2>Ready to Grow Your Business?<\/h2>\n    <p>Get a free quote in under 2 minutes. No pressure \u2014 just a clear plan.<\/p>\n    <a href=\"https:\/\/wa.me\/17077105316?text=Hi%20Dopamind%20VIP!%20I%27m%20ready%20to%20grow.\" class=\"btn btn-primary\" style=\"font-size: 18px; padding: 20px 48px;\">\ud83d\udcac Chat on WhatsApp Now<\/a>\n    <p style=\"margin-top: 24px; font-size: 15px;\">Prefer email? dereckjoel@hotmail.com \u00b7 +1 (707) 710-5316<\/p>\n  <\/div>\n<\/section>\n\n<script>\n\/\/ FAQ accordion\ndocument.querySelectorAll('.faq-q').forEach(q => {\n  q.addEventListener('click', () => {\n    q.parentElement.classList.toggle('open');\n  });\n});\n\/\/ Smooth scroll\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n  a.addEventListener('click', e => {\n    var t = document.querySelector(a.getAttribute('href'));\n    if (t) { e.preventDefault(); t.scrollIntoView({behavior: 'smooth'}); }\n  });\n});\n<\/script>\n<\/body>\n<\/html>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2867","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/pages\/2867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/comments?post=2867"}],"version-history":[{"count":1,"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/pages\/2867\/revisions"}],"predecessor-version":[{"id":2868,"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/pages\/2867\/revisions\/2868"}],"wp:attachment":[{"href":"https:\/\/www.dopamindvip.com\/es\/wp-json\/wp\/v2\/media?parent=2867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}