Skip to content

Commit 17048a1

Browse files
kfarrkfarr
authored
Merge pull request #39 from 3DStreet/repitch-site
Re orient the site to focus on project management.
2 parents e216164 + ebfcf91 commit 17048a1

File tree

3 files changed

+32
-132
lines changed

3 files changed

+32
-132
lines changed

‎src/components/Home/index.js

Lines changed: 30 additions & 124 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import React from "react";
1+
import React from 'react';
22

3-
import { Button, Input } from "..";
3+
import { Button, Input } from '..';
44
import {
55
ArrowIcon,
66
DiscordIcon,
@@ -11,8 +11,8 @@ import {
1111
PiechartIcon,
1212
XIcon,
1313
XIcon2,
14-
} from "../../icons";
15-
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
14+
} from '../../icons';
15+
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
1616
import MuxPlayer from '@mux/mux-player-react';
1717

1818
export default function Home({ recentPosts }) {
@@ -101,7 +101,7 @@ export default function Home({ recentPosts }) {
101101
label="Home"
102102
isActive
103103
onClick={() => {
104-
location.href = "";
104+
location.href = '';
105105
}}
106106
/>
107107
</li>
@@ -110,7 +110,7 @@ export default function Home({ recentPosts }) {
110110
variant="ghost"
111111
label="Blog"
112112
onClick={() => {
113-
location.href = "/blog/";
113+
location.href = '/blog/';
114114
}}
115115
/>
116116
</li>
@@ -119,7 +119,7 @@ export default function Home({ recentPosts }) {
119119
variant="ghost"
120120
label="Documentation"
121121
onClick={() => {
122-
location.href = "/docs/";
122+
location.href = '/docs/';
123123
}}
124124
/>
125125
</li>
@@ -129,7 +129,7 @@ export default function Home({ recentPosts }) {
129129
variant="blue"
130130
label="Launch app"
131131
onClick={() => {
132-
location.href = "https://3dstreet.app";
132+
location.href = 'https://3dstreet.app';
133133
}}
134134
/>
135135
</div>
@@ -147,7 +147,7 @@ export default function Home({ recentPosts }) {
147147
variant="blue"
148148
label="Launch app"
149149
onClick={() => {
150-
location.href = "https://3dstreet.app";
150+
location.href = 'https://3dstreet.app';
151151
}}
152152
/>
153153
</div>
@@ -160,7 +160,7 @@ export default function Home({ recentPosts }) {
160160
label="Home"
161161
isActive
162162
onClick={() => {
163-
location.href = "";
163+
location.href = '';
164164
}}
165165
/>
166166
</li>
@@ -169,7 +169,7 @@ export default function Home({ recentPosts }) {
169169
variant="ghost"
170170
label="Blog"
171171
onClick={() => {
172-
location.href = "/blog/";
172+
location.href = '/blog/';
173173
}}
174174
/>
175175
</li>
@@ -178,7 +178,7 @@ export default function Home({ recentPosts }) {
178178
variant="ghost"
179179
label="Documentation"
180180
onClick={() => {
181-
location.href = "/docs/";
181+
location.href = '/docs/';
182182
}}
183183
/>
184184
</li>
@@ -216,14 +216,9 @@ export default function Home({ recentPosts }) {
216216
<main className="st_main">
217217
<div className="st_main_wrapper">
218218
<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 design ideas to life.</h1>
222220
<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+
Bring stakeholders to "Yes!" and reduce risk of cancellation and delays with community-led, rapid prototyping from 3DStreet.
227222
</p>
228223
<Input />
229224
</div>
@@ -248,83 +243,6 @@ export default function Home({ recentPosts }) {
248243
</video> */}
249244
</section>
250245

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-
328246
{/* FEATURES SECTION */}
329247
<section className="st_features">
330248
<div className="st_features_inner">
@@ -345,10 +263,10 @@ export default function Home({ recentPosts }) {
345263
</p>
346264
</div>
347265
<Button
348-
variant={"blue"}
349-
label={"Get started"}
266+
variant={'blue'}
267+
label={'Get started'}
350268
onClick={() => {
351-
location.href = "https://3dstreet.app";
269+
location.href = 'https://3dstreet.app';
352270
}}
353271
/>
354272
</div>
@@ -373,10 +291,10 @@ export default function Home({ recentPosts }) {
373291
</p>
374292
</div>
375293
<Button
376-
variant={"blue"}
377-
label={"Get started"}
294+
variant={'blue'}
295+
label={'Get started'}
378296
onClick={() => {
379-
location.href = "https://3dstreet.app";
297+
location.href = 'https://3dstreet.app';
380298
}}
381299
/>
382300
</div>
@@ -402,10 +320,10 @@ export default function Home({ recentPosts }) {
402320
</p>
403321
</div>
404322
<Button
405-
variant={"blue"}
406-
label={"Get started"}
323+
variant={'blue'}
324+
label={'Get started'}
407325
onClick={() => {
408-
location.href = "https://3dstreet.app";
326+
location.href = 'https://3dstreet.app';
409327
}}
410328
/>
411329
</div>
@@ -430,10 +348,10 @@ export default function Home({ recentPosts }) {
430348
</p>
431349
</div>
432350
<Button
433-
variant={"blue"}
434-
label={"Get started"}
351+
variant={'blue'}
352+
label={'Get started'}
435353
onClick={() => {
436-
location.href = "https://3dstreet.app";
354+
location.href = 'https://3dstreet.app';
437355
}}
438356
/>
439357
</div>
@@ -480,7 +398,7 @@ export default function Home({ recentPosts }) {
480398
alt="author-avatar"
481399
/>
482400
{`${authors[0].name} ${
483-
authors.length > 1 ? "and others" : ""
401+
authors.length > 1 ? 'and others' : ''
484402
}`}
485403
</p>
486404
</div>
@@ -494,10 +412,10 @@ export default function Home({ recentPosts }) {
494412
)}
495413
</div>
496414
<Button
497-
variant={"blue"}
498-
label={"View more posts"}
415+
variant={'blue'}
416+
label={'View more posts'}
499417
onClick={() => {
500-
location.href = "/blog/";
418+
location.href = '/blog/';
501419
}}
502420
/>
503421
</div>
@@ -630,18 +548,6 @@ export default function Home({ recentPosts }) {
630548
</div>
631549
</section>
632550

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-
645551
{/* FOOTER SECTION */}
646552
<footer className="st_footer">
647553
<div className="st_footer_links">

‎src/components/input/input.component.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ const Input = () => {
4545
render={({ subscribe, status }) => (
4646
<form className={styles.wrapper}>
4747
<p className={styles.label}>
48-
Get the latest staff picks and insider updates monthly.
48+
Want to learn more?
4949
</p>
5050
<div className={styles.formWrapper}>
5151
<div

‎src/css/styles.css

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -879,12 +879,6 @@ section h2 {
879879

880880
/* // */
881881

882-
.st_start {
883-
display: flex;
884-
flex-direction: column;
885-
row-gap: 82px;
886-
margin: 180px 0 140px;
887-
}
888882

889883
.st_start h2 {
890884
font-family: "Kanit";
@@ -898,7 +892,7 @@ section h2 {
898892
.st_footer {
899893
display: flex;
900894
flex-direction: column;
901-
padding: 0 0 72px;
895+
padding: 72px 0 72px;
902896
row-gap: 56px;
903897
width: 750px;
904898
}

0 commit comments

Comments
 (0)