PPC Management Vancouver WA | Pay-Per-Click Advertising Agency | Crocs and Clicks :root { --primary: #F4B6C2; --primary-light: #F8CDD5; --primary-dark: #E89BAA; --accent: #2B2B2B; --accent-hover: #444444; --cream: #F5F5F5; --cream-dark: #EBEBEB; --text-dark: #2B2B2B; --text-muted: #666666; --white: #FFFFFF; --success: #4CAF50; --warning: #FF9800; --shadow-sm: 0 2px 8px rgba(43, 43, 43, 0.06); --shadow-md: 0 8px 24px rgba(43, 43, 43, 0.10); --shadow-lg: 0 16px 48px rgba(43, 43, 43, 0.14); --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Outfit', sans-serif; background: var(--cream); color: var(--text-dark); line-height: 1.7; overflow-x: hidden; } h1, h2, h3, h4 { font-family: 'Fraunces', serif; line-height: 1.2; } a { text-decoration: none; color: inherit; transition: var(--transition); } img { max-width: 100%; height: auto; } .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } /* Navigation */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(253, 248, 243, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(27, 77, 62, 0.08); transition: var(--transition); } .nav.scrolled { box-shadow: var(--shadow-sm); } .nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; max-width: 1280px; margin: 0 auto; } .logo { display: flex; align-items: center; gap: 12px; font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary); } .logo-icon { width: 48px; height: 48px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; } .nav-links { display: flex; align-items: center; gap: 8px; list-style: none; } .nav-links a { padding: 10px 16px; border-radius: var(--radius-sm); font-weight: 500; font-size: 0.95rem; color: var(--text-dark); } .nav-links a:hover { background: var(--primary); color: var(--white); } .nav-links .dropdown { position: relative; } .nav-links .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--white); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); min-width: 260px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: var(--transition); padding: 8px; } .nav-links .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-content a { display: block; padding: 12px 16px; border-radius: var(--radius-sm); } .dropdown-content a:hover { background: var(--cream); color: var(--primary); } .dropdown-content a.active { background: var(--primary); color: var(--white); } .nav-cta { background: var(--primary) !important; color: var(--accent) !important; font-weight: 600 !important; } .nav-cta:hover { background: var(--primary-dark) !important; transform: translateY(-2px); } .mobile-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; } .mobile-toggle span { width: 24px; height: 2px; background: var(--primary); transition: var(--transition); } /* Hero Section */ .hero { min-height: 100vh; display: flex; align-items: center; padding: 120px 0 80px; position: relative; overflow: hidden; background: linear-gradient(135deg, var(--cream) 0%, var(--white) 100%); } .hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 80%; height: 150%; background: radial-gradient(ellipse, rgba(244, 182, 194, 0.15) 0%, transparent 70%); pointer-events: none; } .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .hero-content { position: relative; z-index: 2; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--primary); color: var(--white); padding: 8px 16px; border-radius: 50px; font-size: 0.875rem; font-weight: 500; margin-bottom: 24px; animation: fadeInUp 0.6s ease; } .hero-badge::before { content: '💰'; } .breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: var(--text-muted); margin-bottom: 16px; animation: fadeInUp 0.5s ease; } .breadcrumb a { color: var(--primary-dark); } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb span { color: var(--text-muted); } .hero h1 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); color: var(--primary-dark); margin-bottom: 24px; animation: fadeInUp 0.6s ease 0.1s both; } .hero h1 span { color: var(--accent); } .hero-text { font-size: 1.15rem; color: var(--text-muted); margin-bottom: 32px; max-width: 520px; animation: fadeInUp 0.6s ease 0.2s both; } .hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; animation: fadeInUp 0.6s ease 0.3s both; } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 32px; border-radius: var(--radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; border: none; transition: var(--transition); } .btn-primary { background: var(--accent); color: var(--white); box-shadow: 0 4px 16px rgba(43, 43, 43, 0.2); } .btn-primary:hover { background: var(--accent-hover); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(43, 43, 43, 0.25); } .btn-secondary { background: var(--white); color: var(--primary-dark); border: 2px solid var(--primary); } .btn-secondary:hover { background: var(--primary); color: var(--white); } .hero-visual { position: relative; animation: fadeInRight 0.8s ease 0.4s both; } .hero-image-wrapper { position: relative; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); } .hero-image-placeholder { width: 100%; aspect-ratio: 4/3; background: linear-gradient(135deg, var(--accent) 0%, #444 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); font-size: 1.25rem; font-weight: 500; position: relative; overflow: hidden; } .hero-image-placeholder::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F4B6C2' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .hero-image-placeholder span { font-size: 4rem; margin-bottom: 16px; position: relative; z-index: 2; } .hero-image-placeholder p { position: relative; z-index: 2; text-align: center; } .hero-trust-badges { display: flex; gap: 24px; margin-top: 40px; animation: fadeInUp 0.6s ease 0.5s both; } .trust-badge { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--text-muted); } .trust-badge-icon { width: 32px; height: 32px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; } /* Stats Bar */ .stats-bar { background: var(--accent); padding: 40px 0; position: relative; overflow: hidden; } .stats-bar::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; z-index: 2; } .stat-item { text-align: center; color: var(--white); } .stat-number { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 4px; } .stat-label { font-size: 0.9rem; opacity: 0.85; } /* Section Styles */ .section { padding: 100px 0; } .section-white { background: var(--white); } .section-cream { background: var(--cream); } .section-dark { background: var(--accent); color: var(--white); } .section-header { text-align: center; margin-bottom: 64px; } .section-tag { display: inline-block; background: rgba(244, 182, 194, 0.2); color: var(--primary-dark); padding: 8px 20px; border-radius: 50px; font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; } .section-dark .section-tag { background: rgba(255, 255, 255, 0.15); color: var(--white); } .section-header h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--primary-dark); margin-bottom: 16px; } .section-dark .section-header h2 { color: var(--white); } .section-header p { font-size: 1.15rem; color: var(--text-muted); max-width: 700px; margin: 0 auto; } .section-dark .section-header p { color: rgba(255, 255, 255, 0.8); } /* What is PPC Section */ .intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .intro-content h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: var(--primary-dark); margin-bottom: 24px; } .intro-content p { font-size: 1.05rem; color: var(--text-muted); margin-bottom: 20px; } .intro-content p:last-of-type { margin-bottom: 32px; } .intro-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 32px; } .highlight-item { display: flex; align-items: flex-start; gap: 12px; } .highlight-icon { width: 40px; height: 40px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; } .highlight-text { font-size: 0.95rem; font-weight: 500; color: var(--text-dark); } .intro-image { position: relative; } .intro-image-wrapper { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); } .intro-placeholder { width: 100%; aspect-ratio: 5/4; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); font-size: 1.1rem; text-align: center; padding: 40px; } .intro-placeholder span { font-size: 4rem; margin-bottom: 16px; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .service-card { background: var(--cream); border-radius: var(--radius-lg); padding: 40px 32px; transition: var(--transition); position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--primary); transform: scaleX(0); transition: var(--transition); } .service-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } .service-card:hover::before { transform: scaleX(1); } .service-icon { width: 64px; height: 64px; background: var(--primary); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 2rem; margin-bottom: 24px; } .service-card h3 { font-size: 1.35rem; color: var(--primary-dark); margin-bottom: 12px; } .service-card p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; } /* Why PPC Section */ .benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } .benefit-card { background: var(--white); border-radius: var(--radius-lg); padding: 40px; display: flex; gap: 24px; transition: var(--transition); border: 2px solid transparent; } .benefit-card:hover { border-color: var(--primary); box-shadow: var(--shadow-md); } .benefit-number { font-family: 'Fraunces', serif; font-size: 3rem; font-weight: 700; color: var(--primary); line-height: 1; flex-shrink: 0; } .benefit-content h3 { font-size: 1.25rem; color: var(--primary-dark); margin-bottom: 8px; } .benefit-content p { color: var(--text-muted); font-size: 0.95rem; } /* Process Section */ .process-timeline { position: relative; max-width: 900px; margin: 0 auto; } .process-timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: var(--primary); transform: translateX(-50%); } .process-step { display: flex; gap: 60px; margin-bottom: 60px; position: relative; } .process-step:last-child { margin-bottom: 0; } .process-step:nth-child(even) { flex-direction: row-reverse; } .process-step-content { flex: 1; background: var(--white); border-radius: var(--radius-lg); padding: 32px; box-shadow: var(--shadow-md); } .process-step-number { position: absolute; left: 50%; top: 32px; transform: translateX(-50%); width: 56px; height: 56px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: var(--accent); z-index: 2; } .process-step-content h3 { font-size: 1.35rem; color: var(--primary-dark); margin-bottom: 12px; } .process-step-content p { color: var(--text-muted); font-size: 0.95rem; } .process-spacer { flex: 1; } /* Pricing Section */ .pricing-intro { text-align: center; max-width: 800px; margin: 0 auto 48px; } .pricing-intro p { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 16px; } .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .pricing-card { background: var(--white); border-radius: var(--radius-lg); padding: 40px; text-align: center; transition: var(--transition); border: 2px solid transparent; position: relative; } .pricing-card.featured { border-color: var(--primary); transform: scale(1.05); } .pricing-card.featured::before { content: 'Most Popular'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--primary); color: var(--accent); padding: 6px 20px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; } .pricing-card:hover { box-shadow: var(--shadow-lg); } .pricing-card h3 { font-size: 1.5rem; color: var(--primary-dark); margin-bottom: 8px; } .pricing-card .price { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 700; color: var(--accent); margin-bottom: 8px; } .pricing-card .price-note { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 24px; } .pricing-features { list-style: none; text-align: left; margin-bottom: 32px; } .pricing-features li { padding: 12px 0; border-bottom: 1px solid var(--cream-dark); font-size: 0.95rem; color: var(--text-dark); display: flex; align-items: center; gap: 12px; } .pricing-features li::before { content: '✓'; color: var(--success); font-weight: 700; } /* Comparison Section */ .comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } .comparison-card { background: var(--white); border-radius: var(--radius-lg); padding: 40px; position: relative; } .comparison-card.ppc { border: 3px solid var(--primary); } .comparison-card.seo::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--accent); border-radius: var(--radius-lg) var(--radius-lg) 0 0; } .comparison-header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; } .comparison-icon { width: 56px; height: 56px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 1.75rem; } .comparison-card.ppc .comparison-icon { background: var(--primary); } .comparison-card.seo .comparison-icon { background: var(--accent); } .comparison-header h3 { font-size: 1.5rem; color: var(--primary-dark); } .comparison-list { list-style: none; } .comparison-list li { padding: 16px 0; border-bottom: 1px solid var(--cream-dark); display: flex; justify-content: space-between; align-items: center; } .comparison-list li:last-child { border-bottom: none; } .comparison-list .label { font-weight: 500; color: var(--text-dark); } .comparison-list .value { color: var(--text-muted); font-size: 0.95rem; } .comparison-note { margin-top: 32px; padding: 24px; background: var(--cream); border-radius: var(--radius-md); text-align: center; } .comparison-note p { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 16px; } /* Industries Section */ .industries-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .industry-card { background: rgba(255, 255, 255, 0.08); border-radius: var(--radius-md); padding: 32px 24px; text-align: center; transition: var(--transition); border: 2px solid transparent; } .industry-card:hover { background: rgba(255, 255, 255, 0.12); border-color: var(--primary); transform: translateY(-4px); } .industry-icon { width: 64px; height: 64px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 16px; } .industry-card h4 { font-family: 'Outfit', sans-serif; font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; } .industry-card p { font-size: 0.875rem; opacity: 0.8; } /* FAQ Section */ .faq-grid { display: flex; flex-direction: column; gap: 16px; max-width: 800px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: var(--radius-md); overflow: hidden; transition: var(--transition); } .faq-item:hover { box-shadow: var(--shadow-sm); } .faq-question { padding: 24px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: var(--primary-dark); list-style: none; width: 100%; } .faq-question::-webkit-details-marker { display: none; } .faq-question::after { content: '+'; font-size: 1.5rem; color: var(--primary); transition: var(--transition); flex-shrink: 0; margin-left: 16px; width: 32px; height: 32px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--accent); } .faq-item[open] .faq-question::after { transform: rotate(45deg); } .faq-answer { padding: 0 24px 24px; } .faq-answer p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; } /* Map Section */ .map-section { padding: 100px 0; background: var(--white); } .map-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .map-content h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: var(--primary-dark); margin-bottom: 24px; } .map-content > p { font-size: 1.05rem; color: var(--text-muted); margin-bottom: 32px; } .contact-info { display: flex; flex-direction: column; gap: 20px; } .contact-item { display: flex; align-items: center; gap: 16px; } .contact-icon { width: 48px; height: 48px; background: var(--cream); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; } .contact-text h5 { font-family: 'Outfit', sans-serif; font-weight: 600; color: var(--primary-dark); font-size: 0.875rem; margin-bottom: 2px; } .contact-text p, .contact-text a { color: var(--text-muted); font-size: 1rem; } .contact-text a:hover { color: var(--primary); } .map-wrapper { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); height: 450px; } .map-wrapper iframe { width: 100%; height: 100%; border: 0; } /* CTA Section */ .cta { padding: 100px 0; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); text-align: center; position: relative; overflow: hidden; } .cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .cta-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; } .cta h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--accent); margin-bottom: 16px; } .cta p { font-size: 1.2rem; color: var(--text-muted); margin-bottom: 40px; } .cta .btn-primary { background: var(--accent); font-size: 1.1rem; padding: 20px 40px; } .cta .btn-secondary { background: transparent; color: var(--accent); border-color: var(--accent); } .cta .btn-secondary:hover { background: var(--accent); color: var(--white); } /* Footer */ .footer { background: var(--accent); color: var(--white); padding: 80px 0 32px; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; } .footer-brand { max-width: 320px; } .footer-logo { display: flex; align-items: center; gap: 12px; font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; } .footer-logo .logo-icon { background: var(--primary); } .footer-brand p { color: rgba(255, 255, 255, 0.7); margin-bottom: 24px; line-height: 1.8; } .footer-social { display: flex; gap: 12px; } .social-link { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.1); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; transition: var(--transition); } .social-link:hover { background: var(--primary); } .footer-col h4 { font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 1.1rem; margin-bottom: 24px; } .footer-col ul { list-style: none; } .footer-col li { margin-bottom: 12px; } .footer-col a { color: rgba(255, 255, 255, 0.7); transition: var(--transition); } .footer-col a:hover { color: var(--primary); padding-left: 4px; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 32px; display: flex; justify-content: space-between; align-items: center; color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; } .footer-links { display: flex; gap: 24px; } .footer-links a { color: rgba(255, 255, 255, 0.6); } .footer-links a:hover { color: var(--white); } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } /* Mobile Navigation */ .mobile-nav { display: none; position: fixed; top: 80px; left: 0; right: 0; bottom: 0; background: var(--cream); z-index: 999; padding: 24px; overflow-y: auto; } .mobile-nav.active { display: block; } .mobile-nav ul { list-style: none; } .mobile-nav > ul > li { border-bottom: 1px solid rgba(27, 77, 62, 0.1); } .mobile-nav a { display: block; padding: 16px 0; font-weight: 500; font-size: 1.1rem; } .mobile-nav .mobile-dropdown-content { padding-left: 20px; display: none; } .mobile-nav .mobile-dropdown-content.active { display: block; } .mobile-nav .mobile-dropdown-content a { font-size: 1rem; padding: 12px 0; color: var(--text-muted); } /* Responsive */ @media (max-width: 1024px) { .hero-grid { grid-template-columns: 1fr; gap: 48px; } .hero-visual { order: -1; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .intro-grid { grid-template-columns: 1fr; gap: 48px; } .intro-image { order: -1; } .services-grid { grid-template-columns: repeat(2, 1fr); } .benefits-grid { grid-template-columns: 1fr; } .process-timeline::before { left: 28px; } .process-step, .process-step:nth-child(even) { flex-direction: column; padding-left: 80px; } .process-step-number { left: 0; transform: none; } .process-spacer { display: none; } .pricing-grid { grid-template-columns: 1fr; } .pricing-card.featured { transform: none; } .comparison-grid { grid-template-columns: 1fr; } .industries-grid { grid-template-columns: repeat(2, 1fr); } .map-grid { grid-template-columns: 1fr; gap: 48px; } .footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .nav-links { display: none; } .mobile-toggle { display: flex; } .hero { min-height: auto; padding: 120px 0 60px; } .hero h1 { font-size: 2rem; } .hero-trust-badges { flex-wrap: wrap; } .stats-grid { grid-template-columns: 1fr 1fr; gap: 24px; } .stat-number { font-size: 2rem; } .services-grid { grid-template-columns: 1fr; } .intro-highlights { grid-template-columns: 1fr; } .industries-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .footer-bottom { flex-direction: column; gap: 16px; text-align: center; } }
🐊
Crocs & Clicks
  • Home
  • About
  • Services ▾
    SEO Services PPC Management Web Design Social Media Marketing Marketing for Contractors
  • Service Areas
  • Clients
  • Blog
  • Get a Free Quote
  • Home
  • About
  • Services ▾
    SEO Services PPC Management Web Design Social Media Marketing Marketing for Contractors
  • Service Areas
  • Clients
  • Blog
  • Get a Free Quote
Home / Services / PPC Management
Pay-Per-Click Advertising Agency

PPC Management Vancouver WA — Get Instant Leads Today

Stop waiting months for results. Our expert PPC agency delivers immediate, high-quality leads through strategically managed Google Ads campaigns. We help Vancouver, WA contractors and small businesses maximize their advertising ROI with data-driven pay-per-click management that turns clicks into customers.

Get Your Free PPC Audit → Call (425) 232-6029
✓
Google Ads Certified
📊
Data-Driven Results
🎯
No Long-Term Contracts
📈

PPC Dashboard Image Placeholder
Recommended: Google Ads dashboard screenshot
Dimensions: 800×600px

$2M+
Ad Spend Managed
340%
Average ROAS
-42%
Lower Cost Per Lead
24hr
Campaign Launch Time

What is PPC Management and Why Does Your Business Need It?

Pay-per-click advertising is a powerful digital marketing strategy where you only pay when someone clicks on your ad. Unlike traditional advertising where you pay for impressions regardless of results, PPC ensures every dollar of your advertising budget goes toward people actively searching for your services in Vancouver, WA and surrounding areas.

Professional PPC management from a dedicated pay-per-click advertising agency like Crocs and Clicks means your campaigns are strategically built, continuously optimized, and laser-focused on generating qualified leads. We handle the complex world of Google Ads so you can focus on running your business while enjoying a steady stream of new customers.

Whether you're a contractor looking for roofing leads, an HVAC company needing service calls, or a local business wanting more foot traffic, our PPC advertising company creates custom campaigns that deliver measurable results from day one.

⚡
Instant visibility on Google
🎯
Target ready-to-buy customers
💰
Complete budget control
📊
Trackable ROI metrics
💻 PPC Strategy Image Placeholder

Recommended: Team working on campaigns
Dimensions: 600×480px
Our PPC Services

Comprehensive Google Ads Management Services

From campaign setup to ongoing optimization, our PPC specialists handle every aspect of your paid search advertising to maximize your return on investment.

🔍

Google Search Ads

Appear at the top of Google when potential customers search for your services. Our Google PPC agency creates compelling search campaigns that capture high-intent traffic and convert searchers into leads for your Vancouver business.

🖼️

Google Display Advertising

Reach your target audience across millions of websites with visually engaging display ads. We design eye-catching banners and strategically place them where your ideal customers spend time online.

🔄

Remarketing Campaigns

Re-engage visitors who left your website without converting. Our remarketing strategies keep your brand top-of-mind and bring potential customers back when they're ready to buy.

📍

Local Service Ads

Get your business at the very top of local search results with Google Local Service Ads. Perfect for contractors and service businesses wanting to dominate "near me" searches in Vancouver, WA.

📱

Mobile PPC Campaigns

Capture customers searching on smartphones with mobile-optimized campaigns. We create click-to-call ads and location extensions that drive immediate action from mobile users.

📊

Conversion Tracking & Analytics

Know exactly where your leads come from with comprehensive tracking. Our paid search specialists set up proper conversion tracking so you can see the true ROI of every advertising dollar.

Why Choose PPC

6 Reasons Pay-Per-Click Advertising Works for Vancouver Businesses

Discover why smart business owners invest in professional PPC management to accelerate their growth and outpace competitors in the Vancouver market.

01

Immediate Results & Quick Wins

Unlike SEO which takes months, PPC campaigns can start generating leads within 24 hours of launch. Get your phone ringing and appointments booked immediately while building long-term organic presence.

02

Precise Geographic Targeting

Target customers specifically in Vancouver, WA, Clark County, or any radius around your service area. Stop wasting money on clicks from people outside your territory.

03

Complete Budget Control

Set daily budgets, adjust spending based on seasonality, and pause campaigns anytime. You're always in control of how much you invest in your advertising.

04

Measurable ROI & Transparency

Track every click, call, and conversion. Know exactly how many leads each dollar generates and make data-driven decisions to improve performance continuously.

05

Target High-Intent Customers

Reach people actively searching for services like yours right now. These are customers with credit cards in hand, ready to hire—not casual browsers who might need you someday.

06

Competitive Advantage

Outrank competitors in paid search even if their website has been around longer. A well-managed PPC campaign levels the playing field for newer businesses.

Our Process

How Our PPC Management Process Works

From initial audit to ongoing optimization, here's exactly what happens when you partner with our pay-per-click advertising agency.

Discovery & Account Audit

We analyze your business goals, target audience, competitor landscape, and any existing campaigns. If you have a Google Ads account, we perform a comprehensive audit to identify quick wins and wasted spend.

1
2

Keyword Research & Strategy

Our PPC specialists research high-intent keywords your customers actually search for. We map out campaign structure, ad groups, and targeting strategies optimized for your Vancouver market.

Campaign Build & Launch

We build your campaigns from scratch with compelling ad copy, strategic bidding, and proper conversion tracking. Campaigns are reviewed and launched within 5-7 business days of kickoff.

3
4

Optimization & Scaling

We monitor campaigns daily, adjusting bids, testing new ad variations, adding negative keywords, and optimizing for conversions. Monthly reports keep you informed on performance and ROI.

PPC Pricing

How Much Does PPC Management Cost?

Transparent pricing with no hidden fees. Our management fees are based on your monthly ad spend to ensure we're aligned with your growth goals.

Every business is different, so we offer flexible PPC management packages tailored to your budget and objectives. Below are our starting points—contact us for a custom quote based on your specific needs.

Starter

$500
per month + ad spend
  • Up to $2,500/mo ad spend
  • 1 Google Ads campaign
  • Keyword research & setup
  • Conversion tracking
  • Monthly reporting
  • Email support
Get Started

Growth

$1,000
per month + ad spend
  • Up to $7,500/mo ad spend
  • Multiple campaigns
  • Search + Display ads
  • Remarketing setup
  • A/B testing
  • Bi-weekly calls
  • Dedicated account manager
Get Started

Enterprise

Custom
for larger ad budgets
  • $7,500+ monthly ad spend
  • Full campaign suite
  • Advanced remarketing
  • Landing page optimization
  • Weekly strategy calls
  • Priority support
  • Custom reporting dashboard
Contact Us
PPC vs SEO

Should You Choose PPC or SEO for Your Business?

Both strategies have unique advantages. Here's how they compare to help you make the right decision for your marketing goals.

💰

PPC Advertising

  • Time to Results Immediate (24-48 hours)
  • Cost Structure Pay per click
  • Traffic Control Complete control
  • Best For Quick leads, testing
  • Longevity Stops when budget ends
🔍

SEO Services

  • Time to Results 3-6 months typically
  • Cost Structure Fixed monthly fee
  • Traffic Control Algorithm dependent
  • Best For Long-term growth
  • Longevity Compounds over time

Our recommendation? Use both strategically. PPC delivers immediate leads while SEO builds sustainable organic traffic over time. We offer integrated digital marketing strategies combining both for maximum impact.

Explore Our SEO Services →
Industries We Serve

PPC Management for Contractors & Local Businesses

We specialize in pay-per-click advertising for service-based businesses and contractors throughout Vancouver, WA and the Pacific Northwest.

❄️

HVAC Contractors

Emergency repair & installation leads

🏠

Roofing Companies

Storm damage & replacement leads

🔧

Plumbing Services

Emergency & scheduled service calls

⚡

Electrical Contractors

Residential & commercial leads

🎨

Painting Contractors

Interior & exterior project leads

🏗️

General Contractors

Renovation & construction leads

🔨

Remodeling Companies

Kitchen & bath remodel leads

🏪

Local Service Businesses

Customized local PPC campaigns

See Contractor Marketing Services →
Frequently Asked Questions

Common Questions About PPC Management

Get answers to the questions we hear most often from Vancouver business owners considering pay-per-click advertising.

How quickly will I see results from PPC?

Most clients see their first leads within 24-48 hours of campaign launch. However, optimal performance typically develops over 2-4 weeks as we gather data and optimize targeting, bids, and ad copy for your specific market.

What's a realistic budget for PPC advertising?

For most Vancouver-area contractors and small businesses, we recommend starting with $1,500-$3,000 per month in ad spend plus management fees. This provides enough budget to test keywords, generate meaningful data, and produce consistent leads.

Do you require long-term contracts?

No, we don't lock you into long-term contracts. We offer month-to-month PPC management because we believe in earning your business every month through results. We do recommend at least 3 months to allow proper optimization.

How do you track conversions and ROI?

We set up comprehensive conversion tracking including phone calls, form submissions, and any other valuable actions on your website. Monthly reports show exactly how many leads came from PPC and the cost per acquisition.

Can I see what you're doing in my Google Ads account?

Absolutely. You have full access to your Google Ads account at all times. We believe in complete transparency. The account is yours—we just manage it on your behalf with your full visibility into all activities.

What makes your PPC agency different?

We're local to Vancouver, WA and specialize in contractor and small business marketing. You work directly with experienced PPC specialists—not account managers who outsource the work. Plus, we focus on leads and ROI, not vanity metrics.

Vancouver, WA's Trusted PPC Advertising Agency

As a local pay-per-click advertising company based in Vancouver, Washington, we understand the unique needs of businesses in Clark County and the greater Portland-Vancouver metro area. When you're searching for a "PPC agency near me" that delivers real results, Crocs and Clicks is your answer. Let us help you dominate local paid search and generate more leads for your business.

📞
Phone
(425) 232-6029
✉️
Email
Ben@crocsandclicks.com
📍
Service Area

Vancouver, WA & Portland Metro

🕐
Business Hours

Mon–Fri: 8:00 AM – 6:00 PM

Schedule Your Free PPC Consultation →

Ready to Start Getting More Leads with PPC?

Get a free PPC audit and discover how much revenue you're leaving on the table. Our pay-per-click specialists will analyze your market and show you exactly how to generate more qualified leads for your Vancouver business.

Get Your Free PPC Audit → Call (425) 232-6029
🐊
Crocs & Clicks

Crocs and Clicks is a full-service digital marketing agency in Vancouver, WA. We help small businesses and contractors grow with strategic SEO, PPC, web design, and social media marketing services.

📘 💼 📸 🐦

Services

  • SEO Services
  • PPC Management
  • Web Design
  • Social Media
  • Contractor Marketing

Company

  • About Us
  • Our Clients
  • Blog
  • Contact
  • Service Areas

Contact

  • (425) 232-6029
  • Ben@crocsandclicks.com
  • Vancouver, WA
  • Mon–Fri: 8AM–6PM

© 2025 Crocs and Clicks. All rights reserved. | PPC Management Vancouver WA

Privacy Policy Terms of Service Sitemap