Hugging Face's logo

Spaces:
Check1233
/
ChatGPT_Rank
Running

App Files Community
Check1233 commited on
Commit
7da856d
·
verified ·
1 Parent(s): c439fe8

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +123 -19
index.html CHANGED
@@ -1,19 +1,123 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Get Rank in ChatGPT | GEO Optimization Tool</title>
7
+
8
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/inter-ui/3.19.3/inter.css" rel="stylesheet">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <script src="https://unpkg.com/lucide@latest"></script>
11
+
12
+ <style>
13
+ body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #1e293b; }
14
+ .gradient-text { background: linear-gradient(to right, #4f46e5, #9333ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
15
+ .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); }
16
+ .glow-button { box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.3); transition: all 0.2s ease; }
17
+ .glow-button:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4); }
18
+ </style>
19
+ </head>
20
+ <body class="antialiased selection:bg-indigo-100 selection:text-indigo-900 py-12">
21
+
22
+ <main class="px-4 sm:px-6 lg:px-8 max-w-4xl mx-auto text-center">
23
+ <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">
24
+ <span class="w-2 h-2 rounded-full bg-indigo-500 animate-pulse"></span>
25
+ New Strategy for 2025
26
+ </div>
27
+
28
+ <h1 class="text-5xl md:text-6xl font-extrabold tracking-tight mb-6 text-slate-900 leading-tight">
29
+ How to <span class="gradient-text">Get Rank in ChatGPT</span>
30
+ </h1>
31
+
32
+ <p class="text-lg text-slate-600 max-w-2xl mx-auto mb-10 leading-relaxed">
33
+ Traditional SEO is fading. Stop optimizing for keywords and start optimizing for Answers.
34
+ Learn the secret <strong>Generative Engine Optimization (GEO)</strong> framework used by top brands.
35
+ </p>
36
+
37
+ <div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-16">
38
+ <a href="https://digimsm.com/optimize-for-chatgpt/"
39
+ 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">
40
+ <i data-lucide="zap" class="w-5 h-5"></i> Start Ranking Now
41
+ </a>
42
+ <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">
43
+ Read the Guide
44
+ </a>
45
+ </div>
46
+ </main>
47
+
48
+ <div class="max-w-4xl mx-auto px-4 mb-20">
49
+ <div class="clean-card rounded-2xl p-2 shadow-xl shadow-indigo-100/50">
50
+ <div class="bg-slate-50 rounded-xl overflow-hidden relative aspect-[16/9] flex items-center justify-center group border border-slate-100">
51
+ <div class="absolute inset-0 bg-gradient-to-br from-indigo-50 to-white"></div>
52
+
53
+ <div class="relative z-10 text-center p-6">
54
+ <div class="inline-flex items-center justify-center p-4 rounded-full bg-white shadow-lg mb-4">
55
+ <i data-lucide="bar-chart-2" class="w-10 h-10 text-indigo-600"></i>
56
+ </div>
57
+ <h3 class="text-2xl font-bold text-slate-900 mb-2">Unlock the "AI Black Box"</h3>
58
+ <p class="text-slate-500">See exactly why ChatGPT cites your competitors instead of you.</p>
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+
64
+ <section class="max-w-2xl mx-auto px-4 pb-12">
65
+ <div class="prose prose-lg mx-auto prose-slate">
66
+ <h2 class="text-3xl font-bold text-slate-900 mb-6">Why You Must "Get Rank in ChatGPT" Today</h2>
67
+ <p class="text-slate-600 mb-8">
68
+ Google Search traffic is dropping. Users are switching to AI answers. If your brand doesn't appear in
69
+ ChatGPT, Claude, or Perplexity, you are invisible to 50% of your future customers.
70
+ </p>
71
+
72
+ <div class="grid md:grid-cols-2 gap-6 my-10 not-prose">
73
+ <div class="clean-card p-6 rounded-xl bg-slate-50 border-transparent">
74
+ <div class="flex items-center gap-3 mb-3">
75
+ <i data-lucide="search" class="text-blue-500 w-6 h-6"></i>
76
+ <h3 class="font-bold text-slate-900">Traditional SEO</h3>
77
+ </div>
78
+ <p class="text-sm text-slate-500">10 blue links. Fighting for clicks. High bounce rates.</p>
79
+ </div>
80
+ <div class="clean-card p-6 rounded-xl border-indigo-100 bg-white ring-1 ring-indigo-50">
81
+ <div class="flex items-center gap-3 mb-3">
82
+ <i data-lucide="bot" class="text-purple-600 w-6 h-6"></i>
83
+ <h3 class="font-bold text-slate-900">AI SEO (GEO)</h3>
84
+ </div>
85
+ <p class="text-sm text-slate-500">One direct answer. High trust. Cited authority.</p>
86
+ </div>
87
+ </div>
88
+
89
+ <h3 class="text-2xl font-bold text-slate-900 mt-12 mb-6">The 3-Step Framework</h3>
90
+ <ul class="space-y-4 list-none pl-0 text-slate-700 not-prose">
91
+ <li class="flex gap-3 items-start">
92
+ <i data-lucide="check-circle-2" class="text-green-500 shrink-0 mt-1"></i>
93
+ <span><strong>Entity Optimization:</strong> Teaching AI models "who" you are using structured data.</span>
94
+ </li>
95
+ <li class="flex gap-3 items-start">
96
+ <i data-lucide="check-circle-2" class="text-green-500 shrink-0 mt-1"></i>
97
+ <span><strong>Citation Density:</strong> Getting mentioned on sources ChatGPT trusts (like Digimsm's network).</span>
98
+ </li>
99
+ <li class="flex gap-3 items-start">
100
+ <i data-lucide="check-circle-2" class="text-green-500 shrink-0 mt-1"></i>
101
+ <span><strong>Contextual Relevance:</strong> Writing content in a specific "Q&A" format LLMs prefer.</span>
102
+ </li>
103
+ </ul>
104
+
105
+ <div class="mt-14 p-8 rounded-2xl bg-slate-900 text-center relative overflow-hidden not-prose">
106
+ <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>
107
+
108
+ <div class="relative z-10">
109
+ <h3 class="text-xl font-bold text-white mb-2">Want the full GEO Strategy?</h3>
110
+ <p class="text-slate-400 mb-8">We have documented the exact prompt engineering and technical SEO steps required.</p>
111
+ <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">
112
+ View the Full Blueprint <i data-lucide="arrow-right" class="w-4 h-4"></i>
113
+ </a>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ </section>
118
+
119
+ <script>
120
+ lucide.createIcons();
121
+ </script>
122
+ </body>
123
+ </html>