Hugging Face's logo

Spaces:
rsinha02
/
ai-grok-vision-scanner
Running

App Files Community
rsinha02 commited on
Commit
88f96e8
·
verified ·
1 Parent(s): 2f3bd7b

this look nothing like grok.com

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +236 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Ai Grok Vision Scanner
3
- emoji: 🏆
4
- colorFrom: yellow
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: AI-Grok Vision Scanner 🚀
3
+ colorFrom: gray
4
+ colorTo: yellow
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,237 @@
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>AI-Grok | Future-Ready AI Scanner</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ color: #e5e7eb;
15
+ overflow-x: hidden;
16
+ }
17
+ .gradient-text {
18
+ background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
19
+ -webkit-background-clip: text;
20
+ background-clip: text;
21
+ -webkit-text-fill-color: transparent;
22
+ }
23
+ .glass-card {
24
+ background: rgba(15, 23, 42, 0.7);
25
+ backdrop-filter: blur(10px);
26
+ -webkit-backdrop-filter: blur(10px);
27
+ border: 1px solid rgba(255, 255, 255, 0.1);
28
+ }
29
+ .pulse-animation {
30
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
31
+ }
32
+ @keyframes pulse {
33
+ 0%, 100% { opacity: 1; }
34
+ 50% { opacity: 0.5; }
35
+ }
36
+ </style>
37
+ </head>
38
+ <body class="bg-slate-900 min-h-screen">
39
+ <div id="vanta-bg" class="fixed inset-0 z-0"></div>
40
+
41
+ <div class="relative z-10 min-h-screen flex flex-col">
42
+ <!-- Header -->
43
+ <header class="glass-card sticky top-0 z-50 py-4 px-6">
44
+ <div class="container mx-auto flex justify-between items-center">
45
+ <div class="flex items-center space-x-2">
46
+ <i data-feather="eye" class="text-indigo-400 w-6 h-6"></i>
47
+ <span class="text-2xl font-bold gradient-text">AI-Grok</span>
48
+ </div>
49
+ <nav class="hidden md:flex space-x-8">
50
+ <a href="#" class="hover:text-indigo-300 transition-colors">Features</a>
51
+ <a href="#" class="hover:text-indigo-300 transition-colors">Pricing</a>
52
+ <a href="#" class="hover:text-indigo-300 transition-colors">API</a>
53
+ <a href="#" class="hover:text-indigo-300 transition-colors">Docs</a>
54
+ </nav>
55
+ <div class="flex items-center space-x-4">
56
+ <a href="#" class="px-4 py-2 rounded-full border border-indigo-400 text-indigo-400 hover:bg-indigo-400 hover:bg-opacity-10 transition-colors">
57
+ Sign In
58
+ </a>
59
+ <a href="#" class="px-4 py-2 rounded-full bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 transition-colors">
60
+ Get Started
61
+ </a>
62
+ </div>
63
+ </div>
64
+ </header>
65
+
66
+ <!-- Hero Section -->
67
+ <main class="flex-grow flex items-center py-20 px-4">
68
+ <div class="container mx-auto">
69
+ <div class="max-w-4xl mx-auto text-center">
70
+ <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight">
71
+ <span class="gradient-text">AI-Grok</span> Vision Scanner
72
+ </h1>
73
+ <p class="text-xl text-slate-300 mb-10 max-w-3xl mx-auto">
74
+ Grok the future with our AI vision scanner. Instant insights, brutal honesty, no fluff.
75
+ </p>
76
+ <div class="glass-card rounded-xl p-8 max-w-2xl mx-auto mb-12 border-2 border-indigo-500">
77
+ <div class="flex flex-col md:flex-row gap-4 animate-pulse">
78
+ <input type="text" placeholder="Drop your URL here, human..." class="flex-grow px-4 py-3 bg-slate-800 rounded-lg border border-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 text-lg font-mono">
79
+ <button class="px-8 py-3 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 transition-all font-bold transform hover:scale-105">
80
+ Grok It!
81
+ </button>
82
+ </div>
83
+ </div>
84
+ <div class="flex justify-center items-center space-x-8 text-indigo-300">
85
+ <div class="flex items-center">
86
+ <i data-feather="zap" class="w-5 h-5 mr-2"></i>
87
+ <span class="font-bold">Instant Analysis</span>
88
+ </div>
89
+ <div class="flex items-center">
90
+ <i data-feather="coffee" class="w-5 h-5 mr-2"></i>
91
+ <span class="font-bold">No BS</span>
92
+ </div>
93
+ <div class="flex items-center">
94
+ <i data-feather="eye" class="w-5 h-5 mr-2"></i>
95
+ <span class="font-bold">Brutal Honesty</span>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </main>
101
+
102
+ <!-- Features Section -->
103
+ <section class="py-20 px-6">
104
+ <div class="container mx-auto">
105
+ <h2 class="text-4xl font-bold text-center mb-16">
106
+ <span class="gradient-text">What Makes Us</span> Different
107
+ </h2>
108
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto">
109
+ <!-- Feature 1 -->
110
+ <div class="glass-card rounded-xl p-8 hover:border-indigo-500 transition-all transform hover:-translate-y-2">
111
+ <h3 class="text-2xl font-bold mb-4 gradient-text">No Sugarcoating</h3>
112
+ <p class="text-slate-300">We tell you exactly what's wrong with your site, no corporate fluff.</p>
113
+ <div class="mt-6 text-indigo-400">
114
+ <i data-feather="alert-triangle" class="w-8 h-8"></i>
115
+ </div>
116
+ </div>
117
+
118
+ <!-- Feature 2 -->
119
+ <div class="glass-card rounded-xl p-8 hover:border-indigo-500 transition-all transform hover:-translate-y-2">
120
+ <h3 class="text-2xl font-bold mb-4 gradient-text">Memeworthy</h3>
121
+ <p class="text-slate-300">Our reports go viral because they're actually funny and useful.</p>
122
+ <div class="mt-6 text-indigo-400">
123
+ <i data-feather="thumbs-up" class="w-8 h-8"></i>
124
+ </div>
125
+ </div>
126
+
127
+ <!-- Feature 3 -->
128
+ <div class="glass-card rounded-xl p-8 hover:border-indigo-500 transition-all transform hover:-translate-y-2">
129
+ <h3 class="text-2xl font-bold mb-4 gradient-text">For Builders</h3>
130
+ <p class="text-slate-300">Made by devs who hate corporate tools as much as you do.</p>
131
+ <div class="mt-6 text-indigo-400">
132
+ <i data-feather="code" class="w-8 h-8"></i>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </section>
138
+
139
+ <!-- CTA Section -->
140
+ <section class="py-20 px-6 bg-gradient-to-br from-slate-800 to-slate-900">
141
+ <div class="container mx-auto text-center">
142
+ <h2 class="text-4xl font-bold mb-6">Ready for the Truth?</h2>
143
+ <p class="text-xl text-slate-300 mb-10 max-w-2xl mx-auto">
144
+ Scan your site now and get brutally honest AI feedback in seconds.
145
+ </p>
146
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
147
+ <button class="px-10 py-4 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 transition-all font-bold text-lg transform hover:scale-105">
148
+ Grok My Site
149
+ </button>
150
+ <button class="px-10 py-4 rounded-lg border-2 border-indigo-400 text-indigo-400 hover:bg-indigo-400 hover:bg-opacity-10 transition-all font-bold text-lg transform hover:scale-105">
151
+ See Examples
152
+ </button>
153
+ </div>
154
+ </div>
155
+ </section>
156
+
157
+ <!-- Footer -->
158
+ <footer class="glass-card py-12 px-6">
159
+ <div class="container mx-auto">
160
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
161
+ <div>
162
+ <div class="flex items-center space-x-2 mb-4">
163
+ <i data-feather="eye" class="text-indigo-400 w-6 h-6"></i>
164
+ <span class="text-xl font-bold gradient-text">AI-Grok</span>
165
+ </div>
166
+ <p class="text-slate-300 mb-4">
167
+ Grok the future with brutally honest AI insights.
168
+ </p>
169
+ <div class="flex space-x-4">
170
+ <a href="#" class="text-slate-300 hover:text-indigo-400"><i data-feather="twitter"></i></a>
171
+ <a href="#" class="text-slate-300 hover:text-indigo-400"><i data-feather="linkedin"></i></a>
172
+ <a href="#" class="text-slate-300 hover:text-indigo-400"><i data-feather="github"></i></a>
173
+ </div>
174
+ </div>
175
+ <div>
176
+ <h3 class="text-lg font-semibold mb-4">Product</h3>
177
+ <ul class="space-y-2">
178
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Features</a></li>
179
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Pricing</a></li>
180
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">API</a></li>
181
+ </ul>
182
+ </div>
183
+ <div>
184
+ <h3 class="text-lg font-semibold mb-4">Resources</h3>
185
+ <ul class="space-y-2">
186
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Documentation</a></li>
187
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Blog</a></li>
188
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Support</a></li>
189
+ </ul>
190
+ </div>
191
+ <div>
192
+ <h3 class="text-lg font-semibold mb-4">Company</h3>
193
+ <ul class="space-y-2">
194
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">About</a></li>
195
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Careers</a></li>
196
+ <li><a href="#" class="text-slate-300 hover:text-indigo-400">Contact</a></li>
197
+ </ul>
198
+ </div>
199
+ </div>
200
+ <div class="border-t border-slate-700 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
201
+ <p class="text-slate-400 mb-4 md:mb-0">© 2023 AISight. All rights reserved.</p>
202
+ <div class="flex space-x-6">
203
+ <a href="#" class="text-slate-400 hover:text-indigo-400">Privacy</a>
204
+ <a href="#" class="text-slate-400 hover:text-indigo-400">Terms</a>
205
+ <a href="#" class="text-slate-400 hover:text-indigo-400">Cookies</a>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ </footer>
210
+ </div>
211
+
212
+ <script>
213
+ // Initialize Vanta.js background
214
+ VANTA.NET({
215
+ el: "#vanta-bg",
216
+ mouseControls: true,
217
+ touchControls: true,
218
+ gyroControls: false,
219
+ minHeight: 200.00,
220
+ minWidth: 200.00,
221
+ scale: 1.00,
222
+ scaleMobile: 1.00,
223
+ color: 0x7c3aed,
224
+ backgroundColor: 0x0f172a,
225
+ points: 16.00,
226
+ maxDistance: 24.00,
227
+ spacing: 18.00
228
+ });
229
+
230
+ // Add some fun console messages
231
+ console.log('%c Welcome to AI-Grok!', 'font-size: 20px; color: #7c3aed; font-weight: bold;');
232
+ console.log('%c This site doesn\'t suck as much as yours probably does.', 'color: #7c3aed;');
233
+ // Initialize feather icons
234
+ feather.replace();
235
+ </script>
236
+ </body>
237
  </html>