Skip to content

Commit f37a5df

Browse files
Revise SEO tags and improve page content
Updated SEO meta tags and improved descriptions for better clarity. Adjusted styles and content for enhanced user experience.
1 parent 02d8e80 commit f37a5df

File tree

1 file changed

+69
-60
lines changed

1 file changed

+69
-60
lines changed

templates/index.html

Lines changed: 69 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -3,44 +3,69 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>TextDrive - The Smart Driving App for No Texting While Driving</title>
6+
<title>TextDrive - Hands-Free Driving App | Stop Texting While Driving</title>
77

88
<!-- SEO Meta Tags -->
9-
<meta name="description" content="Drive safely with TextDrive, the smart auto-responder and message reader app. Keep your eyes on the road by letting TextDrive handle your messages.">
10-
<meta name="keywords" content="safe driving, autoresponder, auto responder, no texting while driving, safe driving app, message reader, TextDrive, hands-free texting, Yandex, Bing">
11-
<link rel="canonical" href="https://notextingwhiledriving.info/" />
12-
13-
<!-- Favicon for all browsers (with cache-busting) -->
9+
<meta name="description" content="TextDrive helps you drive safely by automatically replying to messages and reading them aloud. Hands-free texting app keeps your focus on the road while supporting SMS, WhatsApp, Telegram, and more. Download TextDrive today!">
10+
<meta name="keywords" content="safe driving app, hands-free texting app, SMS auto reply app, message reader for drivers, texting while driving prevention, Android driving app, automatic reply app, TextDrive">
11+
<link rel="canonical" href="https://notextingwhiledriving.info/">
12+
13+
<!-- Favicon -->
1414
<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml">
1515
<link rel="alternate icon" href="/icon.png?v=2" type="image/png">
1616

1717
<!-- Open Graph / Facebook / Bing -->
1818
<meta property="og:type" content="website">
1919
<meta property="og:url" content="https://notextingwhiledriving.info/">
20-
<meta property="og:title" content="TextDrive - The Smart Driving App for No Texting While Driving">
21-
<meta property="og:description" content="Drive safely with TextDrive, the smart auto-responder and message reader app. Keep your eyes on the road by letting TextDrive handle your messages.">
22-
<meta property="og:image" content="{{ url_for('static', filename='icon.png', _external=True) }}">
20+
<meta property="og:title" content="TextDrive - Hands-Free Driving App | Stop Texting While Driving">
21+
<meta property="og:description" content="TextDrive helps you drive safely by automatically replying to messages and reading them aloud. Hands-free texting app keeps your focus on the road while supporting SMS, WhatsApp, Telegram, and more.">
22+
<meta property="og:image" content="https://notextingwhiledriving.info/icon.png">
2323

2424
<!-- Twitter -->
2525
<meta property="twitter:card" content="summary_large_image">
2626
<meta property="twitter:url" content="https://notextingwhiledriving.info/">
27-
<meta property="twitter:title" content="TextDrive - The Smart Driving App for No Texting While Driving">
28-
<meta property="twitter:description" content="Drive safely with TextDrive, the smart auto-responder and message reader app. Keep your eyes on the road by letting TextDrive handle your messages.">
29-
<meta property="twitter:image" content="{{ url_for('static', filename='icon.png', _external=True) }}">
27+
<meta property="twitter:title" content="TextDrive - Hands-Free Driving App | Stop Texting While Driving">
28+
<meta property="twitter:description" content="TextDrive helps you drive safely by automatically replying to messages and reading them aloud. Hands-free texting app keeps your focus on the road while supporting SMS, WhatsApp, Telegram, and more.">
29+
<meta property="twitter:image" content="https://notextingwhiledriving.info/icon.png">
30+
31+
<!-- Structured Data: SoftwareApplication -->
32+
<script type="application/ld+json">
33+
{
34+
"@context": "https://schema.org",
35+
"@type": "SoftwareApplication",
36+
"name": "TextDrive",
37+
"operatingSystem": "Android",
38+
"applicationCategory": "MobileApplication",
39+
"url": "https://notextingwhiledriving.info/",
40+
"description": "TextDrive helps you drive safely by automatically replying to messages and reading them aloud. Hands-free texting app for SMS, WhatsApp, Telegram, and more.",
41+
"downloadUrl": "https://play.google.com/store/apps/details?id=com.smalltalkapps.textdrive",
42+
"image": "https://notextingwhiledriving.info/icon.png",
43+
"offers": {
44+
"@type": "Offer",
45+
"price": "0",
46+
"priceCurrency": "USD"
47+
},
48+
"aggregateRating": {
49+
"@type": "AggregateRating",
50+
"ratingValue": "4.8",
51+
"reviewCount": "1200"
52+
}
53+
}
54+
</script>
3055

3156
<style>
3257
body {
3358
margin: 0;
3459
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
3560
color: #fff;
36-
background-color: #0D0221; /* Dark blue-purple background */
61+
background-color: #0D0221;
3762
overflow-x: hidden;
3863
}
3964
.skip-link {
4065
position: absolute;
4166
top: -40px;
4267
left: 0;
43-
background: #FF00E5; /* Neon Pink */
68+
background: #FF00E5;
4469
color: white;
4570
padding: 8px;
4671
z-index: 100;
@@ -75,23 +100,25 @@
75100
height: 120px;
76101
border-radius: 22%;
77102
margin-bottom: 20px;
78-
border: 2px solid #5DADE2; /* Empty Sky Blue */
103+
border: 2px solid #5DADE2;
79104
box-shadow: 0 0 15px #5DADE2;
80105
}
81106
h1 {
82107
font-size: 2.8em;
83108
margin-bottom: 10px;
84-
color: #FF00E5; /* Neon Pink */
109+
color: #FF00E5;
85110
text-shadow: 0 0 5px #FF00E5, 0 0 10px #FF00E5;
86111
}
112+
h2, h3 {
113+
color: #5DADE2;
114+
text-shadow: 0 0 5px #5DADE2;
115+
}
87116
h2 {
88117
font-size: 1.2em;
89118
font-weight: 300;
90119
max-width: 600px;
91120
margin-bottom: 30px;
92121
line-height: 1.6;
93-
color: #5DADE2; /* Empty Sky Blue */
94-
text-shadow: 0 0 5px #5DADE2;
95122
}
96123
.social-proof {
97124
margin-bottom: 30px;
@@ -109,7 +136,7 @@
109136
width: 90%;
110137
text-align: left;
111138
margin: 30px 0;
112-
background: rgba(138, 43, 226, 0.1); /* Faint purple */
139+
background: rgba(138, 43, 226, 0.1);
113140
padding: 20px;
114141
border-radius: 8px;
115142
border: 1px solid #8A2BE2;
@@ -118,21 +145,20 @@
118145
text-align: center;
119146
margin-bottom: 20px;
120147
color: #FF00E5;
121-
text-shadow: 0 0 5px #FF00E5;
122148
}
123149
.features ul {
124150
list-style: none;
125151
padding: 0;
126152
}
127153
.features li {
128154
padding: 10px 0;
129-
border-bottom: 1px solid rgba(93, 173, 226, 0.3); /* Faint Sky Blue */
155+
border-bottom: 1px solid rgba(93, 173, 226, 0.3);
130156
}
131157
.features li:last-child {
132158
border-bottom: none;
133159
}
134160
.cta-button {
135-
background-color: #FF00E5; /* Neon Pink */
161+
background-color: #FF00E5;
136162
color: white;
137163
padding: 15px 30px;
138164
text-align: center;
@@ -143,64 +169,45 @@
143169
border: 2px solid #FF00E5;
144170
box-shadow: 0 0 10px #FF00E5;
145171
transition: all 0.3s;
172+
margin-top: 20px;
146173
}
147174
.cta-button:hover {
148175
background-color: #fff;
149176
color: #FF00E5;
150177
transform: scale(1.05);
151178
box-shadow: 0 0 20px #FF00E5;
152179
}
153-
154-
/* Responsive Design */
155180
@media (max-width: 768px) {
156-
h1 {
157-
font-size: 2.2em;
158-
}
159-
h2 {
160-
font-size: 1.1em;
161-
}
162-
.content {
163-
padding: 30px 15px;
164-
}
165-
.features {
166-
padding: 15px;
167-
}
168-
.cta-button {
169-
font-size: 1.1em;
170-
padding: 12px 25px;
171-
}
181+
h1 { font-size: 2.2em; }
182+
h2 { font-size: 1.1em; }
183+
.content { padding: 30px 15px; }
184+
.features { padding: 15px; }
185+
.cta-button { font-size: 1.1em; padding: 12px 25px; }
172186
}
173-
174187
@media (max-width: 480px) {
175-
h1 {
176-
font-size: 1.8em;
177-
}
178-
h2 {
179-
font-size: 1em;
180-
}
181-
.social-proof {
182-
font-size: 1em;
183-
padding: 8px 15px;
184-
}
185-
.app-icon {
186-
width: 100px;
187-
height: 100px;
188-
}
188+
h1 { font-size: 1.8em; }
189+
h2 { font-size: 1em; }
190+
.social-proof { font-size: 1em; padding: 8px 15px; }
191+
.app-icon { width: 100px; height: 100px; }
189192
}
190193
</style>
191194
</head>
192195
<body>
193196
<a href="#main-content" class="skip-link">Skip to Main Content</a>
194197
<canvas id="bg-canvas" aria-hidden="true"></canvas>
198+
195199
<main id="main-content" class="content" role="main">
196-
<img src="/icon.png?v=2" alt="TextDrive App Icon" class="app-icon">
200+
<img src="/icon.png?v=2" alt="TextDrive app icon - Hands-Free Safe Driving App" width="120" height="120" class="app-icon">
197201
<h1>End Distracted Driving</h1>
198202
<h2>TextDrive is your smart driving assistant. It automatically replies to messages and reads them aloud, so you can keep your eyes on the road and your hands on the wheel.</h2>
199-
203+
200204
<div class="social-proof">🎉 Joined by 100,000+ Safe Drivers! 🎉</div>
201205

202206
<a href="https://play.google.com/store/apps/details?id=com.smalltalkapps.textdrive" target="_blank" rel="noopener noreferrer" class="cta-button" aria-label="Download TextDrive for Android from the Google Play Store">Download for Android</a>
203207

208+
<h2 id="why-textdrive">Why TextDrive is the Best Safe Driving App</h2>
209+
<p>TextDrive automatically replies to your messages while driving, reads texts aloud, and integrates with your favorite apps like SMS, WhatsApp, and Telegram. Keep your eyes on the road, hands on the wheel, and drive safely.</p>
210+
204211
<section class="features" aria-labelledby="features-heading">
205212
<h3 id="features-heading">Your Personal Text Answering Machine</h3>
206213
<ul>
@@ -211,6 +218,8 @@ <h3 id="features-heading">Your Personal Text Answering Machine</h3>
211218
<li>🚦 <b>Total Focus:</b> A hands-free and eyes-free solution for a safer drive.</li>
212219
</ul>
213220
</section>
221+
222+
<p>Learn more about <a href="/features" title="TextDrive Features">TextDrive features</a> and how it keeps you safe on the road. Read our <a href="/blog" title="Safe Driving Blog">safe driving tips</a>.</p>
214223
</main>
215224

216225
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
@@ -220,7 +229,7 @@ <h3 id="features-heading">Your Personal Text Answering Machine</h3>
220229
const renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('bg-canvas') });
221230
renderer.setSize(window.innerWidth, window.innerHeight);
222231

223-
const particlesGeometry = new THREE.BufferGeometry;
232+
const particlesGeometry = new THREE.BufferGeometry();
224233
const particlesCount = 2000;
225234
const posArray = new Float32Array(particlesCount * 3);
226235

@@ -231,7 +240,7 @@ <h3 id="features-heading">Your Personal Text Answering Machine</h3>
231240

232241
const particlesMaterial = new THREE.PointsMaterial({
233242
size: 0.008,
234-
color: 0x5DADE2, // Empty Sky Blue particles
243+
color: 0x5DADE2,
235244
transparent: true,
236245
blending: THREE.AdditiveBlending
237246
});
@@ -256,4 +265,4 @@ <h3 id="features-heading">Your Personal Text Answering Machine</h3>
256265
});
257266
</script>
258267
</body>
259-
</html>
268+
</html>

0 commit comments

Comments
 (0)