Your cart is currently empty!
Influencer Niche SaaS
Code
Thinking
Copy<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ConvertSocial - Advanced Influencer & Social Sales Conversion Platform</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css">
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
}
.gradient-bg {
background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
}
.gradient-text {
background-clip: text;
-webkit-background-clip: text;
color: transparent;
background-image: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.3);
}
.feature-icon {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #4F46E5;
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm fixed w-full z-10">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<span class="text-2xl font-bold gradient-text">ConvertSocial</span>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="#features" class="text-gray-600 hover:text-indigo-600 transition">Features</a>
<a href="#analytics" class="text-gray-600 hover:text-indigo-600 transition">Analytics</a>
<a href="#affiliate" class="text-gray-600 hover:text-indigo-600 transition">Affiliate</a>
<a href="#pricing" class="text-gray-600 hover:text-indigo-600 transition">Pricing</a>
<a href="#contact" class="text-gray-600 hover:text-indigo-600 transition">Contact</a>
</div>
<div class="flex items-center">
<a href="#demo" class="bg-indigo-600 text-white px-4 py-2 rounded-md font-medium hover:bg-indigo-700 transition">Request Demo</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<header class="pt-24 pb-16 md:pt-32 md:pb-24">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div>
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Maximize Social Media Conversions with AI-Powered Influence</h1>
<p class="text-xl text-gray-600 mb-8">Turn social engagement into revenue with our advanced conversion-focused platform. Discover, connect, and convert with the perfect creators for your brand.</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<a href="#demo" class="gradient-bg text-white px-8 py-4 rounded-lg font-semibold text-center hover:opacity-90 transition">Book a Demo</a>
<a href="#features" class="bg-white border border-indigo-600 text-indigo-600 px-8 py-4 rounded-lg font-semibold text-center hover:bg-gray-50 transition">Explore Features</a>
</div>
</div>
<div class="relative">
<div class="bg-indigo-100 rounded-xl p-8 relative z-10">
<div class="text-center">
<h3 class="text-2xl font-bold mb-4">Our Clients See:</h3>
<div class="grid grid-cols-2 gap-6">
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="text-3xl font-bold gradient-text">87%</p>
<p class="text-gray-600">Higher Conversion Rate</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="text-3xl font-bold gradient-text">3.5x</p>
<p class="text-gray-600">ROI Improvement</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="text-3xl font-bold gradient-text">65%</p>
<p class="text-gray-600">Time Saved</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="text-3xl font-bold gradient-text">92%</p>
<p class="text-gray-600">Creator Satisfaction</p>
</div>
</div>
</div>
</div>
<div class="absolute -bottom-4 -right-4 w-full h-full bg-indigo-200 rounded-xl -z-10"></div>
</div>
</div>
</div>
</header>
<!-- Trusted By Section -->
<section class="py-12 bg-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<p class="text-center text-gray-500 mb-8">TRUSTED BY INNOVATIVE BRANDS</p>
<div class="flex flex-wrap justify-center gap-x-12 gap-y-8">
<div class="w-32 h-12 bg-gray-200 rounded flex items-center justify-center">Brand 1</div>
<div class="w-32 h-12 bg-gray-200 rounded flex items-center justify-center">Brand 2</div>
<div class="w-32 h-12 bg-gray-200 rounded flex items-center justify-center">Brand 3</div>
<div class="w-32 h-12 bg-gray-200 rounded flex items-center justify-center">Brand 4</div>
<div class="w-32 h-12 bg-gray-200 rounded flex items-center justify-center">Brand 5</div>
</div>
</div>
</section>
<!-- Main Features Section -->
<section id="features" class="py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Beyond Influence - Focused on Conversion</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Our platform goes beyond traditional influencer marketing to strategically drive sales conversions across all your social campaigns.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="bg-white p-8 rounded-xl shadow-sm transition duration-300 card-hover">
<i class="fas fa-search feature-icon"></i>
<h3 class="text-xl font-bold mb-3">AI-Powered Creator Discovery</h3>
<p class="text-gray-600 mb-4">Find perfect brand matches with our advanced AI that analyzes content style, audience engagement patterns, and conversion history.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Cross-platform creator search</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Conversion potential scoring</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Audience authenticity verification</span>
</li>
</ul>
</div>
<!-- Feature 2 -->
<div class="bg-white p-8 rounded-xl shadow-sm transition duration-300 card-hover">
<i class="fas fa-robot feature-icon"></i>
<h3 class="text-xl font-bold mb-3">ConversionMatch™ Technology</h3>
<p class="text-gray-600 mb-4">Our proprietary AI identifies creators whose audience has the highest purchase intent for your specific products.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Purchase behavior analysis</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Content conversion prediction</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Niche market penetration</span>
</li>
</ul>
</div>
<!-- Feature 3 -->
<div class="bg-white p-8 rounded-xl shadow-sm transition duration-300 card-hover">
<i class="fas fa-chart-line feature-icon"></i>
<h3 class="text-xl font-bold mb-3">One-Click Campaign Launch</h3>
<p class="text-gray-600 mb-4">Deploy campaigns in minutes with automated creator applications, real-time approvals, and instant payments.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Automated workflow templates</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Instant creator onboarding</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Smart content briefing</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Advanced Conversion Tools -->
<section class="py-20 bg-indigo-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Advanced Conversion Tools</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Strategic features built specifically to maximize sales from every social campaign.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-12">
<!-- Tool 1 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex justify-between items-start mb-6">
<div>
<h3 class="text-2xl font-bold mb-2">Social Selling Strategy AI</h3>
<p class="text-gray-600">Let our AI analyze your brand and suggest optimized selling strategies for each platform.</p>
</div>
<i class="fas fa-lightbulb text-indigo-500 text-4xl"></i>
</div>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Platform-specific conversion tactics</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Content formats with highest purchase rates</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Optimal CTAs and conversion language</span>
</li>
</ul>
</div>
<!-- Tool 2 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex justify-between items-start mb-6">
<div>
<h3 class="text-2xl font-bold mb-2">Dynamic Tracking Links</h3>
<p class="text-gray-600">Advanced attribution links that adapt to each viewer's journey for maximum conversion.</p>
</div>
<i class="fas fa-link text-indigo-500 text-4xl"></i>
</div>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Personalized landing experiences</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Multi-touch attribution tracking</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Conversion path optimization</span>
</li>
</ul>
</div>
<!-- Tool 3 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex justify-between items-start mb-6">
<div>
<h3 class="text-2xl font-bold mb-2">Social Proof Accelerator</h3>
<p class="text-gray-600">Automatically collect and deploy user-generated content to boost conversion confidence.</p>
</div>
<i class="fas fa-users text-indigo-500 text-4xl"></i>
</div>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>UGC content collection & rights management</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Social proof integration on product pages</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Review generation campaigns</span>
</li>
</ul>
</div>
<!-- Tool 4 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex justify-between items-start mb-6">
<div>
<h3 class="text-2xl font-bold mb-2">Conversion Rate Testing</h3>
<p class="text-gray-600">Split test different creator approaches to optimize for highest sales conversions.</p>
</div>
<i class="fas fa-flask text-indigo-500 text-4xl"></i>
</div>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>A/B testing for influencer scripts</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Conversion element analysis</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Performance-based content optimization</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Analytics Section -->
<section id="analytics" class="py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-3xl md:text-4xl font-bold mb-6">Sales-Focused Analytics & Insights</h2>
<p class="text-xl text-gray-600 mb-8">Go beyond basic engagement metrics. Our platform focuses on what matters: actual sales and revenue impact.</p>
<div class="space-y-6">
<div class="flex items-start">
<div class="bg-indigo-100 p-3 rounded-lg mr-4">
<i class="fas fa-chart-bar text-indigo-600 text-xl"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-1">Multi-Platform Performance Dashboard</h3>
<p class="text-gray-600">Track content performance across all social platforms in a unified interface.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 p-3 rounded-lg mr-4">
<i class="fas fa-shopping-cart text-indigo-600 text-xl"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-1">Revenue Attribution Analytics</h3>
<p class="text-gray-600">Precisely trace sales back to specific creators, content pieces, and platforms.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 p-3 rounded-lg mr-4">
<i class="fas fa-brain text-indigo-600 text-xl"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-1">AI-Powered Optimization Insights</h3>
<p class="text-gray-600">Receive actionable recommendations to improve conversion rates based on data patterns.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 p-3 rounded-lg mr-4">
<i class="fas fa-file-export text-indigo-600 text-xl"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-1">Custom Report Generator</h3>
<p class="text-gray-600">Create beautiful client-ready reports that highlight ROI and business impact.</p>
</div>
</div>
</div>
</div>
<div class="bg-gray-100 rounded-xl p-6">
<div class="bg-white rounded-lg shadow-sm p-4 mb-4">
<div class="flex justify-between items-center mb-3">
<h4 class="font-bold">Campaign Performance</h4>
<span class="text-green-500 font-medium">+32% vs. Last Month</span>
</div>
<div class="h-64 bg-gray-100 rounded flex items-center justify-center">
<span class="text-gray-500">Analytics Dashboard Preview</span>
</div>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="bg-white rounded-lg shadow-sm p-4">
<h5 class="text-gray-500 text-sm mb-1">Sales Conversion Rate</h5>
<p class="text-2xl font-bold">8.7%</p>
<p class="text-green-500 text-sm">↑ 1.2% from baseline</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-4">
<h5 class="text-gray-500 text-sm mb-1">Avg. Order Value</h5>
<p class="text-2xl font-bold">$68.45</p>
<p class="text-green-500 text-sm">↑ $12.30 with influencers</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-4">
<h5 class="text-gray-500 text-sm mb-1">Creator ROI</h5>
<p class="text-2xl font-bold">436%</p>
<p class="text-green-500 text-sm">↑ 2.1x industry avg</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-4">
<h5 class="text-gray-500 text-sm mb-1">Content Cost Per Sale</h5>
<p class="text-2xl font-bold">$4.23</p>
<p class="text-green-500 text-sm">↓ 40% vs. paid ads</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Affiliate Program -->
<section id="affiliate" class="py-20 bg-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Advanced Affiliate Conversion System</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Transform your creators into high-performing affiliates with our streamlined conversion-focused system.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Step 1 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex items-center justify-center h-16 w-16 rounded-full bg-indigo-100 text-indigo-600 font-bold text-xl mb-6">1</div>
<h3 class="text-xl font-bold mb-3">Smart Affiliate Recruitment</h3>
<p class="text-gray-600 mb-4">Find your best potential affiliates among your customers and creators network.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Customer-to-affiliate conversion</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>One-click affiliate application portal</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Affiliate quality scoring</span>
</li>
</ul>
</div>
<!-- Step 2 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex items-center justify-center h-16 w-16 rounded-full bg-indigo-100 text-indigo-600 font-bold text-xl mb-6">2</div>
<h3 class="text-xl font-bold mb-3">Performance-Based Tracking</h3>
<p class="text-gray-600 mb-4">Track every click, conversion and sale with detailed attribution.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Multi-touchpoint attribution</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Real-time conversion dashboard</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Performance benchmarking</span>
</li>
</ul>
</div>
<!-- Step 3 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex items-center justify-center h-16 w-16 rounded-full bg-indigo-100 text-indigo-600 font-bold text-xl mb-6">3</div>
<h3 class="text-xl font-bold mb-3">Dynamic Commission & Rewards</h3>
<p class="text-gray-600 mb-4">Incentivize higher performance with our tiered commission structure.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Performance-based commission tiers</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Automated global payments</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Strategic bonus structure</span>
</li>
</ul>
</div>
</div>
<div class="mt-16 bg-white p-8 rounded-xl shadow-sm">
<h3 class="text-2xl font-bold mb-6 text-center">Integration Ecosystem</h3>
<div class="grid grid-cols-2 md:grid-cols-5 gap-6">
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
<div class="w-16 h-16 bg-gray-200 rounded-full mb-3 flex items-center justify-center">Shop</div>
<p class="font-medium">Shopify</p>
</div>
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
<div class="w-16 h-16 bg-gray-200 rounded-full mb-3 flex items-center justify-center">WC</div>
<p class="font-medium">WooCommerce</p>
</div>
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
<div class="w-16 h-16 bg-gray-200 rounded-full mb-3 flex items-center justify-center">M</div>
<p class="font-medium">Magento</p>
</div>
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
<div class="w-16 h-16 bg-gray-200 rounded-full mb-3 flex items-center justify-center">BC</div>
<p class="font-medium">BigCommerce</p>
</div>
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
<div class="w-16 h-16 bg-gray-200 rounded-full mb-3 flex items-center justify-center">+</div>
<p class="font-medium">Custom API</p>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Proven Results</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">See how brands are transforming their social media into powerful sales channels.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Testimonial 1 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex items-center mb-6">
<div class="w-12 h-12 bg-gray-200 rounded-full mr-4"></div>
<div>
<h4 class="font-bold">Sarah Johnson</h4>
<p class="text-gray-600">Marketing Director, BeautyBrand</p>
</div>
</div>
<p class="text-gray-600 mb-4">"We increased our conversion rate by 217% in just three months. The AI-driven matching connected us with creators whose audience was primed to buy our products."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Testimonial 2 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex items-center mb-6">
<div class="w-12 h-12 bg-gray-200 rounded-full mr-4"></div>
<div>
<h4 class="font-bold">Mark Davis</h4>
<p class="text-gray-600">E-commerce Manager, TechGadgets</p>
</div>
</div>
<p class="text-gray-600 mb-4">"The affiliate conversion system transformed our social strategy. Our creators are now generating 43% of our monthly sales with minimal management from our team."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Testimonial 3 -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<div class="flex items-center mb-6">
<div class="w-12 h-12 bg-gray-200 rounded-full mr-4"></div>
<div>
<h4 class="font-bold">Emily Wilson</h4>
<p class="text-gray-600">CEO, FitLifeApparel</p>
</div>
</div>
<p class="text-gray-600 mb-4">"The analytics and optimization tools allowed us to identify exactly what was driving conversions. We've cut our acquisition costs by 62% while increasing sales volume."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="py-20 bg-indigo-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Flexible Plans for Growing Brands</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Choose the perfect plan that aligns with your business goals and scale as you grow.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Starter Plan -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<h3 class="text-2xl font-bold mb-2">Starter</h3>
<p class="text-gray-600 mb-6">Perfect for emerging brands new to influencer marketing</p>
<div class="mb-6">
<span class="text-4xl font-bold">$499</span>
<span class="text-gray-600">/month</span>
</div>
<ul class="space-y-3 text-gray-600 mb-8">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Up to 25 active creators</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Basic AI matching</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Standard analytics dashboard</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Basic campaign management</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Email support</span>
</li>
</ul>
<a href="#demo" class="block w-full py-3 px-4 bg-indigo-100 text-indigo-600 text-center rounded-lg font-medium hover:bg-indigo-200 transition">Start Free Trial</a>
</div>
<!-- Growth Plan -->
<div class="bg-white p-8 rounded-xl shadow-sm transform scale-105 border-2 border-indigo-500">
<div class="bg-indigo-500 text-white text-sm font-medium py-1 px-4 rounded-full inline-block mb-4">MOST POPULAR</div>
<h3 class="text-2xl font-bold mb-2">Growth</h3>
<p class="text-gray-600 mb-6">For brands ready to scale their influencer strategy</p>
<div class="mb-6">
<span class="text-4xl font-bold">$999</span>
<span class="text-gray-600">/month</span>
</div>
<ul class="space-y-3 text-gray-600 mb-8">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Up to 100 active creators</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Full ConversionMatch™ technology</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Advanced analytics & ROI tracking</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Affiliate program management</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Social Proof Accelerator</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Priority support</span>
</li>
</ul>
<a href="#demo" class="block w-full py-3 px-4 gradient-bg text-white text-center rounded-lg font-medium hover:opacity-90 transition">Start Free Trial</a>
</div>
<!-- Enterprise Plan -->
<div class="bg-white p-8 rounded-xl shadow-sm">
<h3 class="text-2xl font-bold mb-2">Enterprise</h3>
<p class="text-gray-600 mb-6">Custom solutions for large-scale operations</p>
<div class="mb-6">
<span class="text-4xl font-bold">Custom</span>
<span class="text-gray-600">pricing</span>
</div>
<ul class="space-y-3 text-gray-600 mb-8">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Unlimited creators</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>All Growth plan features</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Custom AI development</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>API access & custom integrations</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>White label options</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Dedicated account manager</span>
</li>
</ul>
<a href="#demo" class="block w-full py-3 px-4 bg-indigo-100 text-indigo-600 text-center rounded-lg font-medium hover:bg-indigo-200 transition">Contact Sales</a>
</div>
</div>
</div>
</section>
<!-- FAQs -->
<section class="py-20">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Frequently Asked Questions</h2>
<p class="text-xl text-gray-600">Everything you need to know about ConvertSocial</p>
</div>
<div class="space-y-6">
<div class="bg-white p-6 rounded-xl shadow-sm">
<h3 class="text-xl font-bold mb-2">How does ConvertSocial differ from Upfluence?</h3>
<p class="text-gray-600">ConvertSocial builds on the influencer marketing foundation with specialized features focused on maximizing sales conversions. Our platform includes AI-powered conversion matching, advanced sales tracking, strategic A/B testing tools, and conversion-optimized workflow templates not available on standard platforms.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm">
<h3 class="text-xl font-bold mb-2">How does the ConversionMatch™ technology work?</h3>
<p class="text-gray-600">Our proprietary AI analyzes dozens of data points about creators and their audiences, including purchase behavior patterns, content engagement history, and demographic alignment with your customer base. It identifies creators whose audience has demonstrated the highest likelihood to purchase your specific products, not just engage with content.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm">
<h3 class="text-xl font-bold mb-2">Can I integrate ConvertSocial with my existing e-commerce platform?</h3>
<p class="text-gray-600">Yes! ConvertSocial seamlessly integrates with all major e-commerce platforms including Shopify, WooCommerce, Magento, and BigCommerce. Our API also allows for custom integrations with proprietary systems. These integrations enable accurate sales tracking, customer-to-creator conversions, and detailed ROI reporting.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm">
<h3 class="text-xl font-bold mb-2">What social media platforms does ConvertSocial support?</h3>
<p class="text-gray-600">ConvertSocial supports all major social platforms including Instagram, TikTok, YouTube, Facebook, Twitter, Pinterest, and Twitch. Our analytics dashboard provides unified metrics across all platforms, allowing you to compare performance and optimize your strategy based on which channels drive the most conversions.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm">
<h3 class="text-xl font-bold mb-2">How long does it take to set up a campaign?</h3>
<p class="text-gray-600">With our one-click campaign launch system, you can have a campaign live in as little as 30 minutes. Our platform streamlines creator discovery, outreach, contracting, and payment processes. Most clients see their first creators posting content within 48-72 hours of initial setup.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section id="demo" class="py-20 gradient-bg">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-white">Ready to Transform Your Social Media into a Sales Machine?</h2>
<p class="text-xl text-indigo-100 mb-8 max-w-3xl mx-auto">Book a personalized demo to see how ConvertSocial can amplify your brand's social conversion strategy.</p>
<div class="bg-white p-8 rounded-xl max-w-2xl mx-auto">
<h3 class="text-2xl font-bold mb-6">Request Your Free Demo</h3>
<form class="space-y-4">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label class="block text-gray-700 mb-2">First Name</label>
<input type="text" class="w-full p-3 border border-gray-300 rounded-lg" placeholder="Your first name">
</div>
<div>
<label class="block text-gray-700 mb-2">Last Name</label>
<input type="text" class="w-full p-3 border border-gray-300 rounded-lg" placeholder="Your last name">
</div>
</div>
<div>
<label class="block text-gray-700 mb-2">Work Email</label>
<input type="email" class="w-full p-3 border border-gray-300 rounded-lg" placeholder="[email protected]">
</div>
<div>
<label class="block text-gray-700 mb-2">Company Name</label>
<input type="text" class="w-full p-3 border border-gray-300 rounded-lg" placeholder="Your company">
</div>
<div>
<label class="block text-gray-700 mb-2">Company Size</label>
<select class="w-full p-3 border border-gray-300 rounded-lg bg-white">
<option>1-10 employees</option>
<option>11-50 employees</option>
<option>51-200 employees</option>
<option>201-500 employees</option>
<option>501+ employees</option>
</select>
</div>
<div>
<label class="block text-gray-700 mb-2">What would you like to learn about?</label>
<textarea class="w-full p-3 border border-gray-300 rounded-lg" rows="3" placeholder="Tell us about your goals and challenges"></textarea>
</div>
<button type="button" class="w-full py-3 gradient-bg text-white font-medium rounded-lg hover:opacity-90 transition">Schedule My Demo</button>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="contact" class="bg-gray-900 text-gray-300 py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-12">
<div class="col-span-1 md:col-span-1">
<h3 class="text-xl font-bold text-white mb-4">ConvertSocial</h3>
<p class="mb-4">The ultimate platform for turning social media influence into measurable sales results.</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook"></i></a>
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-instagram"></i></a>
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<div>
<h4 class="text-lg font-semibold text-white mb-4">Product</h4>
<ul class="space-y-2">
<li><a href="#features" class="hover:text-white transition">Features</a></li>
<li><a href="#analytics" class="hover:text-white transition">Analytics</a></li>
<li><a href="#affiliate" class="hover:text-white transition">Affiliate Program</a></li>
<li><a href="#pricing" class="hover:text-white transition">Pricing</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-white mb-4">Resources</h4>
<ul class="space-y-2">
<li><a href="#" class="hover:text-white transition">Blog</a></li>
<li><a href="#" class="hover:text-white transition">Case Studies</a></li>
<li><a href="#" class="hover:text-white transition">Documentation</a></li>
<li><a href="#" class="hover:text-white transition">Help Center</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-white mb-4">Contact</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-envelope mt-1 mr-2"></i>
<span>[email protected]</span>
</li>
<li class="flex items-start">
<i class="fas fa-phone mt-1 mr-2"></i>
<span>+1 (555) 123-4567</span>
</li>
<li class="flex items-start">
<i class="fas fa-map-marker-alt mt-1 mr-2"></i>
<span>123 Market St, San Francisco, CA</span>
</li>
</ul>
</div>
</div>
<hr class="border-gray-700 my-8">
<div class="flex flex-col md:flex-row justify-between items-center">
<p>© 2025 ConvertSocial. All rights reserved.</p>
<div class="flex space-x-6 mt-4 md:mt-0">
<a href="#" class="hover:text-white transition">Privacy Policy</a>
<a href="#" class="hover:text-white transition">Terms of Service</a>
<a href="#" class="hover:text-white transition">Cookie Policy</a>
</div>
</div>
</div>
</footer>
</body>
</html>
Leave a Reply