SEO Services Vancouver WA | Search Engine Optimization Company | 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: #10B981; --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); } .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(--accent); padding: 8px 16px; border-radius: 50px; font-size: 0.875rem; font-weight: 600; margin-bottom: 24px; animation: fadeInUp 0.6s ease; } .hero h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); color: var(--accent); margin-bottom: 24px; animation: fadeInUp 0.6s ease 0.1s both; } .hero h1 span { color: var(--primary-dark); } .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(--accent); } .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(--primary) 0%, var(--primary-light) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); font-size: 1.25rem; font-weight: 500; text-align: center; padding: 40px; } .hero-image-placeholder span { font-size: 4rem; margin-bottom: 16px; } .hero-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; animation: fadeInUp 0.6s ease 0.5s both; } .hero-feature { display: flex; align-items: center; gap: 12px; } .hero-feature-icon { width: 48px; height: 48px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; flex-shrink: 0; } .hero-feature-text { font-size: 0.95rem; font-weight: 500; color: var(--text-dark); } /* Breadcrumbs */ .breadcrumbs { padding: 16px 0; background: var(--white); border-bottom: 1px solid var(--cream-dark); } .breadcrumbs-inner { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: var(--text-muted); } .breadcrumbs a { color: var(--primary-dark); } .breadcrumbs a:hover { text-decoration: underline; } /* Section Styles */ .section { padding: 100px 0; } .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-header h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--accent); margin-bottom: 16px; } .section-header p { font-size: 1.15rem; color: var(--text-muted); max-width: 700px; margin: 0 auto; } /* Why SEO Section */ .why-seo { background: var(--white); } .why-seo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .why-seo-content h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--accent); margin-bottom: 24px; } .why-seo-content > p { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 32px; line-height: 1.8; } .seo-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .seo-stat { background: var(--cream); padding: 24px; border-radius: var(--radius-md); text-align: center; transition: var(--transition); } .seo-stat:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .seo-stat-number { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 700; color: var(--primary-dark); margin-bottom: 8px; } .seo-stat-label { font-size: 0.95rem; color: var(--text-muted); } .why-seo-image { position: relative; } .why-seo-placeholder { width: 100%; aspect-ratio: 4/3; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%); border-radius: var(--radius-lg); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); text-align: center; padding: 40px; box-shadow: var(--shadow-lg); } .why-seo-placeholder span { font-size: 5rem; margin-bottom: 24px; } /* SEO Services Section */ .seo-services { background: var(--cream); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .service-card { background: var(--white); 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: 72px; height: 72px; 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(--accent); margin-bottom: 16px; } .service-card p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 20px; } .service-features { list-style: none; } .service-features li { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 0.9rem; color: var(--text-dark); border-bottom: 1px solid var(--cream); } .service-features li:last-child { border-bottom: none; } .service-features li::before { content: 'βœ“'; color: var(--success); font-weight: 700; } /* Local SEO Section */ .local-seo { background: var(--accent); color: var(--white); position: relative; overflow: hidden; } .local-seo::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"); } .local-seo .section-tag { background: rgba(255, 255, 255, 0.15); color: var(--white); } .local-seo .section-header h2 { color: var(--white); } .local-seo .section-header p { color: rgba(255, 255, 255, 0.8); } .local-seo-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; z-index: 2; } .local-seo-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: var(--radius-md); padding: 32px 24px; text-align: center; transition: var(--transition); border: 1px solid rgba(255, 255, 255, 0.1); } .local-seo-card:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-4px); } .local-seo-icon { width: 64px; height: 64px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.75rem; margin: 0 auto 20px; } .local-seo-card h4 { font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 600; margin-bottom: 12px; } .local-seo-card p { font-size: 0.9rem; opacity: 0.85; line-height: 1.6; } /* Process Section */ .process { background: var(--white); } .process-timeline { position: relative; max-width: 900px; margin: 0 auto; } .process-timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background: var(--primary); transform: translateX(-50%); border-radius: 2px; } .process-step { display: grid; grid-template-columns: 1fr 80px 1fr; gap: 24px; align-items: center; margin-bottom: 48px; } .process-step:last-child { margin-bottom: 0; } .process-step:nth-child(odd) .step-content { text-align: right; } .process-step:nth-child(even) .step-content { grid-column: 3; } .process-step:nth-child(even) .step-number { grid-column: 2; grid-row: 1; } .step-number { width: 80px; height: 80px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Fraunces', serif; font-size: 2rem; font-weight: 700; color: var(--accent); position: relative; z-index: 2; box-shadow: var(--shadow-md); } .step-content h4 { font-family: 'Outfit', sans-serif; font-size: 1.25rem; font-weight: 600; color: var(--accent); margin-bottom: 8px; } .step-content p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; } /* Pricing Section */ .pricing { background: var(--cream); } .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .pricing-card { background: var(--white); border-radius: var(--radius-lg); padding: 40px 32px; position: relative; transition: var(--transition); border: 2px solid transparent; } .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-header { text-align: center; padding-bottom: 24px; border-bottom: 1px solid var(--cream); margin-bottom: 24px; } .pricing-header h3 { font-size: 1.35rem; color: var(--accent); margin-bottom: 8px; } .pricing-header p { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 16px; } .pricing-price { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 700; color: var(--primary-dark); } .pricing-price span { font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 400; color: var(--text-muted); } .pricing-features { list-style: none; margin-bottom: 32px; } .pricing-features li { display: flex; align-items: center; gap: 12px; padding: 12px 0; font-size: 0.95rem; color: var(--text-dark); border-bottom: 1px solid var(--cream); } .pricing-features li:last-child { border-bottom: none; } .pricing-features li::before { content: 'βœ“'; color: var(--success); font-weight: 700; } .pricing-card .btn { width: 100%; justify-content: center; } /* Industries Section */ .industries { background: var(--white); } .industries-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .industry-card { background: var(--cream); border-radius: var(--radius-md); padding: 32px 24px; text-align: center; transition: var(--transition); border: 2px solid transparent; } .industry-card:hover { border-color: var(--primary); transform: translateY(-4px); box-shadow: var(--shadow-md); } .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; color: var(--accent); margin-bottom: 8px; } .industry-card p { font-size: 0.875rem; color: var(--text-muted); } /* Results Section */ .results { background: var(--cream); } .results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .result-card { background: var(--white); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); } .result-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } .result-image { aspect-ratio: 16/10; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); font-size: 3rem; } .result-content { padding: 28px; } .result-content h4 { font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 600; color: var(--accent); margin-bottom: 12px; } .result-content p { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 20px; } .result-stats { display: flex; gap: 24px; } .result-stat { text-align: center; } .result-stat-number { font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary-dark); } .result-stat-label { font-size: 0.8rem; color: var(--text-muted); } /* FAQ Section */ .faq { background: var(--white); } .faq-grid { display: flex; flex-direction: column; gap: 16px; max-width: 800px; margin: 0 auto; } .faq-item { background: var(--cream); 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(--accent); list-style: none; width: 100%; } .faq-question::-webkit-details-marker { display: none; } .faq-question::after { content: '+'; font-size: 1.5rem; color: var(--primary-dark); transition: var(--transition); flex-shrink: 0; margin-left: 16px; } .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 { background: var(--cream); } .map-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .map-content h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--accent); margin-bottom: 24px; } .map-content > p { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 32px; line-height: 1.8; } .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(--white); 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(--accent); 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-dark); } .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); } /* Related Services */ .related-services { background: var(--white); padding: 80px 0; } .related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .related-card { background: var(--cream); border-radius: var(--radius-md); padding: 24px; text-align: center; transition: var(--transition); } .related-card:hover { background: var(--primary); transform: translateY(-4px); } .related-card:hover h4, .related-card:hover p { color: var(--accent); } .related-card h4 { font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 600; color: var(--accent); margin-bottom: 8px; } .related-card p { font-size: 0.85rem; color: var(--text-muted); } /* 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); } /* 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); } /* 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); } } /* Responsive */ @media (max-width: 1024px) { .hero-grid { grid-template-columns: 1fr; gap: 48px; } .hero-visual { order: -1; } .hero-features { grid-template-columns: 1fr; gap: 16px; } .why-seo-grid { grid-template-columns: 1fr; gap: 48px; } .services-grid { grid-template-columns: repeat(2, 1fr); } .local-seo-grid { grid-template-columns: repeat(2, 1fr); } .process-timeline::before { left: 40px; } .process-step { grid-template-columns: 80px 1fr; } .process-step .step-content, .process-step:nth-child(odd) .step-content, .process-step:nth-child(even) .step-content { text-align: left; grid-column: 2; } .process-step .step-number, .process-step:nth-child(even) .step-number { grid-column: 1; } .pricing-grid { grid-template-columns: 1fr; } .pricing-card.featured { transform: none; order: -1; } .industries-grid { grid-template-columns: repeat(2, 1fr); } .results-grid { grid-template-columns: 1fr; } .faq-grid { max-width: 100%; } .map-grid { grid-template-columns: 1fr; gap: 48px; } .related-grid { grid-template-columns: repeat(2, 1fr); } .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; } .services-grid { grid-template-columns: 1fr; } .local-seo-grid { grid-template-columns: 1fr; } .industries-grid { grid-template-columns: 1fr; } .seo-stats-grid { grid-template-columns: 1fr; } .related-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
πŸ” SEO Agency Vancouver WA

Expert SEO Services in Vancouver, WA That Drive Real Results

Looking for a search engine optimization company that actually delivers? Our Vancouver, Washington SEO agency helps local businesses and contractors rank higher on Google, attract more qualified traffic, and convert visitors into paying customers. We combine technical expertise with proven strategies to grow your online presence.

Get Your Free SEO Audit β†’ Our SEO Services
πŸ“ˆ
Average 150% Traffic Increase
🎯
First Page Rankings
πŸ’¬
Monthly Reporting
πŸ“Š SEO Dashboard / Analytics Image
Recommended: Screenshot of SEO results
Dimensions: 800Γ—600px
Home / Services / SEO Services Vancouver WA

Why Search Engine Optimization Matters for Vancouver WA Businesses

In today's digital landscape, your potential customers are searching for your services on Google right now. Without proper search engine optimization, you're invisible to the 93% of online experiences that begin with a search engine. Our Vancouver Washington SEO strategies ensure your business appears when local customers need you most.

Whether you're a contractor, local service provider, or small business in Clark County, SEO is the most cost-effective way to generate consistent, high-quality leads. Unlike paid advertising that stops the moment you stop paying, SEO builds long-term visibility and authority that continues to drive results month after month.

93%
Online experiences start with search
75%
Users never scroll past page 1
14.6%
SEO leads close rate
5.7x
ROI vs. paid ads
🎯 Search Results / SERP Image

Recommended: Google search results screenshot
Dimensions: 600Γ—450px
Our SEO Services

Comprehensive Search Engine Optimization Services

Our SEO company in Vancouver, WA offers a full suite of search engine optimization services designed to improve your rankings, drive traffic, and generate leads for your business.

πŸ“

Local SEO Vancouver WA

Dominate local search results and Google Maps with our local SEO services. We optimize your Google Business Profile, build local citations, and implement location-specific strategies that put your business in front of customers searching in Vancouver and Clark County.

  • Google Business Profile Optimization
  • Local Citation Building
  • Local Keyword Targeting
  • Review Generation Strategy
  • NAP Consistency Audit
βš™οΈ

Technical SEO

Our technical SEO company in Vancouver, WA ensures your website is built for search engine success. We fix crawl errors, improve site speed, implement structured data, and resolve technical issues that prevent your site from ranking as high as it should.

  • Site Speed Optimization
  • Mobile-First Optimization
  • Schema Markup Implementation
  • XML Sitemap & Robots.txt
  • Core Web Vitals Improvement
πŸ“

On-Page SEO

Maximize the ranking potential of every page on your website with our on-page SEO services. We optimize your content, meta tags, internal linking, and page structure to ensure Google understands and rewards your content with higher rankings.

  • Keyword Research & Mapping
  • Meta Title & Description Optimization
  • Header Tag Optimization
  • Content Optimization
  • Internal Linking Strategy
πŸ”—

Off-Page SEO & Link Building

Build domain authority and trust with our ethical off-page SEO strategies. We earn high-quality backlinks through outreach, guest posting, and digital PR that strengthen your website's credibility and improve your search rankings.

  • Quality Link Acquisition
  • Guest Posting Outreach
  • Digital PR Campaigns
  • Competitor Backlink Analysis
  • Brand Mention Monitoring
✍️

SEO Content Strategy

Attract and engage your target audience with content optimized for both search engines and humans. Our SEO content services include keyword-driven blog posts, service pages, and cornerstone content that establishes your expertise and drives organic traffic.

  • Content Gap Analysis
  • SEO Blog Writing
  • Service Page Optimization
  • Content Calendar Planning
  • Competitor Content Analysis
πŸ“Š

SEO Audits & Analysis

Know exactly where you stand with comprehensive SEO audits from our digital SEO agency. We analyze your current performance, identify opportunities, and create a roadmap for improvement with detailed recommendations you can actually implement.

  • Complete Website SEO Audit
  • Competitor Analysis
  • Keyword Opportunity Report
  • Technical Health Check
  • Monthly Performance Reports
Local SEO Experts

Dominate Local Search in Vancouver, Washington

As a local SEO agency based right here in Vancouver, WA, we understand the Pacific Northwest market and know exactly how to position your business for local search success.

πŸ—ΊοΈ

Google Maps Optimization

Appear in the coveted Google Maps 3-pack when customers search for your services in Vancouver and surrounding areas.

⭐

Review Management

Build trust and improve rankings with strategies to generate and manage customer reviews across platforms.

πŸ“‹

Citation Building

Establish consistent business listings across directories to strengthen your local SEO presence and authority.

🎯

Geo-Targeted Content

Create location-specific content that resonates with Vancouver residents and ranks for "near me" searches.

Our Process

How Our SEO Process Works

Our proven SEO methodology has helped countless Vancouver businesses achieve first-page rankings. Here's what you can expect when you partner with our SEO agency.

Discovery & SEO Audit

We begin with a comprehensive audit of your current website, competitive landscape, and target keywords. This reveals exactly where you stand and what opportunities exist.

1
2

Strategy Development

Based on our findings, we create a customized SEO strategy targeting the keywords that will drive the most valuable traffic to your business with realistic timelines and KPIs.

On-Site Optimization

We implement technical fixes, optimize your existing content, improve site structure, and ensure every page is positioned for maximum search visibility.

3
4

Content & Link Building

We create SEO-optimized content targeting valuable keywords and build authoritative backlinks that strengthen your domain and improve rankings.

Monitor, Report & Refine

SEO is ongoing. We continuously monitor rankings, traffic, and conversions, providing detailed monthly reports and refining strategies based on performance data.

5
SEO Investment

Transparent SEO Pricing

We believe in transparent pricing with no hidden fees. Choose the SEO package that fits your business goals and budget.

Starter SEO

Perfect for new businesses building their foundation

$750/month
  • Technical SEO Audit & Fixes
  • On-Page Optimization (10 pages)
  • Google Business Profile Setup
  • Local Citation Building
  • Monthly Performance Report
  • Keyword Tracking (25 keywords)
Get Started

Growth SEO

Our most popular package for growing businesses

$1,500/month
  • Everything in Starter, plus:
  • On-Page Optimization (25 pages)
  • 2 SEO Blog Posts Monthly
  • Link Building (5 links/month)
  • Competitor Monitoring
  • Keyword Tracking (75 keywords)
  • Bi-Weekly Strategy Calls
Get Started

Enterprise SEO

Comprehensive SEO for aggressive growth

$3,000/month
  • Everything in Growth, plus:
  • Unlimited Page Optimization
  • 4 SEO Blog Posts Monthly
  • Link Building (15 links/month)
  • Content Strategy & Calendar
  • Keyword Tracking (150+ keywords)
  • Dedicated Account Manager
Get Started
Industries We Serve

SEO Services for Contractors & Local Businesses

We specialize in SEO for contractors and local service businesses. Our industry expertise means faster results and strategies that actually work for your specific market.

❄️

HVAC SEO

Rank for heating & cooling searches

🏠

Roofing SEO

Dominate roofing search results

πŸ”§

Plumbing SEO

Get found by emergency calls

⚑

Electrician SEO

Generate electrical service leads

🎨

Painting SEO

Stand out in painting searches

πŸ—οΈ

General Contractor SEO

Full-service contractor optimization

πŸ”¨

Remodeling SEO

Attract remodeling projects

πŸͺ

Local Business SEO

Small business optimization

SEO Results

Real Results for Vancouver Businesses

Our SEO strategies deliver measurable results. See how we've helped local businesses grow their online presence and generate more leads.

πŸ“ˆ

HVAC Contractor - Vancouver, WA

Achieved first-page rankings for 15 target keywords within 6 months, dramatically increasing organic lead generation.

+287%
Organic Traffic
+142%
Lead Volume
🎯

Roofing Company - Clark County

From page 5 to the Google Maps 3-pack for "roofing contractor near me" - generating consistent roofing leads.

#1
Maps Ranking
+200%
Phone Calls
πŸ’°

Plumbing Services - Portland Metro

Comprehensive local SEO campaign that positioned this plumber as the go-to choice in their service area.

+165%
Revenue
8.5x
ROI
FAQ

Common SEO Questions

Get answers to the most common questions about SEO services and how we can help your Vancouver business grow.

How long does SEO take to show results?

SEO is a long-term strategy. Most businesses begin seeing improvements in 3-4 months, with significant results typically appearing within 6-12 months. However, the timeline depends on your starting point, competition, and the aggressiveness of your strategy. Local SEO for less competitive keywords often shows faster results than broader national campaigns.

How much does SEO cost in Vancouver, WA?

Our SEO packages start at $750/month for local businesses. The investment depends on your goals, competition level, and the scope of work needed. During our free consultation, we'll analyze your situation and recommend the right package for your budget and objectives.

What's the difference between SEO and PPC?

SEO (organic search) builds long-term visibility through content optimization and link building - you don't pay for clicks. PPC (paid search) provides immediate visibility through paid ads. Most businesses benefit from both, but SEO typically delivers better long-term ROI while PPC provides immediate results.

Do you guarantee first-page rankings?

No ethical SEO company can guarantee specific rankings because Google's algorithm is controlled by Google. What we do guarantee is implementing proven strategies, transparent reporting, and working tirelessly to improve your visibility. Our track record speaks for itself - most clients achieve first-page rankings for their target keywords.

Why should I choose a local SEO agency?

As a Vancouver-based SEO company, we understand the local market, competition, and customer behavior in the Pacific Northwest. We can meet face-to-face, respond quickly to your needs, and bring local expertise that national agencies simply can't match.

What industries do you specialize in?

We specialize in SEO for contractors (HVAC, roofing, plumbing, electrical) and local service businesses in Vancouver, WA and the Portland metro area. Our industry expertise means we understand your customers, competition, and the keywords that drive real business results.

Your Local SEO Company in Vancouver, Washington

When you work with Crocs and Clicks, you're partnering with a Vancouver, WA SEO company that understands your market. We're not some distant agency - we're your neighbors, serving businesses throughout Clark County and the Portland-Vancouver metro area. Whether you need local SEO, technical SEO, or a complete search engine optimization strategy, we're here to help your business grow.

πŸ“ž
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 SEO Consultation β†’

Ready to Rank Higher on Google?

Get a free SEO audit and discover exactly what's holding your website back from reaching its full potential. Our Vancouver SEO experts will analyze your site and show you the path to first-page rankings.

Get Your Free SEO Audit β†’ Call (425) 232-6029

Explore Our Other Digital Marketing Services

SEO is just one piece of the puzzle. Discover how our full-service digital marketing agency can accelerate your growth.

PPC Management

Instant visibility with Google Ads

Web Design

Conversion-optimized websites

Social Media Marketing

Build your brand presence

Contractor Marketing

Specialized industry expertise

🐊
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. | SEO Services Vancouver WA

Privacy Policy Terms of Service Sitemap