diff --git a/app/layout.tsx b/app/layout.tsx
index 3ec4282..e9218b3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,6 +4,7 @@ import { Metadata } from "next"
import { siteConfig } from "@/config/site"
import { fontDisplay, fontSans } from "@/lib/fonts"
import { cn } from "@/lib/utils"
+import { SiteFooter } from "@/components/site-footer"
import { SiteHeader } from "@/components/site-header"
import { TailwindIndicator } from "@/components/tailwind-indicator"
import { ThemeProvider } from "@/components/theme-provider"
@@ -45,6 +46,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
{children}
+
diff --git a/app/page.tsx b/app/page.tsx
index c9a7677..2ec0b79 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,38 +1,284 @@
-import Link from "next/link"
+import NextImage from "next/image"
+import NextLink from "next/link"
+import ArrowUpVector from "@/public/arrow-vector.png"
+import ArrowRightVector from "@/public/arrowright-vector.png"
+import PSELogoCircle from "@/public/pse-logo-circle.png"
+import PSEIcon1 from "@/public/pseicon-1.png"
+import PSEIcon2 from "@/public/pseicon-2.png"
+import PSEIcon3 from "@/public/pseicon-3.png"
+import PSELogo from "@/public/pselogo-homepage.png"
import { siteConfig } from "@/config/site"
-import { buttonVariants } from "@/components/ui/button"
export default function IndexPage() {
return (
-
-
-
- Our new website
- built with Radix UI and Tailwind CSS.
-
-
- Accessible and customizable components that you can copy and paste
- into your apps. Free. Open Source. And Next.js 13 Ready.
-
+
+
+
+
+ Privacy + Scaling Explorations
+
+
+ Programmable cryptography for people like you
+
+
+
+ Explore The Project Library
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+ Learn and Share
+
+
+
+ Sangria: a Folding Scheme for PLONK
+
+
+
+
+ Watch
+
+
+
+
+
+
+
+
+
+ Learn and Share
+
+
+
+ Folding Circom Circuit: A ZKML Case Study - Dr. Cathie So
+
+
+
+
+ Atttend
+
+
+
+
+
- Documentation
-
-
+
+
+
+ Event
+
+
+
PSE @ETHCC
+
+
+
+ Attend
+
+
+
+
+
- GitHub
-
+
+
+
+
+ Blog Post
+
+
+
+ zkEVM Community Edition Part 3: Logic and Structure
+
+
+
+
+ read
+
+
+
+
+
+
+
+
+
+
+ Who We Are
+
+
+
+
+ PSE is a research lab building free tools that expand the world of
+ cryptography.
+
+
+
+
+
+
+
+ What We Do
+
+
+
+
+
+
+
+
+
Privacy
+
+ We believe privacy is a social good that should be accessible
+ to everyone. That’s why we’re creating open source tools that
+ help people choose what, how, when, and where they share.
+
+
+
+
Scaling
+
+ Our infrastructure helps communities grow by making Ethereum
+ more efficient and accessible. From account abstraction and
+ reducing transaction costs, to rollups and zkEVM, we are
+ building towards an interoperable future.
+
+
+
+
Explorations
+
+ We are mapping the emerging zero knowledge ecosystem through
+ collective experimentation. We collaborate, share what we
+ learn, and welcome contributions from around the world.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ How To Plug In
+
+
+
+
+ PSE is a growing team of developers, researchers, designers,
+ communicators, artists, and organizers. There are so many ways to
+ get involved- you can try out our apps, build with our tools,
+ contribute to projects, or join our team. We’d love to hear from
+ you!
+
+
+
+ Say Hi On Discord
+
+
+
+
+
)
diff --git a/app/projects/[id]/page.tsx b/app/projects/[id]/page.tsx
new file mode 100644
index 0000000..85719a8
--- /dev/null
+++ b/app/projects/[id]/page.tsx
@@ -0,0 +1,95 @@
+"use client"
+
+import NextImage from "next/image"
+import { usePathname } from "next/navigation"
+import GithubVector from "@/public/githubblack-vector.png"
+import GlobalVector from "@/public/globeblack-vector.png"
+import SkyNoMoonBg from "@/public/skynomoon.png"
+import TwitterVector from "@/public/twitterblack-vector.png"
+
+import { projects } from "@/config/projects"
+import Breadcrumbs from "@/components/breadcrumbs"
+
+export default function ProjectDetailPage() {
+ const router = usePathname()
+
+ const breadcrumbs = router
+ .split("/")
+ .slice(1)
+ .map((part) => {
+ const id = Number(part)
+
+ if (!isNaN(id)) {
+ const project = projects.find((project) => project.id === id)
+
+ return project ? project.name : part
+ } else {
+ return part
+ }
+ })
+
+ return (
+
+
+
+
+
+
+
+
+
+
+ RLN or longer project name goes here
+
+
+
+
+
Github
+
{" "}
+
+
+
Website
+
{" "}
+
+
+
Twitter
+
+
+
+ Lorem ipsum dolor sit amet consectetur. Gravida nibh amet amet
+ tristique. Ornare adipiscing sed semper sed egestas eget sed non
+ faucibus.
+
+
+
+
+
+
Image Ratio
+
+
+
+ {`RLN is a protocol that allows one user to punish another user who is
+ abusing the rate limit in an anonymous system. Users can withdraw
+ the offender's stake or reveal their secrets, helping to maintain
+ system integrity via deterrence. RLN is built using the Semaphore
+ protocol.`}
+
+
+ {`This project is aimed at developers looking to stop spam while
+ preserving anonymity within a system. If you're working on
+ communication systems such as chat apps, client-server
+ communications, or peer-to-peer communications, RLN can help you
+ maintain privacy and anonymity while preventing abuse in the form of
+ spam and denial of service attacks. This ensures a safer and more
+ enjoyable user experience for your application's users.`}
+
+
+
+
+ )
+}
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
new file mode 100644
index 0000000..e2717fb
--- /dev/null
+++ b/app/projects/page.tsx
@@ -0,0 +1,76 @@
+"use client"
+
+import NextImage from "next/image"
+import { useRouter } from "next/navigation"
+import GithubVector from "@/public/github-vector.png"
+import GlobalVector from "@/public/globe-vector.png"
+import SkyNoMoonBg from "@/public/skynomoon.png"
+
+import { projects } from "@/config/projects"
+
+export default function ProjectsPage() {
+ const router = useRouter()
+
+ return (
+
+
+
+
+
+
+
+
+
+ Explore the project library
+
+
+ PSE is home to many projects, from cryptography research to
+ developer tools, protocols and proof-of-concept applications.
+