Partners
Join HeySavings as a trusted partner. We connect millions of users with quality insurance and financial services.
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Partner With HeySavings</h1>
<p class="text-xl text-gray-700 mb-8">Join our network of trusted providers and reach millions of consumers actively searching for insurance and financial services.</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="#become-partner" class="inline-flex items-center justify-center px-6 py-3 bg-green-600 text-white rounded-lg font-semibold hover:bg-green-700 transition-colors">
Become a Partner
<i data-lucide="arrow-right" class="ml-2 h-5 w-5"></i>
</a>
<a href="#contact-form" class="inline-flex items-center justify-center px-6 py-3 border-2 border-green-600 text-green-600 rounded-lg font-semibold hover:bg-green-50 transition-colors">
Contact Our Team
</a>
</div>
</div>
</div>
</div>
<section class="py-16">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Why Partner With HeySavings?</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
<i data-lucide="users" class="h-8 w-8 text-green-600"></i>
</div>
<h3 class="text-xl font-bold mb-3">Quality Lead Generation</h3>
<p class="text-gray-600">Connect with high-intent consumers actively searching for insurance and financial products. Our users come ready to make decisions.</p>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
<i data-lucide="target" class="h-8 w-8 text-green-600"></i>
</div>
<h3 class="text-xl font-bold mb-3">Targeted Matching</h3>
<p class="text-gray-600">Our intelligent matching system connects users with the most relevant providers based on their specific needs and location.</p>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
<i data-lucide="trending-up" class="h-8 w-8 text-green-600"></i>
</div>
<h3 class="text-xl font-bold mb-3">Performance Focused</h3>
<p class="text-gray-600">Pay only for qualified leads. Our performance-based model ensures you get value from every connection.</p>
</div>
</div>
</div>
</section>
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Who We Work With</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
<div class="bg-white rounded-lg p-6 text-center hover:shadow-lg transition-shadow">
<i data-lucide="shield" class="h-12 w-12 text-blue-600 mx-auto mb-4"></i>
<h3 class="text-lg font-semibold mb-2">Insurance Carriers</h3>
<p class="text-sm text-gray-600">Major national and regional insurance providers</p>
</div>
<div class="bg-white rounded-lg p-6 text-center hover:shadow-lg transition-shadow">
<i data-lucide="briefcase" class="h-12 w-12 text-green-600 mx-auto mb-4"></i>
<h3 class="text-lg font-semibold mb-2">Insurance Agencies</h3>
<p class="text-sm text-gray-600">Independent agents and brokerages</p>
</div>
<div class="bg-white rounded-lg p-6 text-center hover:shadow-lg transition-shadow">
<i data-lucide="building" class="h-12 w-12 text-orange-600 mx-auto mb-4"></i>
<h3 class="text-lg font-semibold mb-2">Financial Institutions</h3>
<p class="text-sm text-gray-600">Banks, credit unions, and lenders</p>
</div>
<div class="bg-white rounded-lg p-6 text-center hover:shadow-lg transition-shadow">
<i data-lucide="wrench" class="h-12 w-12 text-green-600 mx-auto mb-4"></i>
<h3 class="text-lg font-semibold mb-2">Home Services</h3>
<p class="text-sm text-gray-600">HVAC, roofing, and home improvement</p>
</div>
</div>
</div>
</section>
<section class="py-16">
<div class="container mx-auto px-4">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-12">Partner Success Metrics</h2>
<div class="grid md:grid-cols-4 gap-8 text-center">
<div>
<div class="text-4xl font-bold text-green-600 mb-2">2M+</div>
<p class="text-gray-600">Monthly Visitors</p>
</div>
<div>
<div class="text-4xl font-bold text-green-600 mb-2">85%</div>
<p class="text-gray-600">Lead Quality Score</p>
</div>
<div>
<div class="text-4xl font-bold text-green-600 mb-2">50+</div>
<p class="text-gray-600">Active Partners</p>
</div>
<div>
<div class="text-4xl font-bold text-green-600 mb-2">4.8/5</div>
<p class="text-gray-600">Partner Satisfaction</p>
</div>
</div>
</div>
</div>
</section>
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Integration Options</h2>
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
<div class="bg-white rounded-lg p-8 text-center">
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6">
<i data-lucide="plug" class="h-8 w-8 text-blue-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">API Integration</h3>
<p class="text-gray-600 mb-4">Real-time lead delivery through our robust API with instant notifications</p>
<ul class="text-sm text-gray-600 text-left space-y-2">
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>RESTful API</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Webhook support</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Custom field mapping</span>
</li>
</ul>
</div>
<div class="bg-white rounded-lg p-8 text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
<i data-lucide="mail" class="h-8 w-8 text-green-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Email Delivery</h3>
<p class="text-gray-600 mb-4">Receive leads directly to your inbox with all relevant details</p>
<ul class="text-sm text-gray-600 text-left space-y-2">
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Instant notifications</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Custom formatting</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Multiple recipients</span>
</li>
</ul>
</div>
<div class="bg-white rounded-lg p-8 text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
<i data-lucide="layout-dashboard" class="h-8 w-8 text-green-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Partner Portal</h3>
<p class="text-gray-600 mb-4">Access leads and analytics through our dedicated partner dashboard</p>
<ul class="text-sm text-gray-600 text-left space-y-2">
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Real-time analytics</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Lead management</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check" class="h-4 w-4 text-green-600 mt-0.5 flex-shrink-0"></i>
<span>Performance reports</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="py-16">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Trusted By Industry Leaders</h2>
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-6 items-center max-w-6xl mx-auto">
<div class="bg-gray-50 rounded-lg p-6 flex items-center justify-center h-24 hover:bg-gray-100 transition-colors">
<span class="text-gray-700 font-semibold">State Farm</span>
</div>
<div class="bg-gray-50 rounded-lg p-6 flex items-center justify-center h-24 hover:bg-gray-100 transition-colors">
<span class="text-gray-700 font-semibold">Progressive</span>
</div>
<div class="bg-gray-50 rounded-lg p-6 flex items-center justify-center h-24 hover:bg-gray-100 transition-colors">
<span class="text-gray-700 font-semibold">GEICO</span>
</div>
<div class="bg-gray-50 rounded-lg p-6 flex items-center justify-center h-24 hover:bg-gray-100 transition-colors">
<span class="text-gray-700 font-semibold">Allstate</span>
</div>
<div class="bg-gray-50 rounded-lg p-6 flex items-center justify-center h-24 hover:bg-gray-100 transition-colors">
<span class="text-gray-700 font-semibold">Liberty Mutual</span>
</div>
<div class="bg-gray-50 rounded-lg p-6 flex items-center justify-center h-24 hover:bg-gray-100 transition-colors">
<span class="text-gray-700 font-semibold">Nationwide</span>
</div>
</div>
<p class="text-center text-gray-600 mt-8">And 40+ more trusted insurance and financial service providers</p>
</div>
</section>
<section id="become-partner" class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="max-w-3xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-8">Become a Partner</h2>
<p class="text-center text-gray-600 mb-12">Ready to grow your business? Fill out the form below and our partnership team will contact you within 24 hours.</p>
<div class="bg-white rounded-2xl shadow-xl p-8 md:p-10">
<form id="partner-form" class="space-y-6">
<div class="grid md:grid-cols-2 gap-6">
<div>
<label for="company" class="block text-sm font-medium text-gray-700 mb-2">Company Name *</label>
<input type="text" id="company" name="company" required
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
</div>
<div>
<label for="website" class="block text-sm font-medium text-gray-700 mb-2">Company Website</label>
<input type="url" id="website" name="website" placeholder="https://"
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
</div>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-2">Your Name *</label>
<input type="text" id="name" name="name" required
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
</div>
<div>
<label for="title" class="block text-sm font-medium text-gray-700 mb-2">Your Title</label>
<input type="text" id="title" name="title"
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
</div>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-2">Business Email *</label>
<input type="email" id="email" name="email" required
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
</div>
<div>
<label for="phone" class="block text-sm font-medium text-gray-700 mb-2">Phone Number *</label>
<input type="tel" id="phone" name="phone" required
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
</div>
</div>
<div>
<label for="partner-type" class="block text-sm font-medium text-gray-700 mb-2">Partnership Type *</label>
<select id="partner-type" name="partner-type" required
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
<option value="">Select partnership type</option>
<option value="insurance-carrier">Insurance Carrier</option>
<option value="insurance-agency">Insurance Agency/Broker</option>
<option value="financial-institution">Financial Institution</option>
<option value="home-services">Home Services Provider</option>
<option value="lead-buyer">Lead Buyer/Aggregator</option>
<option value="other">Other</option>
</select>
</div>
<div>
<label for="coverage-types" class="block text-sm font-medium text-gray-700 mb-2">Products/Services Offered *</label>
<div class="space-y-2">
<label class="flex items-center">
<input type="checkbox" name="coverage-types" value="auto" class="rounded border-gray-300 text-green-600 focus:ring-green-500 mr-2">
<span class="text-gray-700">Auto Insurance</span>
</label>
<label class="flex items-center">
<input type="checkbox" name="coverage-types" value="home" class="rounded border-gray-300 text-green-600 focus:ring-green-500 mr-2">
<span class="text-gray-700">Home Insurance</span>
</label>
<label class="flex items-center">
<input type="checkbox" name="coverage-types" value="life" class="rounded border-gray-300 text-green-600 focus:ring-green-500 mr-2">
<span class="text-gray-700">Life Insurance</span>
</label>
<label class="flex items-center">
<input type="checkbox" name="coverage-types" value="health" class="rounded border-gray-300 text-green-600 focus:ring-green-500 mr-2">
<span class="text-gray-700">Health Insurance</span>
</label>
<label class="flex items-center">
<input type="checkbox" name="coverage-types" value="financial" class="rounded border-gray-300 text-green-600 focus:ring-green-500 mr-2">
<span class="text-gray-700">Financial Services</span>
</label>
</div>
</div>
<div>
<label for="volume" class="block text-sm font-medium text-gray-700 mb-2">Expected Monthly Lead Volume</label>
<select id="volume" name="volume"
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors">
<option value="">Select expected volume</option>
<option value="0-100">0-100 leads</option>
<option value="100-500">100-500 leads</option>
<option value="500-1000">500-1,000 leads</option>
<option value="1000-5000">1,000-5,000 leads</option>
<option value="5000+">5,000+ leads</option>
</select>
</div>
<div>
<label for="message" class="block text-sm font-medium text-gray-700 mb-2">Additional Information</label>
<textarea id="message" name="message" rows="4"
placeholder="Tell us about your business and partnership goals..."
class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-colors"></textarea>
</div>
<div class="pt-4">
<button type="submit"
class="w-full bg-green-600 hover:bg-green-700 text-white font-semibold py-3 px-6 rounded-lg transition-all transform hover:scale-[1.02] shadow-lg">
Submit Partnership Application
</button>
</div>
<p class="text-xs text-gray-500 text-center mt-4">
By submitting this form, you agree to our partnership terms and conditions. We'll review your application and contact you within 1-2 business days.
</p>
</form>
</div>
</div>
</div>
</section>
<section id="contact-form" class="py-16">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-6">Have Questions?</h2>
<p class="text-lg text-gray-600 mb-8 max-w-2xl mx-auto">
Our partnership team is here to help. Reach out to discuss how we can work together to grow your business.
</p>
<div class="flex flex-col md:flex-row gap-8 justify-center items-center">
<div class="flex items-center gap-3">
<i data-lucide="mail" class="h-6 w-6 text-green-600"></i>
<a href="mailto:partners@heysavings.com" class="text-green-600 hover:text-green-700 font-medium">partners@heysavings.com</a>
</div>
<div class="flex items-center gap-3">
<i data-lucide="phone" class="h-6 w-6 text-green-600"></i>
<a href="tel:1-800-728-4647" class="text-green-600 hover:text-green-700 font-medium">1-800-SAVINGS</a>
</div>
</div>
</div>
</section>