Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Re orient the site to focus on project management. #39

Merged
merged 3 commits into from
Jun 5, 2024
Merged

Re orient the site to focus on project management. #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4a91397
changes
rahulkgupta May 21, 2024
cbf8991
suggested copy edits
kfarr May 22, 2024
ebfcf91
update spacing above footer
rahulkgupta Jun 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
154 changes: 30 additions & 124 deletions src/components/Home/index.js
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Loading