-
Notifications
You must be signed in to change notification settings - Fork 471
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
26d49e2
commit 4b54852
Showing
1 changed file
with
64 additions
and
38 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,47 +1,73 @@ | ||
import React from 'react'; | ||
import { Link } from 'react-router-dom'; | ||
import React from "react"; | ||
import { Link } from "react-router-dom"; | ||
|
||
|
||
import './Homepage.css'; | ||
import "./Homepage.css"; | ||
|
||
const Homepage = () => { | ||
return ( | ||
<div className="homepage"> | ||
<img src="../public/primary-wordmark-dark.png" className="logo"></img> | ||
<div className="headerContainer"> | ||
<h1 className="header">Aleo SDK</h1> | ||
<p className="subheader">The tooling for building zero knowledge applications at your fingertips</p> | ||
<button className="button"> <Link target="_blank" rel="noopener noreferrer" to="https://developer.aleo.org/sdk/"> View Docs <span className="arrow">→</span> </Link> </button> | ||
|
||
|
||
<ul className="actionRow"> | ||
<li className="actionItem"> | ||
<Link to="/account">Create and manage accounts</Link> | ||
</li> | ||
<li className="actionItem"> | ||
<Link to="/develop" >Execute and deploy programs</Link> | ||
</li> | ||
<li className="actionItem"> | ||
<Link to="/transfer">Manage program state and data</Link> | ||
</li> | ||
</ul> | ||
|
||
return ( | ||
<div className="homepage"> | ||
<img | ||
src="../public/primary-wordmark-dark.png" | ||
className="logo" | ||
></img> | ||
<div className="headerContainer"> | ||
<h1 className="header">Aleo SDK</h1> | ||
<p className="subheader"> | ||
The tooling for building zero knowledge applications at your | ||
fingertips | ||
</p> | ||
<button className="button"> | ||
{" "} | ||
<Link | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
to="https://developer.aleo.org/sdk/" | ||
> | ||
{" "} | ||
View Docs <span className="arrow">→</span>{" "} | ||
</Link>{" "} | ||
</button> | ||
|
||
<p className="secondSubheader">Build your first zero knowledge app with create-leo-app</p> | ||
<button className="button"> <Link target="_blank" rel="noopener noreferrer" to="https://docs.leo-lang.org/sdk/create-leo-app/tutorial/">Try it now <span className="arrow">→</span></Link> </button> | ||
<ul className="actionRow"> | ||
<li className="actionItem"> | ||
<Link to="/account">Create and manage accounts</Link> | ||
</li> | ||
<li className="actionItem"> | ||
<Link to="/develop">Execute and deploy programs</Link> | ||
</li> | ||
<li className="actionItem"> | ||
<Link to="/transfer"> | ||
Manage program state and data | ||
</Link> | ||
</li> | ||
</ul> | ||
|
||
<p className="secondSubheader"> | ||
Build your first zero knowledge app with create-leo-app | ||
</p> | ||
<button className="button"> | ||
{" "} | ||
<Link | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
to="https://docs.leo-lang.org/sdk/create-leo-app/tutorial/" | ||
> | ||
Try it now <span className="arrow">→</span> | ||
</Link>{" "} | ||
</button> | ||
|
||
<div className="footer"> | ||
<a href="https://github.com/ProvableHQ/sdk"> | ||
<img src="../public/github-mark-white.png" style={{height:"24px", marginBottom: "1rem"}}></img> | ||
</a> | ||
|
||
© 2024 Provable Inc. | ||
|
||
</div> | ||
<div className="footer"> | ||
<a href="https://github.com/ProvableHQ/sdk"> | ||
<img | ||
src="../public/github-mark-white.png" | ||
style={{ height: "24px", marginBottom: "1rem" }} | ||
></img> | ||
</a> | ||
© 2024 Provable Inc. | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
); | ||
); | ||
}; | ||
|
||
export default Homepage; | ||
export default Homepage; |