Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Get Rank in ChatGPT | GEO Optimization Tool</title> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/inter-ui/3.19.3/inter.css" rel="stylesheet"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/lucide@latest"></script> | |
| <style> | |
| body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #1e293b; } | |
| .gradient-text { background: linear-gradient(to right, #4f46e5, #9333ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } | |
| .clean-card { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); } | |
| .glow-button { box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.3); transition: all 0.2s ease; } | |
| .glow-button:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4); } | |
| </style> | |
| </head> | |
| <body class="antialiased selection:bg-indigo-100 selection:text-indigo-900 py-12"> | |
| <main class="px-4 sm:px-6 lg:px-8 max-w-4xl mx-auto text-center"> | |
| <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-indigo-50 border border-indigo-100 text-indigo-600 text-xs font-bold uppercase tracking-wide mb-6"> | |
| <span class="w-2 h-2 rounded-full bg-indigo-500 animate-pulse"></span> | |
| New Strategy for 2025 | |
| </div> | |
| <h1 class="text-5xl md:text-6xl font-extrabold tracking-tight mb-6 text-slate-900 leading-tight"> | |
| How to <span class="gradient-text">Get Rank in ChatGPT</span> | |
| </h1> | |
| <p class="text-lg text-slate-600 max-w-2xl mx-auto mb-10 leading-relaxed"> | |
| Traditional SEO is fading. Stop optimizing for keywords and start optimizing for Answers. | |
| Learn the secret <strong>Generative Engine Optimization (GEO)</strong> framework used by top brands. | |
| </p> | |
| <div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-16"> | |
| <a href="https://digimsm.com/optimize-for-chatgpt/" | |
| class="glow-button px-8 py-4 rounded-xl text-lg font-bold bg-gradient-to-r from-indigo-600 to-purple-600 text-white w-full sm:w-auto flex items-center justify-center gap-2 hover:opacity-90"> | |
| <i data-lucide="zap" class="w-5 h-5"></i> Start Ranking Now | |
| </a> | |
| <a href="https://digimsm.com/optimize-for-chatgpt/" class="px-8 py-4 rounded-xl text-lg font-medium border border-slate-200 hover:bg-slate-50 text-slate-700 w-full sm:w-auto transition-colors"> | |
| Read the Guide | |
| </a> | |
| </div> | |
| </main> | |
| <div class="max-w-4xl mx-auto px-4 mb-20"> | |
| <div class="clean-card rounded-2xl p-2 shadow-xl shadow-indigo-100/50"> | |
| <div class="bg-slate-50 rounded-xl overflow-hidden relative aspect-[16/9] flex items-center justify-center group border border-slate-100"> | |
| <div class="absolute inset-0 bg-gradient-to-br from-indigo-50 to-white"></div> | |
| <div class="relative z-10 text-center p-6"> | |
| <div class="inline-flex items-center justify-center p-4 rounded-full bg-white shadow-lg mb-4"> | |
| <i data-lucide="bar-chart-2" class="w-10 h-10 text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-slate-900 mb-2">Unlock the "AI Black Box"</h3> | |
| <p class="text-slate-500">See exactly why ChatGPT cites your competitors instead of you.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <section class="max-w-2xl mx-auto px-4 pb-12"> | |
| <div class="prose prose-lg mx-auto prose-slate"> | |
| <h2 class="text-3xl font-bold text-slate-900 mb-6">Why You Must "Get Rank in ChatGPT" Today</h2> | |
| <p class="text-slate-600 mb-8"> | |
| Google Search traffic is dropping. Users are switching to AI answers. If your brand doesn't appear in | |
| ChatGPT, Claude, or Perplexity, you are invisible to 50% of your future customers. | |
| </p> | |
| <div class="grid md:grid-cols-2 gap-6 my-10 not-prose"> | |
| <div class="clean-card p-6 rounded-xl bg-slate-50 border-transparent"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <i data-lucide="search" class="text-blue-500 w-6 h-6"></i> | |
| <h3 class="font-bold text-slate-900">Traditional SEO</h3> | |
| </div> | |
| <p class="text-sm text-slate-500">10 blue links. Fighting for clicks. High bounce rates.</p> | |
| </div> | |
| <div class="clean-card p-6 rounded-xl border-indigo-100 bg-white ring-1 ring-indigo-50"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <i data-lucide="bot" class="text-purple-600 w-6 h-6"></i> | |
| <h3 class="font-bold text-slate-900">AI SEO (GEO)</h3> | |
| </div> | |
| <p class="text-sm text-slate-500">One direct answer. High trust. Cited authority.</p> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-bold text-slate-900 mt-12 mb-6">The 3-Step Framework</h3> | |
| <ul class="space-y-4 list-none pl-0 text-slate-700 not-prose"> | |
| <li class="flex gap-3 items-start"> | |
| <i data-lucide="check-circle-2" class="text-green-500 shrink-0 mt-1"></i> | |
| <span><strong>Entity Optimization:</strong> Teaching AI models "who" you are using structured data.</span> | |
| </li> | |
| <li class="flex gap-3 items-start"> | |
| <i data-lucide="check-circle-2" class="text-green-500 shrink-0 mt-1"></i> | |
| <span><strong>Citation Density:</strong> Getting mentioned on sources ChatGPT trusts (like Digimsm's network).</span> | |
| </li> | |
| <li class="flex gap-3 items-start"> | |
| <i data-lucide="check-circle-2" class="text-green-500 shrink-0 mt-1"></i> | |
| <span><strong>Contextual Relevance:</strong> Writing content in a specific "Q&A" format LLMs prefer.</span> | |
| </li> | |
| </ul> | |
| <div class="mt-14 p-8 rounded-2xl bg-slate-900 text-center relative overflow-hidden not-prose"> | |
| <div class="absolute top-0 right-0 -mr-16 -mt-16 w-64 h-64 rounded-full bg-indigo-500 blur-3xl opacity-20"></div> | |
| <div class="relative z-10"> | |
| <h3 class="text-xl font-bold text-white mb-2">Want the full GEO Strategy?</h3> | |
| <p class="text-slate-400 mb-8">We have documented the exact prompt engineering and technical SEO steps required.</p> | |
| <a href="https://digimsm.com/optimize-for-chatgpt/" class="inline-flex items-center gap-2 bg-white text-slate-900 px-6 py-3 rounded-lg font-bold hover:bg-indigo-50 transition-colors w-full justify-center sm:w-auto"> | |
| View the Full Blueprint <i data-lucide="arrow-right" class="w-4 h-4"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <script> | |
| lucide.createIcons(); | |
| </script> | |
| </body> | |
| </html> |