1
- import React from " react" ;
1
+ import React from ' react' ;
2
2
3
- import { Button , Input } from ".." ;
3
+ import { Button , Input } from '..' ;
4
4
import {
5
5
ArrowIcon ,
6
6
DiscordIcon ,
@@ -11,8 +11,8 @@ import {
11
11
PiechartIcon ,
12
12
XIcon ,
13
13
XIcon2 ,
14
- } from " ../../icons" ;
15
- import useDocusaurusContext from " @docusaurus/useDocusaurusContext" ;
14
+ } from ' ../../icons' ;
15
+ import useDocusaurusContext from ' @docusaurus/useDocusaurusContext' ;
16
16
import MuxPlayer from '@mux/mux-player-react' ;
17
17
18
18
export default function Home ( { recentPosts } ) {
@@ -101,7 +101,7 @@ export default function Home({ recentPosts }) {
101
101
label = "Home"
102
102
isActive
103
103
onClick = { ( ) => {
104
- location . href = "" ;
104
+ location . href = '' ;
105
105
} }
106
106
/>
107
107
</ li >
@@ -110,7 +110,7 @@ export default function Home({ recentPosts }) {
110
110
variant = "ghost"
111
111
label = "Blog"
112
112
onClick = { ( ) => {
113
- location . href = " /blog/" ;
113
+ location . href = ' /blog/' ;
114
114
} }
115
115
/>
116
116
</ li >
@@ -119,7 +119,7 @@ export default function Home({ recentPosts }) {
119
119
variant = "ghost"
120
120
label = "Documentation"
121
121
onClick = { ( ) => {
122
- location . href = " /docs/" ;
122
+ location . href = ' /docs/' ;
123
123
} }
124
124
/>
125
125
</ li >
@@ -129,7 +129,7 @@ export default function Home({ recentPosts }) {
129
129
variant = "blue"
130
130
label = "Launch app"
131
131
onClick = { ( ) => {
132
- location . href = " https://3dstreet.app" ;
132
+ location . href = ' https://3dstreet.app' ;
133
133
} }
134
134
/>
135
135
</ div >
@@ -147,7 +147,7 @@ export default function Home({ recentPosts }) {
147
147
variant = "blue"
148
148
label = "Launch app"
149
149
onClick = { ( ) => {
150
- location . href = " https://3dstreet.app" ;
150
+ location . href = ' https://3dstreet.app' ;
151
151
} }
152
152
/>
153
153
</ div >
@@ -160,7 +160,7 @@ export default function Home({ recentPosts }) {
160
160
label = "Home"
161
161
isActive
162
162
onClick = { ( ) => {
163
- location . href = "" ;
163
+ location . href = '' ;
164
164
} }
165
165
/>
166
166
</ li >
@@ -169,7 +169,7 @@ export default function Home({ recentPosts }) {
169
169
variant = "ghost"
170
170
label = "Blog"
171
171
onClick = { ( ) => {
172
- location . href = " /blog/" ;
172
+ location . href = ' /blog/' ;
173
173
} }
174
174
/>
175
175
</ li >
@@ -178,7 +178,7 @@ export default function Home({ recentPosts }) {
178
178
variant = "ghost"
179
179
label = "Documentation"
180
180
onClick = { ( ) => {
181
- location . href = " /docs/" ;
181
+ location . href = ' /docs/' ;
182
182
} }
183
183
/>
184
184
</ li >
@@ -216,14 +216,11 @@ export default function Home({ recentPosts }) {
216
216
< main className = "st_main" >
217
217
< div className = "st_main_wrapper" >
218
218
< div className = "st_main_container" >
219
- < h1 className = "h1" >
220
- Design and envision safer, greener streets, together.
221
- </ h1 >
219
+ < h1 className = "h1" > Bring your street redesign to life.</ h1 >
222
220
< p className = "description" >
223
- 3DStreet is a revolutionary tool that enables you to unleash
224
- your creativity and design unique streets that not only stand
225
- out visually but also make a tangible impact on creating a safer
226
- and greener world.
221
+ 3DStreet alleviates the pain of street projects by helping
222
+ stakeholders better understand changes and by reducing the risk
223
+ of cancellation and delays
227
224
</ p >
228
225
< Input />
229
226
</ div >
@@ -248,83 +245,6 @@ export default function Home({ recentPosts }) {
248
245
</video> */ }
249
246
</ section >
250
247
251
- < div className = "st_grid_3_wrapper" >
252
- { /* VISION SECTION */ }
253
- < section className = "st_vision" >
254
- < h2 > VISION</ h2 >
255
- < p >
256
- We can change our world for the better through safer, greener
257
- streets.
258
- </ p >
259
- </ section >
260
-
261
- { /* STATISTICS SECTION */ }
262
- < section className = "st_statistics" >
263
- < h2 > STATISTICS</ h2 >
264
- < div className = "st_statistics_posts" >
265
- < div className = "st_statistics_item" >
266
- < PiechartIcon percent = { 52 } className = "st_statistics_icon" />
267
- < div className = "st_statistics_post_description" >
268
- < p > 52%</ p >
269
- < p >
270
- Over half of all car trips in the US are less than 3 miles -
271
- an ideal distance for green alternatives such as walking,
272
- biking, and transit.
273
- </ p >
274
- < a
275
- href = "https://www.energy.gov/eere/vehicles/articles/fotw-1230-march-21-2022-more-half-all-daily-trips-were-less-three-miles-2021"
276
- target = "_blank"
277
- >
278
- US Bureau of Transportation Statistics, 2022 Report
279
- </ a >
280
- </ div >
281
- </ div >
282
- < div className = "st_statistics_item" >
283
- < PiechartIcon percent = { 80 } className = "st_statistics_icon" />
284
- < div className = "st_statistics_post_description" >
285
- < p > 80%</ p >
286
- < p >
287
- From the number of people interested in, but not using,
288
- active mobility, 80% would be willing to bike on streets
289
- with a protected or completely separated bike lane.
290
- </ p >
291
- < a
292
- href = "https://nacto.org/2016/07/20/high-quality-bike-facilities-increase-ridership-make-biking-safer"
293
- target = "_blank"
294
- >
295
- NACTO Report, 2016
296
- </ a >
297
- </ div >
298
- </ div >
299
- < div className = "st_statistics_item" >
300
- < PiechartIcon percent = { 32 } className = "st_statistics_icon" />
301
- < div className = "st_statistics_post_description" >
302
- < p > 32%</ p >
303
- < p >
304
- Nearly one-third of the population (32%) is dissatisfied
305
- with their community designs for making biking safe.
306
- </ p >
307
- < a
308
- href = "https://www.bts.gov/archive/publications/special_reports_and_issue_briefs/issue_briefs/number_11/entire"
309
- target = "_blank"
310
- >
311
- US Bureau of Transportation Statistics, 2012 Report
312
- </ a >
313
- </ div >
314
- </ div >
315
- </ div >
316
- </ section >
317
-
318
- { /* MISSION SECTION */ }
319
- < section className = "st_mission" >
320
- < h2 > mission</ h2 >
321
- < p >
322
- Our goal is to empower the world with simple tools that enable
323
- anyone to create a safer and greener future, one street at a time.
324
- </ p >
325
- </ section >
326
- </ div >
327
-
328
248
{ /* FEATURES SECTION */ }
329
249
< section className = "st_features" >
330
250
< div className = "st_features_inner" >
@@ -345,10 +265,10 @@ export default function Home({ recentPosts }) {
345
265
</ p >
346
266
</ div >
347
267
< Button
348
- variant = { " blue" }
349
- label = { " Get started" }
268
+ variant = { ' blue' }
269
+ label = { ' Get started' }
350
270
onClick = { ( ) => {
351
- location . href = " https://3dstreet.app" ;
271
+ location . href = ' https://3dstreet.app' ;
352
272
} }
353
273
/>
354
274
</ div >
@@ -373,10 +293,10 @@ export default function Home({ recentPosts }) {
373
293
</ p >
374
294
</ div >
375
295
< Button
376
- variant = { " blue" }
377
- label = { " Get started" }
296
+ variant = { ' blue' }
297
+ label = { ' Get started' }
378
298
onClick = { ( ) => {
379
- location . href = " https://3dstreet.app" ;
299
+ location . href = ' https://3dstreet.app' ;
380
300
} }
381
301
/>
382
302
</ div >
@@ -402,10 +322,10 @@ export default function Home({ recentPosts }) {
402
322
</ p >
403
323
</ div >
404
324
< Button
405
- variant = { " blue" }
406
- label = { " Get started" }
325
+ variant = { ' blue' }
326
+ label = { ' Get started' }
407
327
onClick = { ( ) => {
408
- location . href = " https://3dstreet.app" ;
328
+ location . href = ' https://3dstreet.app' ;
409
329
} }
410
330
/>
411
331
</ div >
@@ -430,10 +350,10 @@ export default function Home({ recentPosts }) {
430
350
</ p >
431
351
</ div >
432
352
< Button
433
- variant = { " blue" }
434
- label = { " Get started" }
353
+ variant = { ' blue' }
354
+ label = { ' Get started' }
435
355
onClick = { ( ) => {
436
- location . href = " https://3dstreet.app" ;
356
+ location . href = ' https://3dstreet.app' ;
437
357
} }
438
358
/>
439
359
</ div >
@@ -480,7 +400,7 @@ export default function Home({ recentPosts }) {
480
400
alt = "author-avatar"
481
401
/>
482
402
{ `${ authors [ 0 ] . name } ${
483
- authors . length > 1 ? " and others" : ""
403
+ authors . length > 1 ? ' and others' : ''
484
404
} `}
485
405
</ p >
486
406
</ div >
@@ -494,10 +414,10 @@ export default function Home({ recentPosts }) {
494
414
) }
495
415
</ div >
496
416
< Button
497
- variant = { " blue" }
498
- label = { " View more posts" }
417
+ variant = { ' blue' }
418
+ label = { ' View more posts' }
499
419
onClick = { ( ) => {
500
- location . href = " /blog/" ;
420
+ location . href = ' /blog/' ;
501
421
} }
502
422
/>
503
423
</ div >
@@ -630,18 +550,6 @@ export default function Home({ recentPosts }) {
630
550
</ div >
631
551
</ section >
632
552
633
- { /* START SECTION */ }
634
- < section className = "st_start" >
635
- < h2 > Ready to reimagine a safer greener world?</ h2 >
636
- < Button
637
- variant = { "white" }
638
- label = { "Let's do this" }
639
- onClick = { ( ) => {
640
- location . href = "https://3dstreet.app" ;
641
- } }
642
- />
643
- </ section >
644
-
645
553
{ /* FOOTER SECTION */ }
646
554
< footer className = "st_footer" >
647
555
< div className = "st_footer_links" >
0 commit comments