Download index.html from Amrui/ruickx: direct link, hf CLI and curl.
- Browser
- Download file 46.6 kB
-
https://huggingface.co/spaces/Amrui/ruickx/resolve/main/index.html
- Command line
-
hf download hf://spaces/Amrui/ruickx/index.html
-
curl -L -o index.html https://huggingface.co/spaces/Amrui/ruickx/resolve/main/index.html
46.6 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ProfitLand - High-Converting Landing Page</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, #6e8efb 0%, #a777e3 100%); | |
| } | |
| .hero-image { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-20px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| transform: scale(1.03); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800"> | |
| <!-- Navigation --> | |
| <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-rocket text-purple-600 text-2xl mr-2"></i> | |
| <span class="text-xl font-bold text-gray-900">ProfitLand</span> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> | |
| <a href="#features" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">Features</a> | |
| <a href="#how-it-works" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">How It Works</a> | |
| <a href="#testimonials" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">Success Stories</a> | |
| <a href="#pricing" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">Pricing</a> | |
| <a href="#contact" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">Contact</a> | |
| </div> | |
| <div class="flex items-center"> | |
| <a href="#cta" class="ml-8 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> | |
| Get Started | |
| </a> | |
| </div> | |
| <div class="-mr-2 flex items-center md:hidden"> | |
| <button type="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 focus:ring-2 focus:ring-inset focus:ring-purple-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button"> | |
| <span class="sr-only">Open main menu</span> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="hidden md:hidden" id="mobile-menu"> | |
| <div class="pt-2 pb-3 space-y-1"> | |
| <a href="#features" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-purple-600 hover:bg-gray-50">Features</a> | |
| <a href="#how-it-works" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-purple-600 hover:bg-gray-50">How It Works</a> | |
| <a href="#testimonials" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-purple-600 hover:bg-gray-50">Success Stories</a> | |
| <a href="#pricing" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-purple-600 hover:bg-gray-50">Pricing</a> | |
| <a href="#contact" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-purple-600 hover:bg-gray-50">Contact</a> | |
| <a href="#cta" class="block px-3 py-2 text-base font-medium text-white bg-purple-600 rounded-md">Get Started</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="gradient-bg text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-32"> | |
| <div class="md:flex md:items-center md:justify-between"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-extrabold leading-tight mb-6">Turn Visitors Into Paying Customers</h1> | |
| <p class="text-xl mb-8">Our proven system increases conversions by up to 300% with smart lead capture, automated follow-ups, and irresistible offers.</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#cta" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-purple-700 bg-white hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> | |
| Start Free Trial | |
| <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| <a href="#how-it-works" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-700 bg-opacity-60 hover:bg-opacity-70 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> | |
| <i class="fas fa-play-circle mr-2"></i> | |
| Watch Demo | |
| </a> | |
| </div> | |
| <div class="mt-8 flex items-center"> | |
| <div class="flex -space-x-2"> | |
| <img class="inline-block h-10 w-10 rounded-full ring-2 ring-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt=""> | |
| <img class="inline-block h-10 w-10 rounded-full ring-2 ring-white" src="https://randomuser.me/api/portraits/men/11.jpg" alt=""> | |
| <img class="inline-block h-10 w-10 rounded-full ring-2 ring-white" src="https://randomuser.me/api/portraits/women/17.jpg" alt=""> | |
| </div> | |
| <p class="ml-4 text-purple-100"> | |
| <span class="font-semibold">1,200+ businesses</span> increased revenue last month | |
| </p> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative hero-image"> | |
| <img src="https://cdn.dribbble.com/users/1787323/screenshots/11324472/media/1a96d1c1a6a2a9c2a9d5e8e5e5e5e5e5.png" alt="Dashboard showing analytics" class="rounded-lg shadow-2xl w-full max-w-md"> | |
| <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-lg shadow-lg"> | |
| <div class="flex items-center"> | |
| <div class="bg-green-100 p-2 rounded-full"> | |
| <i class="fas fa-chart-line text-green-600"></i> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-xs text-gray-500">Monthly Growth</p> | |
| <p class="font-bold text-green-600">+32.5%</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trust Badges --> | |
| <section class="bg-gray-50 py-8"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <p class="text-center text-gray-500 text-sm mb-6">Trusted by innovative companies worldwide</p> | |
| <div class="grid grid-cols-2 md:grid-cols-5 gap-8 items-center justify-center"> | |
| <img src="https://logo.clearbit.com/forbes.com" alt="Forbes" class="h-8 opacity-60 hover:opacity-100 transition-opacity mx-auto"> | |
| <img src="https://logo.clearbit.com/techcrunch.com" alt="TechCrunch" class="h-8 opacity-60 hover:opacity-100 transition-opacity mx-auto"> | |
| <img src="https://logo.clearbit.com/entrepreneur.com" alt="Entrepreneur" class="h-8 opacity-60 hover:opacity-100 transition-opacity mx-auto"> | |
| <img src="https://logo.clearbit.com/inc.com" alt="Inc" class="h-8 opacity-60 hover:opacity-100 transition-opacity mx-auto"> | |
| <img src="https://logo.clearbit.com/hubspot.com" alt="HubSpot" class="h-8 opacity-60 hover:opacity-100 transition-opacity mx-auto"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section id="features" class="py-20 bg-white"> | |
| <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 font-extrabold text-gray-900 sm:text-4xl"> | |
| Money-Making Features Built For Growth | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Everything you need to capture leads, nurture relationships, and close more sales automatically. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Feature 1 --> | |
| <div class="feature-card bg-white p-8 rounded-xl shadow-md transition-all duration-300"> | |
| <div class="bg-purple-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-6"> | |
| <i class="fas fa-bolt text-purple-600 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">High-Converting Funnels</h3> | |
| <p class="text-gray-600 mb-4">Pre-built sales funnels proven to convert visitors into buyers with minimal effort on your part.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Drag-and-drop editor</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>A/B testing tools</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Mobile-optimized</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Feature 2 --> | |
| <div class="feature-card bg-white p-8 rounded-xl shadow-md transition-all duration-300"> | |
| <div class="bg-blue-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-6"> | |
| <i class="fas fa-robot text-blue-600 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">AI-Powered Lead Scoring</h3> | |
| <p class="text-gray-600 mb-4">Our system automatically identifies your hottest leads so you can focus on what matters most.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Real-time analytics</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Behavior tracking</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Predictive modeling</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Feature 3 --> | |
| <div class="feature-card bg-white p-8 rounded-xl shadow-md transition-all duration-300"> | |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-6"> | |
| <i class="fas fa-envelope-open-text text-green-600 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Automated Email Sequences</h3> | |
| <p class="text-gray-600 mb-4">Set up once and let our system automatically follow up with leads while you sleep.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Personalized content</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Timed delivery</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Performance tracking</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- How It Works Section --> | |
| <section id="how-it-works" class="py-20 bg-gray-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 font-extrabold text-gray-900 sm:text-4xl"> | |
| How ProfitLand Works | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Our simple 3-step process to generate more revenue from your website traffic. | |
| </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-md"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-purple-600 text-white font-bold rounded-full w-8 h-8 flex items-center justify-center mr-4">1</div> | |
| <h3 class="text-xl font-bold text-gray-900">Capture Leads</h3> | |
| </div> | |
| <p class="text-gray-600 mb-6">Visitors land on your optimized page and are presented with an irresistible offer in exchange for their contact information.</p> | |
| <div class="bg-gray-100 p-4 rounded-lg"> | |
| <p class="text-sm text-gray-700 italic">"Get our free guide to doubling your revenue in 30 days"</p> | |
| </div> | |
| </div> | |
| <!-- Step 2 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-purple-600 text-white font-bold rounded-full w-8 h-8 flex items-center justify-center mr-4">2</div> | |
| <h3 class="text-xl font-bold text-gray-900">Nurture Automatically</h3> | |
| </div> | |
| <p class="text-gray-600 mb-6">Our system automatically delivers valuable content while building trust and positioning your paid offer.</p> | |
| <div class="bg-gray-100 p-4 rounded-lg"> | |
| <p class="text-sm text-gray-700 italic">"Day 3: Here's how our clients achieved 3x ROI last quarter..."</p> | |
| </div> | |
| </div> | |
| <!-- Step 3 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-purple-600 text-white font-bold rounded-full w-8 h-8 flex items-center justify-center mr-4">3</div> | |
| <h3 class="text-xl font-bold text-gray-900">Convert to Paying Customers</h3> | |
| </div> | |
| <p class="text-gray-600 mb-6">At the perfect moment, leads receive your irresistible paid offer with multiple payment options.</p> | |
| <div class="bg-gray-100 p-4 rounded-lg"> | |
| <p class="text-sm text-gray-700 italic">"Join our premium program today and get 3 bonus gifts worth $497!"</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-16 bg-white rounded-xl shadow-xl overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/2 p-8 md:p-12"> | |
| <h3 class="text-2xl font-bold text-gray-900 mb-4">See It In Action</h3> | |
| <p class="text-gray-600 mb-6">Watch how our system turns cold traffic into paying customers in just minutes.</p> | |
| <div class="flex items-center text-purple-600 font-medium"> | |
| <i class="fas fa-play-circle mr-2"></i> | |
| <span>Play Demo Video</span> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 bg-gray-800 min-h-64 flex items-center justify-center"> | |
| <div class="p-8 text-center"> | |
| <i class="fas fa-play-circle text-white text-5xl mb-4 opacity-75"></i> | |
| <p class="text-white font-medium">ProfitLand Demo Video</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section id="testimonials" class="py-20 bg-purple-700 text-white"> | |
| <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 font-extrabold sm:text-4xl"> | |
| Real Results From Real Customers | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-purple-200 mx-auto"> | |
| Don't just take our word for it - see what our customers say. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="testimonial-card bg-white text-gray-800 p-8 rounded-xl shadow-lg"> | |
| <div class="flex items-center mb-6"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah Johnson"> | |
| <div> | |
| <h4 class="font-bold">Sarah Johnson</h4> | |
| <p class="text-purple-600 text-sm">CEO, Digital Marketing Agency</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-6 italic">"We implemented ProfitLand's system and saw a 220% increase in lead conversion within 30 days. The automated follow-up sequences alone have paid for the service 10x over."</p> | |
| <div class="flex items-center"> | |
| <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> | |
| <span class="ml-2 text-sm text-gray-500">2 months ago</span> | |
| </div> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="testimonial-card bg-white text-gray-800 p-8 rounded-xl shadow-lg"> | |
| <div class="flex items-center mb-6"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen"> | |
| <div> | |
| <h4 class="font-bold">Michael Chen</h4> | |
| <p class="text-purple-600 text-sm">Founder, SaaS Startup</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-6 italic">"As a solo founder, I don't have time to manually follow up with leads. ProfitLand's automation has helped me close $48,000 in new business while focusing on product development."</p> | |
| <div class="flex items-center"> | |
| <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> | |
| <span class="ml-2 text-sm text-gray-500">1 month ago</span> | |
| </div> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="testimonial-card bg-white text-gray-800 p-8 rounded-xl shadow-lg"> | |
| <div class="flex items-center mb-6"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/65.jpg" alt="Jessica Williams"> | |
| <div> | |
| <h4 class="font-bold">Jessica Williams</h4> | |
| <p class="text-purple-600 text-sm">E-commerce Store Owner</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-6 italic">"Our average order value increased by 35% after implementing ProfitLand's upsell sequences. The platform paid for itself in the first week of use!"</p> | |
| <div class="flex items-center"> | |
| <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> | |
| <span class="ml-2 text-sm text-gray-500">3 weeks ago</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-16 text-center"> | |
| <div class="inline-flex items-center bg-white text-purple-700 px-6 py-3 rounded-full shadow-md"> | |
| <i class="fas fa-trophy mr-2"></i> | |
| <span class="font-bold">Over 2,300 businesses trust ProfitLand</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section id="pricing" class="py-20 bg-white"> | |
| <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 font-extrabold text-gray-900 sm:text-4xl"> | |
| Simple, Transparent Pricing | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Choose the plan that fits your needs. Cancel anytime. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"> | |
| <!-- Starter Plan --> | |
| <div class="border border-gray-200 rounded-xl shadow-sm overflow-hidden"> | |
| <div class="px-6 py-8"> | |
| <h3 class="text-lg font-medium text-gray-900">Starter</h3> | |
| <p class="mt-4 flex items-baseline"> | |
| <span class="text-4xl font-extrabold">$97</span> | |
| <span class="ml-1 text-lg font-medium text-gray-500">/month</span> | |
| </p> | |
| <p class="mt-4 text-sm text-gray-500">Perfect for solopreneurs and small businesses</p> | |
| <a href="#cta" class="mt-8 block w-full bg-gray-50 border border-gray-200 rounded-md py-3 text-center text-sm font-medium text-gray-900 hover:bg-gray-100"> | |
| Get Started | |
| </a> | |
| </div> | |
| <div class="border-t border-gray-200 px-6 pt-6 pb-8"> | |
| <h4 class="text-xs font-medium text-gray-900 uppercase tracking-wide">What's included</h4> | |
| <ul class="mt-6 space-y-4"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Up to 1,000 visitors/month</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">3 sales funnels</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Basic email sequences</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Standard support</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Pro Plan (Featured) --> | |
| <div class="border-2 border-purple-600 rounded-xl shadow-xl overflow-hidden"> | |
| <div class="px-6 py-8 bg-purple-600 text-white"> | |
| <div class="flex justify-between items-start"> | |
| <h3 class="text-lg font-medium">Pro</h3> | |
| <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-purple-800">Most Popular</span> | |
| </div> | |
| <p class="mt-4 flex items-baseline"> | |
| <span class="text-4xl font-extrabold">$297</span> | |
| <span class="ml-1 text-lg font-medium text-purple-200">/month</span> | |
| </p> | |
| <p class="mt-4 text-sm text-purple-100">For growing businesses serious about scaling</p> | |
| <a href="#cta" class="mt-8 block w-full bg-white border border-transparent rounded-md py-3 text-center text-sm font-medium text-purple-600 hover:bg-gray-50"> | |
| Get Started | |
| </a> | |
| </div> | |
| <div class="border-t border-gray-200 px-6 pt-6 pb-8"> | |
| <h4 class="text-xs font-medium text-gray-900 uppercase tracking-wide">What's included</h4> | |
| <ul class="mt-6 space-y-4"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Up to 10,000 visitors/month</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Unlimited sales funnels</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Advanced email sequences</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">AI lead scoring</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Priority support</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Enterprise Plan --> | |
| <div class="border border-gray-200 rounded-xl shadow-sm overflow-hidden"> | |
| <div class="px-6 py-8"> | |
| <h3 class="text-lg font-medium text-gray-900">Enterprise</h3> | |
| <p class="mt-4 flex items-baseline"> | |
| <span class="text-4xl font-extrabold">$997</span> | |
| <span class="ml-1 text-lg font-medium text-gray-500">/month</span> | |
| </p> | |
| <p class="mt-4 text-sm text-gray-500">For agencies and high-volume businesses</p> | |
| <a href="#cta" class="mt-8 block w-full bg-gray-50 border border-gray-200 rounded-md py-3 text-center text-sm font-medium text-gray-900 hover:bg-gray-100"> | |
| Get Started | |
| </a> | |
| </div> | |
| <div class="border-t border-gray-200 px-6 pt-6 pb-8"> | |
| <h4 class="text-xs font-medium text-gray-900 uppercase tracking-wide">What's included</h4> | |
| <ul class="mt-6 space-y-4"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Unlimited visitors</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Unlimited everything</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Dedicated account manager</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">Custom integrations</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-3"></i> | |
| <span class="text-gray-700">24/7 VIP support</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-16 bg-gray-50 rounded-lg p-8 text-center"> | |
| <h3 class="text-xl font-bold text-gray-900 mb-4">Not sure which plan is right for you?</h3> | |
| <p class="text-gray-600 mb-6">Schedule a free 15-minute consultation with our growth experts.</p> | |
| <a href="#contact" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700"> | |
| <i class="fas fa-calendar-alt mr-2"></i> | |
| Book a Call | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-gray-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 font-extrabold text-gray-900 sm:text-4xl"> | |
| Frequently Asked Questions | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Everything you need to know about ProfitLand. | |
| </p> | |
| </div> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="space-y-4"> | |
| <!-- FAQ Item 1 --> | |
| <div class="bg-white shadow-md rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none" id="faq1-button"> | |
| <h3 class="text-lg font-medium text-gray-900">How quickly can I expect to see results?</h3> | |
| <i class="fas fa-chevron-down text-purple-600 transition-transform duration-200" id="faq1-icon"></i> | |
| </button> | |
| <div class="hidden px-6 pb-6 pt-0" id="faq1-content"> | |
| <p class="text-gray-600">Most customers see measurable improvements within the first 7-14 days after implementation. However, optimal results typically appear after 30-60 days as your automated sequences have time to work through the entire customer journey.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 2 --> | |
| <div class="bg-white shadow-md rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none" id="faq2-button"> | |
| <h3 class="text-lg font-medium text-gray-900">Do I need technical skills to use ProfitLand?</h3> | |
| <i class="fas fa-chevron-down text-purple-600 transition-transform duration-200" id="faq2-icon"></i> | |
| </button> | |
| <div class="hidden px-6 pb-6 pt-0" id="faq2-content"> | |
| <p class="text-gray-600">Not at all! ProfitLand is designed for marketers and business owners with no coding experience. Our drag-and-drop editor, pre-built templates, and step-by-step onboarding make it easy for anyone to create high-converting funnels.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 3 --> | |
| <div class="bg-white shadow-md rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none" id="faq3-button"> | |
| <h3 class="text-lg font-medium text-gray-900">What if I need help setting up my funnels?</h3> | |
| <i class="fas fa-chevron-down text-purple-600 transition-transform duration-200" id="faq3-icon"></i> | |
| </button> | |
| <div class="hidden px-6 pb-6 pt-0" id="faq3-content"> | |
| <p class="text-gray-600">We offer several support options depending on your plan. All customers get access to our extensive knowledge base and email support. Pro and Enterprise plans include priority support and optional setup services where our team will help configure your funnels for maximum conversions.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 4 --> | |
| <div class="bg-white shadow-md rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none" id="faq4-button"> | |
| <h3 class="text-lg font-medium text-gray-900">Can I integrate with my existing tools?</h3> | |
| <i class="fas fa-chevron-down text-purple-600 transition-transform duration-200" id="faq4-icon"></i> | |
| </button> | |
| <div class="hidden px-6 pb-6 pt-0" id="faq4-content"> | |
| <p class="text-gray-600">Yes! ProfitLand integrates with all major email service providers (Mailchimp, ActiveCampaign, etc.), payment processors (Stripe, PayPal), CRM systems, and more. We also offer Zapier integration for connecting with hundreds of additional apps.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 5 --> | |
| <div class="bg-white shadow-md rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none" id="faq5-button"> | |
| <h3 class="text-lg font-medium text-gray-900">Is there a money-back guarantee?</h3> | |
| <i class="fas fa-chevron-down text-purple-600 transition-transform duration-200" id="faq5-icon"></i> | |
| </button> | |
| <div class="hidden px-6 pb-6 pt-0" id="faq5-content"> | |
| <p class="text-gray-600">Absolutely. We offer a 30-day money-back guarantee. If you don't see value from ProfitLand within your first month, just let us know and we'll refund your payment in full, no questions asked.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 text-center"> | |
| <p class="text-gray-600">Still have questions?</p> | |
| <a href="#contact" class="mt-4 inline-flex items-center text-purple-600 font-medium"> | |
| <i class="fas fa-envelope mr-2"></i> | |
| Contact our support team | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section id="cta" class="gradient-bg text-white py-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="md:flex md:items-center md:justify-between"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h2 class="text-3xl font-extrabold leading-tight mb-6">Ready to Transform Your Business?</h2> | |
| <p class="text-xl mb-8">Join thousands of businesses increasing their revenue with ProfitLand. Start your risk-free trial today.</p> | |
| <div class="flex items-center"> | |
| <i class="fas fa-shield-alt text-2xl mr-4"></i> | |
| <p class="text-purple-100">30-day money-back guarantee</p> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="bg-white rounded-xl shadow-xl p-8 text-gray-800"> | |
| <h3 class="text-2xl font-bold mb-6">Start Your Free 14-Day Trial</h3> | |
| <form> | |
| <div class="mb-4"> | |
| <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Full Name</label> | |
| <input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your name"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label> | |
| <input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="you@example.com"> | |
| </div> | |
| <div class="mb-6"> | |
| <label for="plan" class="block text-sm font-medium text-gray-700 mb-1">Select Plan</label> | |
| <select id="plan" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-purple-600 focus:border-transparent"> | |
| <option>Starter - $97/month</option> | |
| <option>Pro - $297/month</option> | |
| <option>Enterprise - $997/month</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-purple-600 text-white py-3 px-4 rounded-lg hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 font-medium"> | |
| Start Free Trial | |
| </button> | |
| <p class="mt-4 text-center text-sm text-gray-500"> | |
| No credit card required. Cancel anytime. | |
| </p> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-20 bg-white"> | |
| <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 font-extrabold text-gray-900 sm:text-4xl"> | |
| Get In Touch | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| We'd love to hear from you! Contact our team for questions or support. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-12"> | |
| <div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-6">Contact Information</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg"> | |
| <i class="fas fa-map-marker-alt text-purple-600"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-base font-medium text-gray-900">Address</p> | |
| <p class="mt-1 text-base text-gray-500">123 Growth Street, Suite 100<br>San Francisco, CA 94107</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg"> | |
| <i class="fas fa-phone-alt text-purple-600"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-base font-medium text-gray-900">Phone</p> | |
| <p class="mt-1 text-base text-gray-500">+1 (555) 123-4567<br>Mon-Fri, 9am-5pm PST</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg"> | |
| <i class="fas fa-envelope text-purple-600"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-base font-medium text-gray-900">Email</p> | |
| <p class="mt-1 text-base text-gray-500">support@profitland.com<br>We respond within 24 hours</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12"> | |
| <h3 class="text-lg font-medium text-gray-900 mb-6">Follow Us</h3> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-purple-600"> | |
| <i class="fab fa-facebook-f text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-purple-600"> | |
| <i class="fab fa-twitter text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-purple-600"> | |
| <i class="fab fa-linkedin-in text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-purple-600"> | |
| <i class="fab fa-instagram text-xl"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-6">Send Us a Message</h3> | |
| <form> | |
| <div class="grid grid-cols-1 gap-6"> | |
| <div> | |
| <label for="contact-name" class="block text-sm font-medium text-gray-700 mb-1">Name</label> | |
| <input type="text" id="contact-name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your name"> | |
| </div> | |
| <div> | |
| <label for="contact-email" class="block text-sm font-medium text-gray-700 mb-1">Email</label> | |
| <input type="email" id="contact-email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="you@example.com"> | |
| </div> | |
| <div> | |
| <label for=" | |
| <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=Amrui/ruickx" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |