-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
393 lines (366 loc) · 23.5 KB
/
index.html
File metadata and controls
393 lines (366 loc) · 23.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MindCore | Remembered. Understood. You.</title>
<meta name="description" content="MindCore provides AI-driven solutions designed to bring people and computers together. Experience AI that maintains context, memory, and emotional awareness.">
<!-- Open Graph -->
<meta property="og:title" content="MindCore | Remembered. Understood. You.">
<meta property="og:description" content="AI systems that understand people continuously, not as isolated inputs. Experience the future of human-computer interaction.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mindcore.ai">
<meta property="og:image" content="https://mindcore.ai/assets/logo.jpg">
<meta property="og:site_name" content="MindCore">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="MindCore | AI That Understands You">
<meta name="twitter:description" content="AI systems that understand people continuously. Building the future of human-AI interaction.">
<meta name="twitter:image" content="https://mindcore.ai/assets/logo.jpg">
<!-- Additional Meta -->
<meta name="keywords" content="AI, artificial intelligence, EchoMind, personal AI, AI companion, emotional AI, contextual AI, privacy-first AI">
<meta name="author" content="MindCore LLC">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://mindcore.ai">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "MindCore LLC",
"description": "AI systems that understand people continuously, not as isolated inputs",
"url": "https://mindcore.ai",
"logo": "https://mindcore.ai/assets/logo.jpg",
"foundingDate": "2024",
"industry": "Artificial Intelligence",
"sameAs": [
"https://www.linkedin.com/company/mindcore-llc/"
],
"contactPoint": {
"@type": "ContactPoint",
"email": "hello@mindcore.ai",
"contactType": "customer service"
}
}
</script>
<!-- Preload fonts for performance -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="assets/logo.jpg" type="image/jpeg">
<link rel="apple-touch-icon" href="assets/logo.jpg">
</head>
<body>
<canvas id="bg"></canvas>
<div id="gradient"></div>
<!-- Header -->
<header class="site-header">
<div class="container flex-between">
<a href="index.html" class="brand flex-center" style="gap: 10px;">
<img src="assets/logo.jpg" alt="MindCore Logo" style="width: 32px; height: 32px; border-radius: 8px;">
<span style="font-weight: 600; font-size: 18px;">MindCore</span>
</a>
<button class="mobile-menu-btn" aria-label="Toggle menu">☰</button>
<nav class="nav-links">
<a href="index.html" class="nav-link active">Home</a>
<a href="products.html" class="nav-link">Products</a>
<a href="eyecore.html" class="nav-link">Infrastructure</a>
<a href="echolab.html" class="nav-link">Research</a>
<a href="echomind.html" class="btn btn-primary" style="padding: 6px 16px; font-size: 13px;">Get EchoMind</a>
</nav>
</div>
</header>
<main>
<!-- Hero Section -->
<section class="hero">
<div class="hero-bg"></div>
<div class="container">
<span class="hero-eyebrow" data-animate>MindCore</span>
<h1 class="text-display" data-animate style="margin-bottom: var(--space-m);">
Remembered.<br>
Understood.<br>
<span class="text-gradient">You.</span>
</h1>
<p class="text-body" data-animate style="max-width: 600px; margin: 0 auto var(--space-xl);">
An umbrella company that provides services beyond just simple AI. We create systems that understand people continuously, not as isolated inputs.
</p>
<div class="flex-center" style="gap: var(--space-m);" data-animate>
<a href="products.html" class="btn btn-primary">Explore Products</a>
<button class="btn btn-secondary" data-open-modal>Join Early Access</button>
</div>
</div>
</section>
<!-- Mission Section -->
<section id="mission" class="section">
<div class="container">
<div class="grid-2" style="align-items: center;">
<div data-animate>
<h2 class="text-h2" style="margin-bottom: var(--space-m);">Bridging the gap between <span class="text-gradient">human and machine</span>.</h2>
<p class="text-body" style="margin-bottom: var(--space-l);">
MindCore’s mission is to create AI systems that understand people continuously. We develop infrastructure that allows AI to maintain context, memory, emotional awareness, and adaptive behavior across applications, devices, and daily environments.
</p>
<p class="text-body">
The goal is to build AI that learns you, improving over time, enabling deeply personalized assistance.
</p>
</div>
<div class="card card-glass" data-animate style="display: flex; flex-direction: column; gap: var(--space-m);">
<div class="flex-center" style="justify-content: start; gap: 12px;">
<div class="icon-chip sm" data-tone="accent">OS</div>
<h3 class="text-h3">Contextual Computing</h3>
</div>
<p class="text-small">AI that understands the 'why' and 'how', not just the 'what'.</p>
<div class="flex-center" style="justify-content: start; gap: 12px; margin-top: var(--space-s);">
<div class="icon-chip sm" data-tone="signal">EQ</div>
<h3 class="text-h3">Emotional Awareness</h3>
</div>
<p class="text-small">Systems that adapt to your mood and mental state.</p>
</div>
</div>
</div>
</section>
<!-- Social Proof / Metrics Section -->
<section class="section" style="background: var(--bg-surface);">
<div class="container">
<div style="text-align: center; margin-bottom: var(--space-2xl);">
<h2 class="text-h2" style="margin-bottom: var(--space-s);">Building Momentum</h2>
<p class="text-body">Join thousands who believe in the future of human-centered AI.</p>
</div>
<div class="metrics-grid" data-animate>
<div class="metric-card">
<div class="metric-value">2,500+</div>
<div class="metric-label">Waitlist Signups</div>
</div>
<div class="metric-card">
<div class="metric-value">6</div>
<div class="metric-label">Products in Development</div>
</div>
<div class="metric-card">
<div class="metric-value">4</div>
<div class="metric-label">Active Research Projects</div>
</div>
<div class="metric-card">
<div class="metric-value">100%</div>
<div class="metric-label">Local-First Privacy</div>
</div>
</div>
<!-- Testimonials -->
<div class="testimonials-grid" style="margin-top: var(--space-2xl);">
<div class="card card-glass testimonial-card" data-animate>
<p class="text-body" style="font-style: italic; margin-bottom: var(--space-m);">"The idea of an AI that actually remembers our conversations and adapts to my workflow is exactly what I've been waiting for. Current assistants feel so disconnected."</p>
<div class="testimonial-author">
<div class="testimonial-avatar">EA</div>
<div>
<div class="text-small" style="font-weight: 600; color: var(--text-primary);">Early Access Member</div>
<div class="text-small">Software Developer</div>
</div>
</div>
</div>
<div class="card card-glass testimonial-card" data-animate>
<p class="text-body" style="font-style: italic; margin-bottom: var(--space-m);">"Privacy-first AI is the future. I can't wait for something that works locally and doesn't send my data to the cloud. MindCore gets it."</p>
<div class="testimonial-author">
<div class="testimonial-avatar">WL</div>
<div>
<div class="text-small" style="font-weight: 600; color: var(--text-primary);">Waitlist Member</div>
<div class="text-small">Privacy Advocate</div>
</div>
</div>
</div>
<div class="card card-glass testimonial-card" data-animate>
<p class="text-body" style="font-style: italic; margin-bottom: var(--space-m);">"The emotional awareness aspect is what excites me most. An AI that can sense when I'm stressed and adjust accordingly? That's next level."</p>
<div class="testimonial-author">
<div class="testimonial-avatar">BA</div>
<div>
<div class="text-small" style="font-weight: 600; color: var(--text-primary);">Beta Applicant</div>
<div class="text-small">Product Manager</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Why MindCore Section -->
<section class="section">
<div class="container">
<div style="text-align: center; margin-bottom: var(--space-2xl);">
<h2 class="text-h2" style="margin-bottom: var(--space-s);">Why MindCore?</h2>
<p class="text-body" style="max-width: 600px; margin: 0 auto;">What makes us different from every other AI company.</p>
</div>
<div class="grid-3">
<div class="card card-glass" data-animate>
<div class="icon-chip" data-tone="accent" style="margin-bottom: var(--space-m);">01</div>
<h3 class="text-h3" style="margin-bottom: 8px;">Persistent Memory</h3>
<p class="text-small">Unlike chatbots that forget everything, EchoMind remembers your conversations, preferences, and patterns across sessions. It actually learns who you are.</p>
</div>
<div class="card card-glass" data-animate>
<div class="icon-chip" data-tone="signal" style="margin-bottom: var(--space-m);">02</div>
<h3 class="text-h3" style="margin-bottom: 8px;">Privacy By Design</h3>
<p class="text-small">Your data stays on your device. We built everything local-first, so you get powerful AI without sacrificing privacy. No cloud surveillance.</p>
</div>
<div class="card card-glass" data-animate>
<div class="icon-chip" data-tone="iris" style="margin-bottom: var(--space-m);">03</div>
<h3 class="text-h3" style="margin-bottom: 8px;">Emotional Intelligence</h3>
<p class="text-small">Our AI senses your emotional state and adapts its responses accordingly. Stressed? It'll be calmer. Focused? It stays out of your way.</p>
</div>
<div class="card card-glass" data-animate>
<div class="icon-chip" data-tone="citrus" style="margin-bottom: var(--space-m);">04</div>
<h3 class="text-h3" style="margin-bottom: 8px;">Screen Awareness</h3>
<p class="text-small">EchoMind sees what you see (locally). It understands context from your screen, so you don't have to explain everything from scratch.</p>
</div>
<div class="card card-glass" data-animate>
<div class="icon-chip" data-tone="rose" style="margin-bottom: var(--space-m);">05</div>
<h3 class="text-h3" style="margin-bottom: 8px;">Agent Capabilities</h3>
<p class="text-small">When you want it to, EchoMind can take action—browse the web, open apps, take notes, set reminders. Your proactive digital partner.</p>
</div>
<div class="card card-glass" data-animate>
<div class="icon-chip" data-tone="ice" style="margin-bottom: var(--space-m);">06</div>
<h3 class="text-h3" style="margin-bottom: 8px;">Unified Platform</h3>
<p class="text-small">EyeCore powers everything. One infrastructure, multiple products. Your data and preferences work seamlessly across the entire MindCore ecosystem.</p>
</div>
</div>
</div>
</section>
<!-- Roadmap Section -->
<section class="section" style="background: var(--bg-surface);">
<div class="container">
<div class="flex-between" style="margin-bottom: var(--space-2xl); align-items: flex-end;">
<div>
<h2 class="text-h2">Release Roadmap</h2>
<p class="text-body">Our journey to human-centered AI.</p>
</div>
<a href="echolab.html" class="btn btn-secondary">View Research</a>
</div>
<!-- Visual Timeline -->
<div class="timeline-visual">
<div class="timeline-item" data-animate>
<div class="timeline-marker active"></div>
<div class="timeline-content">
<span class="timeline-phase">Phase 1 — 2025</span>
<h3 class="text-h3">Foundation</h3>
<p class="text-small">Launch <strong>EyeCore</strong> (Infrastructure) and <strong>EchoMind</strong> (Companion). Establishing the context-adaptive desktop environment.</p>
</div>
</div>
<div class="timeline-item" data-animate>
<div class="timeline-marker"></div>
<div class="timeline-content">
<span class="timeline-phase">Phase 2 — 2025-2026</span>
<h3 class="text-h3">Expansion</h3>
<p class="text-small">Release <strong>TechMind</strong>. A secondary product running on EyeCore for hardware/software support.</p>
</div>
</div>
<div class="timeline-item" data-animate>
<div class="timeline-marker"></div>
<div class="timeline-content">
<span class="timeline-phase">Phase 3 — 2026</span>
<h3 class="text-h3">Research & Trust</h3>
<p class="text-small"><strong>EchoLabs</strong> research integration. Introduction of <strong>VaultCore</strong> (Aegis/CoreWatch) for enterprise trust.</p>
</div>
</div>
<div class="timeline-item" data-animate>
<div class="timeline-marker"></div>
<div class="timeline-content">
<span class="timeline-phase">Phase 4 — 2026-2027</span>
<h3 class="text-h3">Ecosystem</h3>
<p class="text-small"><strong>GameEye</strong> & <strong>InterviewCore</strong>. Opening the MindCore API for third-party developers.</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="section">
<div class="container">
<div class="card card-glass" style="text-align: center; padding: var(--space-3xl) var(--space-l);">
<h2 class="text-h1" style="margin-bottom: var(--space-m);">Ready to experience the future?</h2>
<p class="text-body" style="margin-bottom: var(--space-xl); max-width: 600px; margin-left: auto; margin-right: auto;">
Join us in building the next generation of human-computer interaction.
</p>
<div class="flex-center" style="gap: var(--space-m); flex-wrap: wrap;">
<a href="echomind.html" class="btn btn-accent" style="padding: 16px 32px; font-size: 16px;">Meet EchoMind</a>
<a href="pages/investors.html" class="btn btn-secondary" style="padding: 16px 32px; font-size: 16px;">For Investors</a>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<div class="brand flex-center" style="justify-content: start; gap: 10px; margin-bottom: var(--space-m);">
<img src="assets/logo.jpg" alt="MindCore Logo" style="width: 24px; height: 24px; border-radius: 6px;">
<span style="font-weight: 600;">MindCore</span>
</div>
<p class="text-small" style="max-width: 280px;">
Creating AI systems that understand people continuously, not as isolated inputs.
</p>
</div>
<div class="footer-col">
<h4>Products</h4>
<ul>
<li><a href="echomind.html">EchoMind</a></li>
<li><a href="eyecore.html">EyeCore</a></li>
<li><a href="techmind.html">TechMind</a></li>
<li><a href="products.html">All Products</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="pages/about.html">About Us</a></li>
<li><a href="echolab.html">Research</a></li>
<li><a href="pages/careers.html">Careers</a></li>
<li><a href="pages/investors.html">Investors</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Legal</h4>
<ul>
<li><a href="pages/privacy.html">Privacy Policy</a></li>
<li><a href="pages/terms.html">Terms of Service</a></li>
<li><a href="pages/faq.html">FAQ</a></li>
<li><a href="pages/contact.html">Contact</a></li>
</ul>
</div>
</div>
<div style="margin-top: var(--space-2xl); padding-top: var(--space-l); border-top: 1px solid var(--border-color); text-align: center;">
<p class="text-small">© 2025 MindCore LLC. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal" id="interest-modal" aria-hidden="true" role="dialog" aria-modal="false" style="display: none;">
<div class="modal-backdrop" data-close-modal style="position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); z-index: 1000;"></div>
<div class="modal-dialog card card-glass" role="document" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(500px, 90%); z-index: 1001; padding: var(--space-xl);">
<button class="modal-close" aria-label="Close" data-close-modal style="position: absolute; top: 16px; right: 16px; background: none; border: none; color: var(--text-secondary); font-size: 24px; cursor: pointer;">×</button>
<h3 class="text-h3" style="margin-bottom: var(--space-m);">Join Early Access</h3>
<p class="text-body" style="margin-bottom: var(--space-l);">Share your email and how you’d like to use MindCore.</p>
<form id="interest-form" name="early-access" method="POST" data-netlify="true" netlify-honeypot="bot-field" style="display: grid; gap: var(--space-m);">
<!-- Netlify Forms hidden fields -->
<input type="hidden" name="form-name" value="early-access" />
<input type="hidden" name="bot-field" />
<input type="hidden" name="source" value="homepage" />
<label style="display: grid; gap: 8px;">
<span class="text-small" style="font-weight: 600;">Email</span>
<input type="email" name="email" required placeholder="you@example.com" style="width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border-color); background: rgba(255,255,255,0.05); color: var(--text-primary); outline: none;">
</label>
<label style="display: grid; gap: 8px;">
<span class="text-small" style="font-weight: 600;">How would you use MindCore?</span>
<textarea name="message" rows="3" placeholder="Study buddy, focus coach..." required style="width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border-color); background: rgba(255,255,255,0.05); color: var(--text-primary); outline: none; font-family: inherit;"></textarea>
</label>
<!-- Form status message (ARIA live region) -->
<div role="status" aria-live="polite" aria-atomic="true" class="form-status"></div>
<div style="display: flex; gap: 12px; margin-top: 8px;">
<button type="submit" class="btn btn-primary" style="flex: 1;">Submit Interest</button>
</div>
<p class="text-small" style="text-align: center; opacity: 0.6;">We respect your privacy. No spam.</p>
</form>
<div class="form-success" hidden style="text-align: center; padding: 20px;">
<h4 class="text-h3" style="color: #30d158; margin-bottom: 8px;">Thank you!</h4>
<p class="text-body">We've recorded your interest.</p>
</div>
</div>
</div>
<script src="scripts.js"></script>
</body>
</html>