Skip to content

Commit

Permalink
Merge pull request #39 from 3DStreet/repitch-site
Browse files Browse the repository at this point in the history 
Re orient the site to focus on project management.
  • Loading branch information
@kfarr
kfarr authored Jun 5, 2024
2 parents e216164 + ebfcf91 commit 17048a1
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 132 deletions.
154 changes: 30 additions & 124 deletions src/components/Home/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from "react";
import React from 'react';

import { Button, Input } from "..";
import { Button, Input } from '..';
import {
ArrowIcon,
DiscordIcon,
Expand All @@ -11,8 +11,8 @@ import {
PiechartIcon,
XIcon,
XIcon2,
} from "../../icons";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
} from '../../icons';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import MuxPlayer from '@mux/mux-player-react';

export default function Home({ recentPosts }) {
Expand Down Expand Up @@ -101,7 +101,7 @@ export default function Home({ recentPosts }) {
label="Home"
isActive
onClick={() => {
location.href = "";
location.href = '';
}}
/>
</li>
Expand All @@ -110,7 +110,7 @@ export default function Home({ recentPosts }) {
variant="ghost"
label="Blog"
onClick={() => {
location.href = "/blog/";
location.href = '/blog/';
}}
/>
</li>
Expand All @@ -119,7 +119,7 @@ export default function Home({ recentPosts }) {
variant="ghost"
label="Documentation"
onClick={() => {
location.href = "/docs/";
location.href = '/docs/';
}}
/>
</li>
Expand All @@ -129,7 +129,7 @@ export default function Home({ recentPosts }) {
variant="blue"
label="Launch app"
onClick={() => {
location.href = "https://3dstreet.app";
location.href = 'https://3dstreet.app';
}}
/>
</div>
Expand All @@ -147,7 +147,7 @@ export default function Home({ recentPosts }) {
variant="blue"
label="Launch app"
onClick={() => {
location.href = "https://3dstreet.app";
location.href = 'https://3dstreet.app';
}}
/>
</div>
Expand All @@ -160,7 +160,7 @@ export default function Home({ recentPosts }) {
label="Home"
isActive
onClick={() => {
location.href = "";
location.href = '';
}}
/>
</li>
Expand All @@ -169,7 +169,7 @@ export default function Home({ recentPosts }) {
variant="ghost"
label="Blog"
onClick={() => {
location.href = "/blog/";
location.href = '/blog/';
}}
/>
</li>
Expand All @@ -178,7 +178,7 @@ export default function Home({ recentPosts }) {
variant="ghost"
label="Documentation"
onClick={() => {
location.href = "/docs/";
location.href = '/docs/';
}}
/>
</li>
Expand Down Expand Up @@ -216,14 +216,9 @@ export default function Home({ recentPosts }) {
<main className="st_main">
<div className="st_main_wrapper">
<div className="st_main_container">
<h1 className="h1">
Design and envision safer, greener streets, together.
</h1>
<h1 className="h1">Bring your street design ideas to life.</h1>
<p className="description">
3DStreet is a revolutionary tool that enables you to unleash
your creativity and design unique streets that not only stand
out visually but also make a tangible impact on creating a safer
and greener world.
Bring stakeholders to "Yes!" and reduce risk of cancellation and delays with community-led, rapid prototyping from 3DStreet.
</p>
<Input />
</div>
Expand All @@ -248,83 +243,6 @@ export default function Home({ recentPosts }) {
</video> */}
</section>

<div className="st_grid_3_wrapper">
{/* VISION SECTION */}
<section className="st_vision">
<h2>VISION</h2>
<p>
We can change our world for the better through safer, greener
streets.
</p>
</section>

{/* STATISTICS SECTION */}
<section className="st_statistics">
<h2>STATISTICS</h2>
<div className="st_statistics_posts">
<div className="st_statistics_item">
<PiechartIcon percent={52} className="st_statistics_icon" />
<div className="st_statistics_post_description">
<p>52%</p>
<p>
Over half of all car trips in the US are less than 3 miles -
an ideal distance for green alternatives such as walking,
biking, and transit.
</p>
<a
href="https://www.energy.gov/eere/vehicles/articles/fotw-1230-march-21-2022-more-half-all-daily-trips-were-less-three-miles-2021"
target="_blank"
>
US Bureau of Transportation Statistics, 2022 Report
</a>
</div>
</div>
<div className="st_statistics_item">
<PiechartIcon percent={80} className="st_statistics_icon" />
<div className="st_statistics_post_description">
<p>80%</p>
<p>
From the number of people interested in, but not using,
active mobility, 80% would be willing to bike on streets
with a protected or completely separated bike lane.
</p>
<a
href="https://nacto.org/2016/07/20/high-quality-bike-facilities-increase-ridership-make-biking-safer"
target="_blank"
>
NACTO Report, 2016
</a>
</div>
</div>
<div className="st_statistics_item">
<PiechartIcon percent={32} className="st_statistics_icon" />
<div className="st_statistics_post_description">
<p>32%</p>
<p>
Nearly one-third of the population (32%) is dissatisfied
with their community designs for making biking safe.
</p>
<a
href="https://www.bts.gov/archive/publications/special_reports_and_issue_briefs/issue_briefs/number_11/entire"
target="_blank"
>
US Bureau of Transportation Statistics, 2012 Report
</a>
</div>
</div>
</div>
</section>

{/* MISSION SECTION */}
<section className="st_mission">
<h2>mission</h2>
<p>
Our goal is to empower the world with simple tools that enable
anyone to create a safer and greener future, one street at a time.
</p>
</section>
</div>

{/* FEATURES SECTION */}
<section className="st_features">
<div className="st_features_inner">
Expand All @@ -345,10 +263,10 @@ export default function Home({ recentPosts }) {
</p>
</div>
<Button
variant={"blue"}
label={"Get started"}
variant={'blue'}
label={'Get started'}
onClick={() => {
location.href = "https://3dstreet.app";
location.href = 'https://3dstreet.app';
}}
/>
</div>
Expand All @@ -373,10 +291,10 @@ export default function Home({ recentPosts }) {
</p>
</div>
<Button
variant={"blue"}
label={"Get started"}
variant={'blue'}
label={'Get started'}
onClick={() => {
location.href = "https://3dstreet.app";
location.href = 'https://3dstreet.app';
}}
/>
</div>
Expand All @@ -402,10 +320,10 @@ export default function Home({ recentPosts }) {
</p>
</div>
<Button
variant={"blue"}
label={"Get started"}
variant={'blue'}
label={'Get started'}
onClick={() => {
location.href = "https://3dstreet.app";
location.href = 'https://3dstreet.app';
}}
/>
</div>
Expand All @@ -430,10 +348,10 @@ export default function Home({ recentPosts }) {
</p>
</div>
<Button
variant={"blue"}
label={"Get started"}
variant={'blue'}
label={'Get started'}
onClick={() => {
location.href = "https://3dstreet.app";
location.href = 'https://3dstreet.app';
}}
/>
</div>
Expand Down Expand Up @@ -480,7 +398,7 @@ export default function Home({ recentPosts }) {
alt="author-avatar"
/>
{`${authors[0].name} ${
authors.length > 1 ? "and others" : ""
authors.length > 1 ? 'and others' : ''
}`}
</p>
</div>
Expand All @@ -494,10 +412,10 @@ export default function Home({ recentPosts }) {
)}
</div>
<Button
variant={"blue"}
label={"View more posts"}
variant={'blue'}
label={'View more posts'}
onClick={() => {
location.href = "/blog/";
location.href = '/blog/';
}}
/>
</div>
Expand Down Expand Up @@ -630,18 +548,6 @@ export default function Home({ recentPosts }) {
</div>
</section>

{/* START SECTION */}
<section className="st_start">
<h2>Ready to reimagine a safer greener world?</h2>
<Button
variant={"white"}
label={"Let's do this"}
onClick={() => {
location.href = "https://3dstreet.app";
}}
/>
</section>

{/* FOOTER SECTION */}
<footer className="st_footer">
<div className="st_footer_links">
Expand Down
2 changes: 1 addition & 1 deletion src/components/input/input.component.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ const Input = () => {
render={({ subscribe, status }) => (
<form className={styles.wrapper}>
<p className={styles.label}>
Get the latest staff picks and insider updates monthly.
Want to learn more?
</p>
<div className={styles.formWrapper}>
<div
Expand Down
8 changes: 1 addition & 7 deletions src/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -879,12 +879,6 @@ section h2 {

/* // */

.st_start {
display: flex;
flex-direction: column;
row-gap: 82px;
margin: 180px 0 140px;
}

.st_start h2 {
font-family: "Kanit";
Expand All @@ -898,7 +892,7 @@ section h2 {
.st_footer {
display: flex;
flex-direction: column;
padding: 0 0 72px;
padding: 72px 0 72px;
row-gap: 56px;
width: 750px;
}
Expand Down

0 comments on commit 17048a1

Please sign in to comment.