-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
182 lines (174 loc) · 10.4 KB
/
Copy pathindex.html
File metadata and controls
182 lines (174 loc) · 10.4 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>DeepAnswer, a quiet AI study phone</title>
<meta name="description" content="DeepAnswer is a locked Android study phone for school kids in China, with camera, voice, and text tutoring that teaches the method and saves every question by subject." />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Noto+Serif+SC:wght@600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="landing.css" />
</head>
<body>
<header class="nav">
<div class="wrap nav-inner">
<a class="brand" href="#top" aria-label="DeepAnswer home">
<span class="brand-mark" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5.5c2.5-1 5.5-1 8 .5v13c-2.5-1.5-5.5-1.5-8-.5v-13Z"/><path d="M21 5.5c-2.5-1-5.5-1-8 .5v13c2.5-1.5 5.5-1.5 8-.5v-13Z"/></svg>
</span>
<span class="brand-name">DeepAnswer<small>Study phone</small></span>
</a>
<nav class="nav-links" aria-label="Primary">
<a href="#tutor">Tutor</a>
<a href="#library">Library</a>
<a href="#trust">Trust</a>
<a class="btn btn-primary" href="#contact">Request demo</a>
</nav>
</div>
</header>
<main id="top">
<section class="hero">
<div class="hero-scene" aria-hidden="true">
<div class="paper-sheet"></div>
<div class="phone-shell large">
<div class="phone-screen">
<div class="app-mini">
<div class="app-top"><span class="wordmark">DeepAnswer<span>.</span></span><span>Tue, Jun 9</span></div>
<h3>What do you want help with today?</h3>
<div class="ask-card">
<span class="eyebrow">Ask a question</span>
<strong>Show me a problem. I will work through it with you.</strong>
<div class="input-row"><span>Camera</span><span>Voice</span><span>Type</span></div>
</div>
<div class="mini-card">3 questions yesterday. Whatever you do today counts.</div>
</div>
</div>
</div>
<div class="hero-badge badge-one">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
Method first, answer second
</div>
<div class="hero-badge badge-two">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h6v16H4z"/><path d="M14 6h6v14h-6z"/></svg>
Every question becomes a page
</div>
</div>
<div class="wrap hero-content">
<div class="hero-copy">
<span class="eyebrow">DeepAnswer for school kids in China</span>
<h1>A quiet AI study phone that teaches one question at a time.</h1>
<p class="lede">DeepAnswer locks an Android device into a calm study companion. Students ask by camera, voice, or text. The tutor explains the method, saves the question by subject, and helps them practice the same pattern later.</p>
<div class="hero-actions">
<a class="btn btn-primary" href="#contact">
Request a demo
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg>
</a>
<a class="btn btn-paper" href="#tutor">See how it works</a>
</div>
<div class="hero-points">
<span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M20 6 9 17l-5-5"/></svg>No games or feeds</span>
<span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M20 6 9 17l-5-5"/></svg>Patient step-by-step answers</span>
<span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M20 6 9 17l-5-5"/></svg>Subject library and reports</span>
</div>
</div>
</div>
</section>
<section class="proof-strip" aria-label="Product summary">
<div class="proof-item"><strong>6-18</strong><span>school age range</span></div>
<div class="proof-item"><strong>3 ways</strong><span>camera, voice, type</span></div>
<div class="proof-item"><strong>9 books</strong><span>China curriculum subjects</span></div>
<div class="proof-item"><strong>1 app</strong><span>locked study device</span></div>
</section>
<section class="section" id="tutor">
<div class="wrap split">
<div>
<div class="section-head">
<span class="eyebrow">The tutor</span>
<h2>It does not just give the answer. It teaches the path.</h2>
<p>Every response is shaped like a patient teacher: read the problem, name the method, walk through numbered steps, give the answer, then check whether the student understood.</p>
</div>
<div class="step-list">
<div class="step-line"><b>1</b><div><strong>Start from the student level</strong><span>Profile-aware prompting adapts to age, grade, and China-school exam context.</span></div></div>
<div class="step-line"><b>2</b><div><strong>Make the reasoning visible</strong><span>Math and science render with readable formulas instead of raw markup.</span></div></div>
<div class="step-line"><b>3</b><div><strong>Ask the next useful question</strong><span>The final check turns an answer into a learning loop, not a copy-paste moment.</span></div></div>
</div>
</div>
<div class="visual-panel">
<div class="answer-card">
<div class="label">Answer card</div>
<h3>x = 4</h3>
<div class="line navy"></div>
<div class="line"></div>
<div class="line sky"></div>
<div class="line"></div>
</div>
</div>
</div>
</section>
<section class="section band" id="library">
<div class="wrap">
<div class="section-head center">
<span class="eyebrow">A library, not a chat log</span>
<h2>Every question is filed into the right subject book.</h2>
<p>DeepAnswer turns study history into something students and parents can actually review: one book per subject, one page per question, with practice generated from earlier weak spots.</p>
</div>
<div class="grid-3">
<article class="feature-card">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 4h6v16H4z"/><path d="M14 6h6v14h-6z"/></svg></div>
<h3>Subject books</h3>
<p>Chinese, Math, English, Physics, Chemistry, Biology, Dao & Fa, History, and Geography stay separate and easy to revisit.</p>
</article>
<article class="feature-card">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19V8"/><path d="M10 19V5"/><path d="M16 19v-9"/></svg></div>
<h3>Weekly notes</h3>
<p>A teacher-style report shows what stuck, what is still wobbly, and which exercises should come next.</p>
</article>
<article class="feature-card">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3v18"/><path d="M7 8h10"/><path d="M7 16h10"/></svg></div>
<h3>Similar practice</h3>
<p>The exercise flow generates new questions from previous learning patterns, then grades typed or photographed answers.</p>
</article>
</div>
</div>
</section>
<section class="section" id="trust">
<div class="wrap split reverse">
<div class="visual-panel visual-pad">
<div class="image-row">
<figure class="capture"><img src="devlog-images/01-home-launcher.png" alt="DeepAnswer home screen on a device" /></figure>
<figure class="capture"><img src="devlog-images/03-camera-question.png" alt="Camera question capture on device" /></figure>
<figure class="capture"><img src="devlog-images/05-text-question.png" alt="Text question flow on device" /></figure>
</div>
</div>
<div>
<div class="section-head">
<span class="eyebrow">Built as a device</span>
<h2>A phone that behaves like a study room.</h2>
<p>The app is a launcher and a soft kiosk. It blocks recents, notification shade, quick settings, other launchers, and ordinary app escapes. The student profile and study history are stored on device. Questions are sent only when the student asks for help.</p>
</div>
<div class="grid-2">
<article class="feature-card"><h3>No feed to drift into</h3><p>There is no app drawer, no browser path, and no entertainment surface competing for attention.</p></article>
<article class="feature-card"><h3>Parent-safe operations</h3><p>Wi-Fi, calls, and updates are handled with controlled openings instead of leaving the device unlocked.</p></article>
</div>
</div>
</div>
</section>
<section class="cta-band" id="contact">
<div class="wrap cta-card">
<div>
<h2>Turn an Android phone into a calm study companion.</h2>
<p>DeepAnswer is built for private pilots, family deployments, and controlled education devices.</p>
</div>
<a class="btn btn-primary" href="mailto:hello@seanslab.com">Contact seanslab</a>
</div>
</section>
</main>
<footer class="footer">
<div class="wrap footer-inner">
<span>DeepAnswer by seanslab. Designed for focused study, not screen time.</span>
<a href="#top">Back to top</a>
</div>
</footer>
</body>
</html>