| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Spectrum Infinite SEO Pricing</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); |
| |
| body { |
| font-family: 'Inter', system-ui, -apple-system, sans-serif; |
| } |
| |
| .pricing-table { |
| scrollbar-width: thin; |
| scrollbar-color: #010d72 #f1f1f1; |
| } |
| |
| .pricing-table::-webkit-scrollbar { |
| height: 8px; |
| } |
| |
| .pricing-table::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| border-radius: 10px; |
| } |
| |
| .pricing-table::-webkit-scrollbar-thumb { |
| background: #010d72; |
| border-radius: 10px; |
| } |
| |
| .feature-item { |
| position: relative; |
| padding-left: 1.5rem; |
| } |
| |
| .feature-item:before { |
| content: "✓"; |
| position: absolute; |
| left: 0; |
| color: #010d72; |
| font-weight: bold; |
| } |
| |
| .popular-badge { |
| position: absolute; |
| top: -12px; |
| right: 20px; |
| background: #ffd700; |
| color: #010d72; |
| font-weight: bold; |
| padding: 4px 12px; |
| border-radius: 20px; |
| font-size: 0.75rem; |
| box-shadow: 0 2px 4px rgba(0,0,0,0.1); |
| } |
| |
| .table-cell { |
| transition: all 0.2s ease; |
| } |
| |
| .table-cell:hover { |
| background-color: #f8f9fa; |
| transform: translateY(-2px); |
| } |
| </style> |
| </head> |
| <body class="bg-gray-50 min-h-screen py-12 px-4 sm:px-6 lg:px-8"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center mb-12"> |
| <h1 class="text-3xl md:text-4xl font-bold text-[#010d72] mb-4">🌐 Spectrum Infinite SEO Pricing Plans</h1> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Choose the perfect SEO package tailored to your business niche and growth goals.</p> |
| </div> |
| |
| <div class="pricing-table overflow-x-auto pb-4" role="table" aria-label="Spectrum SEO Pricing Plans"> |
| <div class="inline-flex min-w-full"> |
| |
| <div class="w-80 flex-shrink-0 mx-2 bg-white rounded-lg shadow-md overflow-hidden" role="cell"> |
| <div class="bg-[#010d72] text-white p-6 text-center"> |
| <h3 class="text-xl font-bold">Basic Tier</h3> |
| <p class="text-lg mt-2">Spectrum Basic</p> |
| <p class="text-2xl font-bold mt-4">$637<span class="text-base font-normal">/month</span></p> |
| </div> |
| <div class="p-6"> |
| <ul class="space-y-4"> |
| <li class="feature-item">Initial SEO audit and report</li> |
| <li class="feature-item">Keyword research (~10–15 primary keywords)</li> |
| <li class="feature-item">On-page optimization for core pages (up to 10 pages)</li> |
| <li class="feature-item">Technical fixes (site health, sitemap, speed)</li> |
| <li class="feature-item">Google Business Profile setup and local SEO</li> |
| <li class="feature-item">Local and industry directory submissions</li> |
| <li class="feature-item">Basic schema markup implementation</li> |
| <li class="feature-item">Analytics and Search Console setup</li> |
| <li class="feature-item">Monthly performance report</li> |
| </ul> |
| <div class="mt-8 text-center"> |
| <button class="bg-[#010d72] hover:bg-[#000a5a] text-white font-bold py-3 px-6 rounded-lg transition-all duration-200 transform hover:scale-105"> |
| Start Here |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="w-80 flex-shrink-0 mx-2 bg-white rounded-lg shadow-lg overflow-hidden relative border-2 border-[#ffd700]" role="cell"> |
| <div class="popular-badge">Most Popular</div> |
| <div class="bg-[#010d72] text-white p-6 text-center"> |
| <h3 class="text-xl font-bold">Standard Tier</h3> |
| <p class="text-lg mt-2">Spectrum Plus</p> |
| <p class="text-2xl font-bold mt-4">~$1,200<span class="text-base font-normal">/month</span></p> |
| </div> |
| <div class="p-6"> |
| <ul class="space-y-4"> |
| <li class="feature-item font-semibold">All Basic Tier services, plus:</li> |
| <li class="feature-item">Keyword targeting expanded to ~20–30 keywords</li> |
| <li class="feature-item">On-page optimization for 20+ pages including product/service pages</li> |
| <li class="feature-item">Content marketing: 2 blog posts or long-form articles monthly</li> |
| <li class="feature-item">Moderate link building and outreach (industry-relevant backlinks)</li> |
| <li class="feature-item">Advanced schema markup (FAQ, Review, Organization)</li> |
| <li class="feature-item">Expanded local SEO (review management, location landing pages)</li> |
| <li class="feature-item">Monthly detailed reporting with rank tracking</li> |
| <li class="feature-item">Monthly 30-minute review call</li> |
| </ul> |
| <div class="mt-8 text-center"> |
| <button class="bg-[#010d72] hover:bg-[#000a5a] text-white font-bold py-3 px-6 rounded-lg transition-all duration-200 transform hover:scale-105"> |
| Start Here |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="w-80 flex-shrink-0 mx-2 bg-white rounded-lg shadow-md overflow-hidden" role="cell"> |
| <div class="bg-[#010d72] text-white p-6 text-center"> |
| <h3 class="text-xl font-bold">Premium Tier</h3> |
| <p class="text-lg mt-2">Spectrum Elite</p> |
| <p class="text-2xl font-bold mt-4">~$1,900+<span class="text-base font-normal">/month</span></p> |
| </div> |
| <div class="p-6"> |
| <ul class="space-y-4"> |
| <li class="feature-item font-semibold">All Standard Tier services, plus:</li> |
| <li class="feature-item">Keyword targeting for 50+ keywords</li> |
| <li class="feature-item">Comprehensive technical SEO audit and ongoing fixes</li> |
| <li class="feature-item">Content strategy with 4+ content pieces monthly (blogs, press releases, videos)</li> |
| <li class="feature-item">High-authority link building and digital PR campaigns</li> |
| <li class="feature-item">Extensive local SEO for multi-location businesses</li> |
| <li class="feature-item">Geo-tagging of images/videos and virtual tours</li> |
| <li class="feature-item">Advanced competitor analysis and local rank tracking</li> |
| <li class="feature-item">Detailed analytics integration (Google Analytics, conversion tracking)</li> |
| <li class="feature-item">Dedicated account manager and priority support</li> |
| <li class="feature-item">Regular strategic consultation calls</li> |
| </ul> |
| <div class="mt-8 text-center"> |
| <button class="bg-[#010d72] hover:bg-[#000a5a] text-white font-bold py-3 px-6 rounded-lg transition-all duration-200 transform hover:scale-105"> |
| Start Here |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-12 text-center"> |
| <p class="text-gray-600">Need help deciding? <a href="#" class="text-[#010d72] font-semibold hover:underline">Contact our team</a> for a free consultation.</p> |
| </div> |
| </div> |
| |
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| const buttons = document.querySelectorAll('button'); |
| |
| buttons.forEach(button => { |
| button.addEventListener('mouseenter', function() { |
| this.style.transform = 'scale(1.05)'; |
| this.style.boxShadow = '0 4px 8px rgba(1, 13, 114, 0.2)'; |
| }); |
| |
| button.addEventListener('mouseleave', function() { |
| this.style.transform = 'scale(1)'; |
| this.style.boxShadow = 'none'; |
| }); |
| |
| button.addEventListener('click', function() { |
| |
| this.style.transform = 'scale(0.95)'; |
| setTimeout(() => { |
| this.style.transform = 'scale(1.05)'; |
| }, 100); |
| |
| |
| console.log('Button clicked: ' + this.parentNode.parentNode.querySelector('h3').textContent); |
| }); |
| }); |
| |
| |
| if (window.innerWidth < 768) { |
| const pricingTable = document.querySelector('.pricing-table'); |
| let scrollTimeout; |
| |
| pricingTable.addEventListener('scroll', function() { |
| clearTimeout(scrollTimeout); |
| |
| |
| if (this.scrollLeft === 0) { |
| this.style.borderRight = '2px dashed #010d72'; |
| scrollTimeout = setTimeout(() => { |
| this.style.borderRight = 'none'; |
| }, 1000); |
| } |
| }); |
| } |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=SpectrumInfinite/spectrum-seo-services-table" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
