Hugging Face's logo

Spaces:
Check1233
/
Answer_Engine_Optimization_Services
Running

App Files Community
Check1233 commited on
Commit
6a57319
·
verified ·
1 Parent(s): cdbbbad

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +155 -19
index.html CHANGED
@@ -1,19 +1,155 @@
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>Answer Engine Optimization Services | AEO Agency</title>
7
+ <meta name="description" content="Leading Answer Engine Optimization (AEO) Services. We help your brand rank as the #1 citation in Perplexity, SearchGPT, and Google SGE.">
8
+
9
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/inter-ui/3.19.3/inter.css" rel="stylesheet">
10
+ <script src="https://cdn.tailwindcss.com"></script>
11
+ <script src="https://unpkg.com/lucide@latest"></script>
12
+
13
+ <style>
14
+ body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #0f172a; }
15
+ .gradient-text { background: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
16
+ .service-card { background: #ffffff; border: 1px solid #e2e8f0; transition: all 0.3s ease; }
17
+ .service-card:hover { border-color: #3b82f6; box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.15); transform: translateY(-4px); }
18
+ .check-item { background-color: #f0f9ff; border-radius: 8px; }
19
+ .primary-btn { background: #0f172a; color: white; transition: all 0.2s; }
20
+ .primary-btn:hover { background: #334155; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2); }
21
+ .secondary-btn { background: white; border: 1px solid #cbd5e1; color: #475569; transition: all 0.2s; }
22
+ .secondary-btn:hover { border-color: #94a3b8; background: #f8fafc; }
23
+ </style>
24
+ </head>
25
+ <body class="antialiased py-12 px-4 sm:px-6">
26
+
27
+ <main class="max-w-4xl mx-auto text-center mb-20">
28
+ <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-sky-50 border border-sky-100 text-sky-700 text-xs font-bold uppercase tracking-widest mb-8">
29
+ <span class="relative flex h-2 w-2">
30
+ <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-sky-400 opacity-75"></span>
31
+ <span class="relative inline-flex rounded-full h-2 w-2 bg-sky-500"></span>
32
+ </span>
33
+ The Future of Search is Here
34
+ </div>
35
+
36
+ <h1 class="text-5xl sm:text-6xl font-extrabold text-slate-900 tracking-tight mb-6 leading-[1.1]">
37
+ Expert <span class="gradient-text">Answer Engine Optimization</span> Services
38
+ </h1>
39
+
40
+ <p class="text-xl text-slate-500 max-w-2xl mx-auto mb-10 leading-relaxed">
41
+ The era of "10 Blue Links" is over. We optimize your content to be the <strong>direct, cited answer</strong> in Perplexity, SearchGPT, and Google SGE.
42
+ </p>
43
+
44
+ <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
45
+ <a href="https://digimsm.com/answer-engine-optimization/" class="primary-btn px-8 py-4 rounded-xl font-bold text-lg w-full sm:w-auto flex items-center justify-center gap-2">
46
+ Audit My AEO Score <i data-lucide="arrow-right" class="w-5 h-5"></i>
47
+ </a>
48
+ <a href="#how-it-works" class="secondary-btn px-8 py-4 rounded-xl font-medium text-lg w-full sm:w-auto">
49
+ How It Works
50
+ </a>
51
+ </div>
52
+ </main>
53
+
54
+ <section class="max-w-5xl mx-auto mb-24">
55
+ <div class="grid md:grid-cols-2 gap-8 items-center bg-slate-50 rounded-3xl p-8 sm:p-12 border border-slate-100">
56
+ <div>
57
+ <h3 class="text-2xl font-bold text-slate-900 mb-4">Why AEO Matters More Than SEO</h3>
58
+ <p class="text-slate-600 mb-6 leading-relaxed">
59
+ Traditional SEO focuses on keywords. <strong>Answer Engine Optimization (AEO)</strong> focuses on facts.
60
+ If Answer Engines trust your data, they cite you. If they don't, they ignore you.
61
+ </p>
62
+ <div class="space-y-3">
63
+ <div class="flex items-center gap-3 check-item p-3">
64
+ <i data-lucide="check-circle-2" class="text-sky-600 w-5 h-5 shrink-0"></i>
65
+ <span class="font-medium text-slate-700">Win the "Zero-Click" Search</span>
66
+ </div>
67
+ <div class="flex items-center gap-3 check-item p-3">
68
+ <i data-lucide="check-circle-2" class="text-sky-600 w-5 h-5 shrink-0"></i>
69
+ <span class="font-medium text-slate-700">Become a Perplexity "Top Source"</span>
70
+ </div>
71
+ <div class="flex items-center gap-3 check-item p-3">
72
+ <i data-lucide="check-circle-2" class="text-sky-600 w-5 h-5 shrink-0"></i>
73
+ <span class="font-medium text-slate-700">Secure Brand Authority in GPT-4</span>
74
+ </div>
75
+ </div>
76
+ </div>
77
+ <div class="relative h-64 bg-white rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center overflow-hidden">
78
+ <div class="absolute inset-0 bg-[radial-gradient(#e0f2fe_1px,transparent_1px)] [background-size:16px_16px] opacity-50"></div>
79
+ <div class="relative z-10 text-center">
80
+ <div class="inline-flex p-4 rounded-2xl bg-sky-50 text-sky-600 mb-4 shadow-sm border border-sky-100">
81
+ <i data-lucide="search-check" class="w-10 h-10"></i>
82
+ </div>
83
+ <div class="text-sm font-bold text-slate-400 uppercase tracking-wider mb-1">Status</div>
84
+ <div class="text-xl font-bold text-slate-900">Trusted Authority</div>
85
+ </div>
86
+ <svg class="absolute top-1/2 left-0 w-full text-slate-200 -z-0" height="100" viewBox="0 0 400 100" fill="none">
87
+ <path d="M0 50 C 100 50, 100 20, 200 50 C 300 80, 300 50, 400 50" stroke="currentColor" stroke-width="2" stroke-dasharray="6 6"/>
88
+ </svg>
89
+ </div>
90
+ </div>
91
+ </section>
92
+
93
+ <section id="how-it-works" class="max-w-6xl mx-auto mb-20 px-2">
94
+ <div class="text-center mb-16">
95
+ <h2 class="text-3xl font-bold text-slate-900">Our AEO Methodology</h2>
96
+ <p class="text-slate-500 mt-4">We use a proprietary 3-pillar framework to optimize for machine understanding.</p>
97
+ </div>
98
+
99
+ <div class="grid md:grid-cols-3 gap-6">
100
+ <div class="service-card p-8 rounded-2xl">
101
+ <div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mb-6 text-white shadow-lg shadow-blue-200">
102
+ <i data-lucide="network" class="w-6 h-6"></i>
103
+ </div>
104
+ <h3 class="text-xl font-bold text-slate-900 mb-3">Knowledge Graph Construction</h3>
105
+ <p class="text-slate-600 text-sm leading-relaxed">
106
+ We translate your website content into structured JSON-LD schema that machines can read instantly, establishing your brand as a "named entity."
107
+ </p>
108
+ </div>
109
+
110
+ <div class="service-card p-8 rounded-2xl">
111
+ <div class="w-12 h-12 bg-indigo-600 rounded-lg flex items-center justify-center mb-6 text-white shadow-lg shadow-indigo-200">
112
+ <i data-lucide="file-check" class="w-6 h-6"></i>
113
+ </div>
114
+ <h3 class="text-xl font-bold text-slate-900 mb-3">Fact-Based Content Optimizing</h3>
115
+ <p class="text-slate-600 text-sm leading-relaxed">
116
+ Answer Engines hate fluff. We rewrite your core pages into "Answer Ready" formats using data tuples and direct logic that LLMs prefer.
117
+ </p>
118
+ </div>
119
+
120
+ <div class="service-card p-8 rounded-2xl">
121
+ <div class="w-12 h-12 bg-sky-500 rounded-lg flex items-center justify-center mb-6 text-white shadow-lg shadow-sky-200">
122
+ <i data-lucide="share-2" class="w-6 h-6"></i>
123
+ </div>
124
+ <h3 class="text-xl font-bold text-slate-900 mb-3">Citation Velocity</h3>
125
+ <p class="text-slate-600 text-sm leading-relaxed">
126
+ We secure mentions on the specific Tier-1 sources (like Wikipedia, Crunchbase, and Niche News) that feed the training data of models like GPT-5.
127
+ </p>
128
+ </div>
129
+ </div>
130
+ </section>
131
+
132
+ <div class="max-w-3xl mx-auto text-center border-t border-slate-200 pt-16 pb-12">
133
+ <h2 class="text-3xl font-bold text-slate-900 mb-6">Don't Get Left in the "Old Search"</h2>
134
+ <p class="text-slate-500 mb-8 max-w-lg mx-auto">
135
+ Your competitors are already optimizing for AI. Let's make sure your brand is the answer, not an option.
136
+ </p>
137
+ <a href="https://digimsm.com/answer-engine-optimization/" class="inline-flex items-center gap-2 bg-slate-900 hover:bg-slate-800 text-white px-10 py-4 rounded-full font-bold transition-all hover:scale-105">
138
+ Start Your AEO Campaign
139
+ <i data-lucide="chevron-right" class="w-4 h-4"></i>
140
+ </a>
141
+
142
+ <div class="mt-12 flex items-center justify-center gap-6 text-xs text-slate-400 font-medium uppercase tracking-wider">
143
+ <span>&copy; 2025 Digimsm</span>
144
+ <span class="w-1 h-1 rounded-full bg-slate-300"></span>
145
+ <span>AEO Specialists</span>
146
+ <span class="w-1 h-1 rounded-full bg-slate-300"></span>
147
+ <span>Global Agency</span>
148
+ </div>
149
+ </div>
150
+
151
+ <script>
152
+ lucide.createIcons();
153
+ </script>
154
+ </body>
155
+ </html>