Social Media Marketing Vancouver WA | Strategic Social Media Services :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; --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(245, 245, 245, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(43, 43, 43, 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-dark); } .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-dark); } .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-dark); 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) 50%, var(--cream) 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::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to top, var(--white), transparent); 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: 10px 20px; border-radius: 50px; font-size: 0.875rem; font-weight: 600; 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:hover { color: var(--primary-dark); } .breadcrumb span { color: var(--primary-dark); } .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: 540px; 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-features { display: flex; gap: 32px; margin-top: 40px; animation: fadeInUp 0.6s ease 0.4s both; } .hero-feature { display: flex; align-items: center; gap: 12px; } .hero-feature-icon { width: 44px; height: 44px; background: var(--primary-light); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; } .hero-feature-text { font-size: 0.9rem; font-weight: 500; color: var(--text-dark); } .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-dark) 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; } .floating-stat { position: absolute; background: var(--white); border-radius: var(--radius-md); padding: 20px 24px; box-shadow: var(--shadow-lg); animation: float 3s ease-in-out infinite; } .floating-stat.stat-1 { top: 20px; right: -30px; animation-delay: 0s; } .floating-stat.stat-2 { bottom: 40px; left: -30px; animation-delay: 1.5s; } .floating-stat-number { font-family: 'Fraunces', serif; font-size: 1.75rem; font-weight: 700; color: var(--primary-dark); } .floating-stat-label { font-size: 0.8rem; color: var(--text-muted); } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* Why Social Media Section */ .why-social { padding: 100px 0; background: 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-header h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--accent); margin-bottom: 16px; } .section-header p { font-size: 1.15rem; color: var(--text-muted); max-width: 700px; margin: 0 auto; } .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .why-card { background: var(--cream); border-radius: var(--radius-lg); padding: 40px 32px; text-align: center; transition: var(--transition); border: 2px solid transparent; } .why-card:hover { border-color: var(--primary); transform: translateY(-8px); box-shadow: var(--shadow-md); } .why-icon { width: 80px; height: 80px; background: var(--primary); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; margin: 0 auto 24px; } .why-card h3 { font-size: 1.35rem; color: var(--accent); margin-bottom: 12px; } .why-card p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; } /* Platforms Section */ .platforms { padding: 100px 0; background: var(--cream); } .platforms-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .platform-card { background: var(--white); border-radius: var(--radius-lg); padding: 32px 24px; text-align: center; transition: var(--transition); position: relative; overflow: hidden; } .platform-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--primary); transform: scaleX(0); transition: var(--transition); } .platform-card:hover::before { transform: scaleX(1); } .platform-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } .platform-icon { width: 72px; height: 72px; background: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 20px; transition: var(--transition); } .platform-card:hover .platform-icon { background: var(--primary-light); } .platform-card h4 { font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 600; color: var(--accent); margin-bottom: 8px; } .platform-card p { font-size: 0.875rem; color: var(--text-muted); line-height: 1.6; } /* Services Included Section */ .services-included { padding: 100px 0; background: var(--white); } .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } .service-item { display: flex; gap: 24px; padding: 32px; background: var(--cream); border-radius: var(--radius-lg); transition: var(--transition); } .service-item:hover { box-shadow: var(--shadow-md); transform: translateX(8px); } .service-item-icon { width: 64px; height: 64px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.75rem; flex-shrink: 0; } .service-item-content h4 { font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 600; color: var(--accent); margin-bottom: 8px; } .service-item-content p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; } /* Process Section */ .process { padding: 100px 0; background: var(--accent); color: var(--white); position: relative; overflow: hidden; } .process::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"); } .process .section-header h2 { color: var(--white); } .process .section-header p { color: rgba(255, 255, 255, 0.8); } .process .section-tag { background: rgba(255, 255, 255, 0.15); color: var(--white); } .process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; z-index: 2; } .process-step { text-align: center; position: relative; } .step-number { width: 72px; height: 72px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Fraunces', serif; font-size: 1.75rem; font-weight: 700; margin: 0 auto 24px; position: relative; z-index: 2; color: var(--accent); } .process-step:not(:last-child)::after { content: ''; position: absolute; top: 36px; left: calc(50% + 48px); width: calc(100% - 96px); height: 2px; background: linear-gradient(90deg, var(--primary), transparent); z-index: 1; } .process-step h4 { font-family: 'Outfit', sans-serif; font-size: 1.25rem; font-weight: 600; margin-bottom: 12px; } .process-step p { font-size: 0.95rem; opacity: 0.85; line-height: 1.6; } /* Pricing Section */ .pricing { padding: 100px 0; 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; 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.75rem; font-weight: 600; text-transform: uppercase; } .pricing-card:hover { box-shadow: var(--shadow-lg); } .pricing-name { font-family: 'Outfit', sans-serif; font-size: 1.25rem; font-weight: 600; color: var(--accent); margin-bottom: 8px; } .pricing-desc { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 24px; } .pricing-price { font-family: 'Fraunces', serif; font-size: 3rem; font-weight: 700; color: var(--primary-dark); margin-bottom: 8px; } .pricing-price span { font-size: 1rem; font-weight: 400; color: var(--text-muted); } .pricing-note { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 32px; } .pricing-features { list-style: none; text-align: left; margin-bottom: 32px; } .pricing-features li { padding: 12px 0; border-bottom: 1px solid var(--cream); display: flex; align-items: center; gap: 12px; font-size: 0.95rem; color: var(--text-dark); } .pricing-features li::before { content: 'βœ“'; width: 24px; height: 24px; background: var(--primary-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; color: var(--accent); flex-shrink: 0; } .pricing-card .btn { width: 100%; justify-content: center; } /* Results Section */ .results { padding: 100px 0; background: var(--white); } .results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .results-content h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--accent); margin-bottom: 24px; } .results-content > p { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 40px; } .results-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .result-stat { background: var(--cream); border-radius: var(--radius-md); padding: 24px; text-align: center; } .result-stat-number { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 700; color: var(--primary-dark); } .result-stat-label { font-size: 0.9rem; color: var(--text-muted); margin-top: 4px; } .results-image { position: relative; } .results-image-wrapper { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); } .results-placeholder { width: 100%; aspect-ratio: 4/3; 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: 1.25rem; text-align: center; padding: 40px; } .results-placeholder span { font-size: 4rem; margin-bottom: 16px; } /* FAQ Section */ .faq { padding: 100px 0; background: var(--cream); } .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 1000px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: var(--radius-md); padding: 28px 32px; transition: var(--transition); } .faq-item:hover { box-shadow: var(--shadow-md); } .faq-question { font-family: 'Outfit', sans-serif; font-size: 1.1rem; font-weight: 600; color: var(--accent); margin-bottom: 12px; display: flex; align-items: flex-start; gap: 12px; } .faq-question::before { content: 'Q'; width: 28px; height: 28px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: var(--accent); flex-shrink: 0; } .faq-answer { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; padding-left: 40px; } /* Industries Section */ .industries { padding: 100px 0; 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: 28px 20px; text-align: center; transition: var(--transition); border: 2px solid transparent; } .industry-card:hover { border-color: var(--primary); transform: translateY(-4px); } .industry-icon { width: 56px; height: 56px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.75rem; margin: 0 auto 16px; } .industry-card h4 { font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 600; color: var(--accent); margin-bottom: 6px; } .industry-card p { font-size: 0.8rem; color: var(--text-muted); } /* Map Section */ .map-section { padding: 100px 0; 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.5rem); color: var(--accent); margin-bottom: 24px; } .map-content > p { font-size: 1.1rem; 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(--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: 400px; } .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, 2.75rem); color: var(--accent); margin-bottom: 16px; } .cta p { font-size: 1.15rem; color: var(--text-muted); margin-bottom: 40px; } .cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .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 { padding: 80px 0; background: var(--white); } .related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .related-card { background: var(--cream); border-radius: var(--radius-md); padding: 28px 24px; text-align: center; transition: var(--transition); } .related-card:hover { background: var(--white); box-shadow: var(--shadow-md); transform: translateY(-4px); } .related-icon { width: 56px; height: 56px; background: var(--primary); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin: 0 auto 16px; } .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); margin-bottom: 16px; } .related-link { font-size: 0.875rem; font-weight: 600; color: var(--primary-dark); } .related-link:hover { color: var(--accent); } /* 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(43, 43, 43, 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; } .why-grid { grid-template-columns: repeat(2, 1fr); } .platforms-grid { grid-template-columns: repeat(2, 1fr); } .services-grid { grid-template-columns: 1fr; } .process-steps { grid-template-columns: repeat(2, 1fr); } .process-step:not(:last-child)::after { display: none; } .pricing-grid { grid-template-columns: 1fr; } .pricing-card.featured { transform: none; order: -1; } .results-grid { grid-template-columns: 1fr; gap: 48px; } .faq-grid { grid-template-columns: 1fr; } .industries-grid { grid-template-columns: repeat(2, 1fr); } .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: 2.25rem; } .hero-features { flex-direction: column; gap: 16px; } .floating-stat { display: none; } .why-grid { grid-template-columns: 1fr; } .platforms-grid { grid-template-columns: 1fr; } .process-steps { grid-template-columns: 1fr; } .industries-grid { grid-template-columns: repeat(2, 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
Home / Services / Social Media Marketing
Social Media Marketing Vancouver WA

Strategic Social Media Marketing That Grows Your Business

Crocs and Clicks is a boutique social media agency in Vancouver, WA helping small businesses and contractors build their brand, engage their audience, and generate leads through strategic social media marketing on Facebook, Instagram, LinkedIn, and more.

Get Your Free Social Media Audit β†’ View Pricing
πŸ“Š
Data-Driven Strategy
✍️
Custom Content Creation
πŸ“ˆ
Monthly Reporting
πŸ“± Hero Image Placeholder
Recommended: Social media dashboard or phone mockup
Dimensions: 800Γ—600px
300%
Avg. Engagement Increase
10K+
Posts Created
Why Social Media Marketing

Build Your Brand Where Your Customers Spend Time

In today's digital landscape, social media isn't optionalβ€”it's essential. With over 4.9 billion social media users worldwide, your customers are actively engaging on platforms like Facebook, Instagram, and LinkedIn every single day.

πŸ‘₯

Increase Brand Awareness

Expand your reach and get your business in front of thousands of potential customers in Vancouver, WA and beyond. Consistent social presence keeps your brand top-of-mind when customers are ready to buy.

πŸ’¬

Engage Your Audience

Build meaningful relationships with your customers through authentic engagement. Respond to comments, share valuable content, and create a community around your brand that drives loyalty and referrals.

🎯

Generate Quality Leads

Turn followers into customers with strategic content that guides prospects through the buyer's journey. Our social media strategies are designed to drive measurable business results, not just vanity metrics.

Platforms We Manage

Expert Social Media Management Across All Major Platforms

We create platform-specific strategies that leverage the unique strengths of each social network to maximize your reach and engagement with your target audience.

πŸ“˜

Facebook Marketing

Reach the largest social audience with targeted content, Facebook Ads, and community building strategies that drive engagement and conversions.

πŸ“Έ

Instagram Marketing

Showcase your brand visually with stunning imagery, engaging Stories, Reels, and strategic hashtag optimization to grow your following organically.

πŸ’Ό

LinkedIn Marketing

Establish thought leadership and connect with B2B audiences through professional content, company page optimization, and strategic networking.

🎡

TikTok Marketing

Tap into the fastest-growing platform with creative short-form video content that captures attention and drives viral brand awareness.

What's Included

Comprehensive Social Media Marketing Services

Our social media management packages include everything you need to build a powerful social presence, from strategy development to content creation and community management.

πŸ“‹

Social Media Strategy Development

We create a custom social media strategy tailored to your business goals, target audience, and industry. Our strategies include content pillars, posting schedules, and growth tactics designed for measurable results.

✨

Content Creation & Curation

Our creative team produces scroll-stopping content including graphics, photos, videos, and captions that align with your brand voice and resonate with your audience. We handle everything from concept to posting.

πŸ“…

Content Calendar & Scheduling

Stay consistent with a strategic content calendar that maps out your posts weeks in advance. We schedule content at optimal times for maximum reach and engagement based on your audience analytics.

πŸ’­

Community Management & Engagement

We monitor your accounts daily, responding to comments, messages, and mentions to build relationships with your audience. Proactive engagement helps grow your community and improve brand sentiment.

πŸ“Š

Analytics & Monthly Reporting

Understand exactly how your social media is performing with detailed monthly reports. We track key metrics like reach, engagement, follower growth, and conversions, providing insights and recommendations for continuous improvement.

🎯

Paid Social Advertising

Amplify your reach with targeted social media advertising campaigns. We create and manage Facebook Ads, Instagram Ads, and LinkedIn Ads that put your message in front of your ideal customers with precision targeting.

Our Process

How Our Social Media Marketing Works

We follow a proven process to ensure your social media marketing delivers real business results from day one.

1

Discovery & Audit

We analyze your current social presence, competitors, and target audience to identify opportunities and create a baseline for measuring success.

2

Strategy Creation

Based on our audit, we develop a comprehensive social media strategy with clear goals, content pillars, posting frequency, and engagement tactics.

3

Content & Execution

Our team creates and schedules engaging content, manages your community, and runs paid campaigns according to your approved strategy.

4

Analyze & Optimize

We continuously monitor performance, provide monthly reports, and optimize your strategy based on data to maximize your social media ROI.

Social Media Marketing Pricing

Transparent Pricing for Every Budget

Choose the social media marketing package that fits your business needs. All packages include strategy, content creation, and monthly reporting. Need something custom? Let's talk.

Starter

Perfect for small businesses just getting started with social media

$750/mo

Minimum 3-month commitment

  • 2 Social Platforms
  • 12 Posts Per Month
  • Basic Content Creation
  • Community Monitoring
  • Monthly Performance Report
  • Quarterly Strategy Review
Get Started

Growth

Best for businesses ready to scale their social presence

$1,500/mo

Minimum 3-month commitment

  • 3 Social Platforms
  • 20 Posts Per Month
  • Custom Graphics & Video
  • Daily Community Management
  • $500 Ad Spend Management
  • Bi-Weekly Strategy Calls
Get Started

Premium

For businesses that want comprehensive social media dominance

$2,500/mo

Minimum 3-month commitment

  • 4+ Social Platforms
  • 30+ Posts Per Month
  • Premium Video Production
  • 24/7 Community Management
  • $1,000+ Ad Spend Management
  • Weekly Strategy Calls
Get Started

What Results Can You Expect From Social Media Marketing?

When you partner with Crocs and Clicks for social media marketing, you're investing in real business growth. Our clients see measurable improvements in brand awareness, engagement, and lead generation within the first 90 days.

300%
Avg. Engagement Increase
150%
Follower Growth
50+
Leads Per Month
90
Days to See Results
Start Growing Today β†’
πŸ“ˆ Results/Analytics Image Placeholder
Recommended: Analytics dashboard or growth chart
Dimensions: 800Γ—600px
Frequently Asked Questions

Social Media Marketing Questions Answered

Get answers to the most common questions about our social media marketing services in Vancouver, WA.

How long does it take to see results from social media marketing?

Most clients start seeing increased engagement within 30 days, with significant growth in followers and leads within 90 days. Social media is a long-term investmentβ€”the best results come from consistent effort over 6-12 months.

Which social media platforms should my business be on?

It depends on your target audience. For most local businesses in Vancouver, WA, Facebook and Instagram are essential. B2B companies benefit from LinkedIn. We'll recommend the best platforms based on where your customers spend their time.

How often should I post on social media?

Consistency matters more than frequency. For most businesses, we recommend 3-5 posts per week per platform. Quality content that engages your audience is more valuable than posting for the sake of posting.

Do you create all the content or do I need to provide it?

We handle all content creation including graphics, captions, and video editing. We may occasionally request photos or videos from your business (like project photos) to keep content authentic, but we do the heavy lifting.

What's included in your social media marketing pricing?

Our packages include strategy development, content creation, posting and scheduling, community management, analytics reporting, and ongoing optimization. Paid advertising budget is separate but we manage ad campaigns as part of our service.

Can social media marketing help my contractor business?

Absolutely! We specialize in marketing for contractors including HVAC, roofing, plumbing, and electrical companies. Social media is excellent for showcasing your work, building trust, and generating local leads in Vancouver, WA.

Industries We Serve

Social Media Marketing for Vancouver, WA Businesses

We create industry-specific social media strategies that resonate with your target audience and drive real business results.

❄️

HVAC Companies

Seasonal campaigns & tips

🏠

Roofing Contractors

Before/after showcases

πŸ”§

Plumbing Services

Emergency service awareness

⚑

Electricians

Safety tips & project posts

🎨

Painting Companies

Transformation galleries

πŸ—οΈ

General Contractors

Project progress updates

πŸͺ

Local Retail

Product features & promos

🍴

Restaurants

Menu highlights & events

Social Media Marketing Agency in Vancouver, WA

Crocs and Clicks is proudly based in Vancouver, Washington. As a local boutique social media agency, we understand the Vancouver market and know how to connect your business with customers throughout Clark County and the Portland-Vancouver metro area.

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

Ready to Transform Your Social Media Presence?

Get a free social media audit and discover how our boutique social media agency can help your Vancouver, WA business build brand awareness, engage your audience, and generate more leads.

Get Your Free Social Media Audit β†’ Call (425) 232-6029
Related Services

Explore Our Other Digital Marketing Services

Combine social media marketing with our other services for a comprehensive digital marketing strategy.

πŸ”

SEO Services

Rank higher on Google and drive organic traffic to your website.

Learn More β†’
πŸ’°

PPC Management

Get instant visibility with expertly managed Google Ads campaigns.

Learn More β†’
🎨

Web Design

Convert social traffic with a stunning, conversion-optimized website.

Learn More β†’
πŸ”§

Contractor Marketing

Specialized marketing strategies for HVAC, roofing, plumbing & more.

Learn More β†’
🐊
Crocs & Clicks

Crocs and Clicks is a boutique social media agency and full-service digital marketing company in Vancouver, WA. We help small businesses and contractors grow with strategic social media marketing, SEO, PPC, and web design 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. | Social Media Marketing Vancouver WA

Privacy Policy Terms of Service Sitemap