| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Website Monetization Guide | Earn Money Online</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .gradient-bg { |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| } |
| .monetization-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| .feature-icon { |
| transition: all 0.3s ease; |
| } |
| .feature-card:hover .feature-icon { |
| transform: scale(1.1); |
| } |
| </style> |
| </head> |
| <body class="font-sans antialiased text-gray-800"> |
| |
| <nav class="bg-white shadow-lg sticky top-0 z-50"> |
| <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"> |
| <div class="flex-shrink-0 flex items-center"> |
| <i class="fas fa-coins text-yellow-500 text-2xl mr-2"></i> |
| <span class="text-xl font-bold text-gray-900">WebProfit</span> |
| </div> |
| </div> |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
| <a href="#strategies" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Strategies</a> |
| <a href="#features" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Features</a> |
| <a href="#testimonials" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Success Stories</a> |
| <a href="#pricing" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Courses</a> |
| <a href="#contact" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Contact</a> |
| </div> |
| <div class="flex items-center md:hidden"> |
| <button id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none"> |
| <i class="fas fa-bars"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-gray-200"> |
| <div class="px-2 pt-2 pb-3 space-y-1"> |
| <a href="#strategies" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-indigo-600 hover:bg-gray-50">Strategies</a> |
| <a href="#features" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-indigo-600 hover:bg-gray-50">Features</a> |
| <a href="#testimonials" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-indigo-600 hover:bg-gray-50">Success Stories</a> |
| <a href="#pricing" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-indigo-600 hover:bg-gray-50">Courses</a> |
| <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-indigo-600 hover:bg-gray-50">Contact</a> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div class="gradient-bg text-white"> |
| <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> |
| <div class="text-center"> |
| <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl"> |
| Turn Your Website Into a Money Machine |
| </h1> |
| <p class="mt-6 max-w-lg mx-auto text-xl"> |
| Discover proven strategies to monetize your website and start earning passive income today. |
| </p> |
| <div class="mt-10"> |
| <a href="#strategies" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-gray-100"> |
| Explore Strategies |
| <i class="fas fa-arrow-down ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="strategies" class="py-16 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center"> |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
| Website Monetization Strategies |
| </h2> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
| Choose the right approach for your website and audience |
| </p> |
| </div> |
|
|
| <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3"> |
| |
| <div class="monetization-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <i class="fas fa-ad text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium text-gray-900">Advertising</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-500"> |
| Display ads (Google AdSense, Mediavine), native ads, sponsored content, and direct ad sales. |
| </p> |
| <div class="mt-4"> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-indigo-100 text-indigo-800"> |
| Best for: High-traffic sites |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="monetization-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-green-500 rounded-md p-3"> |
| <i class="fas fa-shopping-cart text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium text-gray-900">Affiliate Marketing</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-500"> |
| Earn commissions by promoting products from Amazon, ShareASale, CJ Affiliate, and others. |
| </p> |
| <div class="mt-4"> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800"> |
| Best for: Niche sites |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="monetization-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-yellow-500 rounded-md p-3"> |
| <i class="fas fa-gem text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium text-gray-900">Digital Products</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-500"> |
| Sell ebooks, courses, templates, software, or memberships with high profit margins. |
| </p> |
| <div class="mt-4"> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-yellow-100 text-yellow-800"> |
| Best for: Expert creators |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="monetization-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-red-500 rounded-md p-3"> |
| <i class="fas fa-users text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium text-gray-900">Membership Sites</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-500"> |
| Recurring revenue by offering premium content, community access, or exclusive features. |
| </p> |
| <div class="mt-4"> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-red-100 text-red-800"> |
| Best for: Loyal audiences |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="monetization-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-purple-500 rounded-md p-3"> |
| <i class="fas fa-handshake text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium text-gray-900">Freemium Services</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-500"> |
| Offer free basic services with premium upgrades for advanced features. |
| </p> |
| <div class="mt-4"> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-purple-100 text-purple-800"> |
| Best for: SaaS products |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="monetization-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3"> |
| <i class="fas fa-chart-line text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium text-gray-900">Consulting Services</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-500"> |
| Leverage your expertise to offer paid consulting, coaching, or implementation services. |
| </p> |
| <div class="mt-4"> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800"> |
| Best for: Professionals |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="features" class="py-16 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
| Our Monetization Framework |
| </h2> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| A proven system to maximize your website earnings |
| </p> |
| </div> |
|
|
| <div class="mt-20"> |
| <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10"> |
| |
| <div class="feature-card relative"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3 feature-icon"> |
| <i class="fas fa-search-dollar text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Niche Profitability Analysis</h3> |
| <p class="mt-2 text-gray-500"> |
| We help you identify the most lucrative niches with the right balance of competition and monetization potential. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="feature-card relative"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-green-500 rounded-md p-3 feature-icon"> |
| <i class="fas fa-tachometer-alt text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Traffic Growth Strategies</h3> |
| <p class="mt-2 text-gray-500"> |
| Proven SEO, content marketing, and social media tactics to drive targeted visitors to your site. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="feature-card relative"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-yellow-500 rounded-md p-3 feature-icon"> |
| <i class="fas fa-money-bill-wave text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Revenue Optimization</h3> |
| <p class="mt-2 text-gray-500"> |
| Advanced techniques to increase conversion rates and maximize earnings from each visitor. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="feature-card relative"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-red-500 rounded-md p-3 feature-icon"> |
| <i class="fas fa-chart-pie text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Diversified Income Streams</h3> |
| <p class="mt-2 text-gray-500"> |
| Build multiple revenue sources to protect against algorithm changes and market shifts. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="feature-card relative"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-purple-500 rounded-md p-3 feature-icon"> |
| <i class="fas fa-tools text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Technical Setup</h3> |
| <p class="mt-2 text-gray-500"> |
| Step-by-step guidance on implementing monetization tools without slowing your site. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="feature-card relative"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3 feature-icon"> |
| <i class="fas fa-analytics text-white text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Performance Tracking</h3> |
| <p class="mt-2 text-gray-500"> |
| Key metrics to monitor and optimization strategies based on real data. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="testimonials" class="gradient-bg py-16 text-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center"> |
| <h2 class="text-3xl font-extrabold sm:text-4xl"> |
| Real Success Stories |
| </h2> |
| <p class="mt-4 max-w-2xl text-xl mx-auto"> |
| See how others transformed their websites into income streams |
| </p> |
| </div> |
|
|
| <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3"> |
| |
| <div class="bg-white bg-opacity-10 rounded-lg p-6 backdrop-filter backdrop-blur-sm"> |
| <div class="flex items-center"> |
| <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah J."> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium">Sarah J.</h3> |
| <p class="text-indigo-200">Food Blogger</p> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-100"> |
| "Using the affiliate strategies from WebProfit, I grew my food blog income from $200/month to over $5,000/month in just 9 months!" |
| </p> |
| </div> |
| <div class="mt-4 flex items-center"> |
| <i class="fas fa-star text-yellow-300"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white bg-opacity-10 rounded-lg p-6 backdrop-filter backdrop-blur-sm"> |
| <div class="flex items-center"> |
| <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/men/45.jpg" alt="Michael T."> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium">Michael T.</h3> |
| <p class="text-indigo-200">Tech Reviewer</p> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-100"> |
| "The advertising optimization techniques doubled my RPM. Now earning $12,000/month from my tech review site with the same traffic!" |
| </p> |
| </div> |
| <div class="mt-4 flex items-center"> |
| <i class="fas fa-star text-yellow-300"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white bg-opacity-10 rounded-lg p-6 backdrop-filter backdrop-blur-sm"> |
| <div class="flex items-center"> |
| <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Lisa M."> |
| <div class="ml-4"> |
| <h3 class="text-lg font-medium">Lisa M.</h3> |
| <p class="text-indigo-200">Fitness Coach</p> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-gray-100"> |
| "Launched my online training program using WebProfit's framework. Made $27,000 in the first month with just 5,000 email subscribers!" |
| </p> |
| </div> |
| <div class="mt-4 flex items-center"> |
| <i class="fas fa-star text-yellow-300"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star text-yellow-300 ml-1"></i> |
| <i class="fas fa-star-half-alt text-yellow-300 ml-1"></i> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="pricing" class="py-16 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center"> |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
| Monetization Courses |
| </h2> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
| Choose the learning path that fits your goals |
| </p> |
| </div> |
|
|
| <div class="mt-16 space-y-8 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8"> |
| |
| <div class="bg-white border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200"> |
| <div class="p-6"> |
| <h3 class="text-lg font-medium text-gray-900">Starter Pack</h3> |
| <p class="mt-4 text-sm text-gray-500"> |
| Perfect for beginners looking to monetize their first website |
| </p> |
| <div class="mt-8"> |
| <p class="text-4xl font-extrabold text-gray-900">$97</p> |
| <p class="mt-2 text-sm text-gray-500">One-time payment</p> |
| </div> |
| <a href="#" class="mt-8 block w-full bg-gray-800 border border-gray-800 rounded-md py-3 text-sm font-semibold text-white text-center hover:bg-gray-900"> |
| Get Started |
| </a> |
| </div> |
| <div class="pt-6 pb-8 px-6"> |
| <h4 class="text-xs font-medium text-gray-900 tracking-wide uppercase">What's included</h4> |
| <ul class="mt-6 space-y-4"> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Advertising Fundamentals</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Affiliate Marketing Basics</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">5 Website Templates</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Email List Building</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Community Access</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white border-2 border-indigo-600 rounded-lg shadow-sm divide-y divide-gray-200 transform scale-105 z-10"> |
| <div class="p-6"> |
| <div class="flex justify-between"> |
| <h3 class="text-lg font-medium text-gray-900">Pro Monetization</h3> |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800"> |
| Most Popular |
| </span> |
| </div> |
| <p class="mt-4 text-sm text-gray-500"> |
| Comprehensive training for serious website owners |
| </p> |
| <div class="mt-8"> |
| <p class="text-4xl font-extrabold text-gray-900">$297</p> |
| <p class="mt-2 text-sm text-gray-500">One-time payment</p> |
| </div> |
| <a href="#" class="mt-8 block w-full bg-indigo-600 border border-indigo-600 rounded-md py-3 text-sm font-semibold text-white text-center hover:bg-indigo-700"> |
| Get Started |
| </a> |
| </div> |
| <div class="pt-6 pb-8 px-6"> |
| <h4 class="text-xs font-medium text-gray-900 tracking-wide uppercase">What's included</h4> |
| <ul class="mt-6 space-y-4"> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">All Starter Pack features</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Advanced Ad Optimization</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">High-Ticket Affiliate Strategies</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Digital Product Creation</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Membership Site Setup</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">1-on-1 Coaching Call</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200"> |
| <div class="p-6"> |
| <h3 class="text-lg font-medium text-gray-900">Mastermind</h3> |
| <p class="mt-4 text-sm text-gray-500"> |
| For entrepreneurs building 6-figure online businesses |
| </p> |
| <div class="mt-8"> |
| <p class="text-4xl font-extrabold text-gray-900">$997</p> |
| <p class="mt-2 text-sm text-gray-500">One-time payment</p> |
| </div> |
| <a href="#" class="mt-8 block w-full bg-gray-800 border border-gray-800 rounded-md py-3 text-sm font-semibold text-white text-center hover:bg-gray-900"> |
| Get Started |
| </a> |
| </div> |
| <div class="pt-6 pb-8 px-6"> |
| <h4 class="text-xs font-medium text-gray-900 tracking-wide uppercase">What's included</h4> |
| <ul class="mt-6 space-y-4"> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">All Pro features</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Private Mastermind Group</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Monthly Strategy Calls</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Website Audit</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-check text-green-500 mt-0.5"></i> |
| <span class="ml-3 text-sm text-gray-500">Premium Tools Access</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white py-16"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
| Frequently Asked Questions |
| </h2> |
| </div> |
|
|
| <div class="mt-12"> |
| <dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-12"> |
| |
| <div> |
| <dt class="text-lg leading-6 font-medium text-gray-900"> |
| How soon can I start making money? |
| </dt> |
| <dd class="mt-2 text-gray-500"> |
| Most students see their first earnings within 30-60 days of implementing the strategies. However, significant income typically takes 3-6 months of consistent effort. |
| </dd> |
| </div> |
|
|
| |
| <div> |
| <dt class="text-lg leading-6 font-medium text-gray-900"> |
| Do I need technical skills? |
| </dt> |
| <dd class="mt-2 text-gray-500"> |
| No technical skills are required. We provide step-by-step tutorials for all technical aspects, and many tools we recommend are beginner-friendly. |
| </dd> |
| </div> |
|
|
| |
| <div> |
| <dt class="text-lg leading-6 font-medium text-gray-900"> |
| How much traffic do I need? |
| </dt> |
| <dd class="mt-2 text-gray-500"> |
| It depends on the monetization method. Some strategies work with as little as 1,000 monthly visitors, while others require 10,000+ for optimal results. |
| </dd> |
| </div> |
|
|
| |
| <div> |
| <dt class="text-lg leading-6 font-medium text-gray-900"> |
| Is there a money-back guarantee? |
| </dt> |
| <dd class="mt-2 text-gray-500"> |
| Yes! We offer a 30-day money-back guarantee if you implement the strategies and don't see results. |
| </dd> |
| </div> |
|
|
| |
| <div> |
| <dt class="text-lg leading-6 font-medium text-gray-900"> |
| Can I use these strategies with an existing site? |
| </dt> |
| <dd class="mt-2 text-gray-500"> |
| Absolutely! Our framework works for both new and established websites. We'll show you how to optimize what you already have. |
| </dd> |
| </div> |
|
|
| |
| <div> |
| <dt class="text-lg leading-6 font-medium text-gray-900"> |
| How much time does this require? |
| </dt> |
| <dd class="mt-2 text-gray-500"> |
| Most students spend 5-10 hours per week implementing the strategies. The more time you invest, the faster you'll see results. |
| </dd> |
| </div> |
| </dl> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="gradient-bg"> |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"> |
| <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl"> |
| <span class="block">Ready to monetize your website?</span> |
| <span class="block text-indigo-200">Start earning today.</span> |
| </h2> |
| <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0"> |
| <div class="inline-flex rounded-md shadow"> |
| <a href="#pricing" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50"> |
| View Courses |
| </a> |
| </div> |
| <div class="ml-3 inline-flex rounded-md shadow"> |
| <a href="#contact" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70"> |
| Contact Us |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="contact" class="bg-white py-16 px-4 sm:px-6 lg:px-8"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center"> |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
| Have Questions? |
| </h2> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
| We're here to help you succeed |
| </p> |
| </div> |
|
|
| <div class="mt-12"> |
| <div class="bg-white shadow-xl rounded-lg overflow-hidden"> |
| <div class="grid grid-cols-1 md:grid-cols-2"> |
| <div class="p-8"> |
| <h3 class="text-lg font-medium text-gray-900">Send us a message</h3> |
| <form class="mt-6 space-y-6"> |
| <div> |
| <label for="name" class="block text-sm font-medium text-gray-700">Name</label> |
| <div class="mt-1"> |
| <input type="text" name="name" id="name" class="py-3 px-4 block w-full shadow-sm focus:ring-indigo-500 focus:border-indigo-500 border-gray-300 rounded-md"> |
| </div> |
| </div> |
| <div> |
| <label for="email" class="block text-sm font-medium text-gray-700">Email</label> |
| <div class="mt-1"> |
| <input type="email" name="email" id="email" class="py-3 px-4 block w-full shadow-sm focus:ring-indigo-500 focus:border-indigo-500 border-gray-300 rounded-md"> |
| </div> |
| </div> |
| <div> |
| <label for="message" class="block text-sm font-medium text-gray-700">Message</label> |
| <div class="mt-1"> |
| <textarea id="message" name="message" rows="4" class="py-3 px-4 block w-full shadow-sm focus:ring-indigo-500 focus:border-indigo-500 border-gray-300 rounded-md"></textarea> |
| </div> |
| </div> |
| <div> |
| <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"> |
| Send Message |
| </button> |
| </div> |
| </form> |
| </div> |
| <div class="bg-indigo-700 p-8 text-white"> |
| <h3 class="text-lg font-medium">Contact Information</h3> |
| <div class="mt-6 space-y-4"> |
| <div class="flex"> |
| <i class="fas fa-map-marker-alt mt-1"></i> |
| <span class="ml-3">123 Web Street, Digital City, 10001</span> |
| </div> |
| <div class="flex"> |
| <i class="fas fa-phone-alt mt-1"></i> |
| <span class="ml-3">+1 (555) 123-4567</span> |
| </div> |
| <div class="flex"> |
| <i class="fas fa-envelope mt-1"></i> |
| <span class="ml-3">support@webprofit.com</span> |
| </div> |
| </div> |
| <div class="mt-8"> |
| <h3 class="text-lg font-medium">Follow Us</h3> |
| <div class="flex space-x-6 mt-4"> |
| <a href="#" class="text-indigo-200 hover:text-white"> |
| <i class="fab fa-facebook-f text-xl"></i> |
| </a> |
| <a href="#" class="text-indigo-200 hover:text-white"> |
| <i class="fab fa-twitter text-xl"></i> |
| </a> |
| <a href="#" class="text-indigo-200 hover:text-white"> |
| <i class="fab fa-instagram text-xl"></i> |
| </a> |
| <a href="#" class="text-indigo-200 hover:text-white"> |
| <i class="fab fa-linkedin-in text-xl"></i> |
| </a> |
| <a href="#" class="text-indigo-200 hover:text-white"> |
| <i class="fab fa-youtube text-xl"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <footer class="bg-gray-800"> |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Solutions</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Advertising</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Affiliate Marketing</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Digital Products</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Memberships</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Resources</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Guides</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Webinars</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Tools</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">About</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Press</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Contact</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Privacy</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Terms</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Cookie Policy</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="mt-12 border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-base text-gray-400"> |
| © 2023 WebProfit. All rights reserved. |
| </p> |
| <div class="mt-4 md:mt-0"> |
| <p class="text-base text-gray-400"> |
| Making the web profitable for everyone. |
| </p> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { |
| const menu = document.getElementById('mobile-menu'); |
| menu.classList.toggle('hidden'); |
| }); |
| |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| |
| const targetId = this.getAttribute('href'); |
| const targetElement = document.querySelector(targetId); |
| |
| if (targetElement) { |
| targetElement.scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| |
| |
| const mobileMenu = document.getElementById('mobile-menu'); |
| if (!mobileMenu.classList.contains('hidden')) { |
| mobileMenu.classList.add('hidden'); |
| } |
| } |
| }); |
| }); |
| |
| |
| const contactForm = document.querySelector('form'); |
| if (contactForm) { |
| contactForm.addEventListener('submit', function(e) { |
| e.preventDefault(); |
| alert('Thank you for your message! We will get back to you soon.'); |
| this.reset(); |
| }); |
| } |
| </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=Mpura/webprof" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
