devcon 7 wip

app/[lang]/devcon-7/page.tsx

@@ -0,0 +1,28 @@
+import React from "react"
+import { Metadata } from "next"
+
+import { Devcon7Header } from "./sections/Devcon7Header"
+import { Devcon7Section } from "./sections/Devcon7Section"
+
+export const metadata: Metadata = {
+  title: "Devon 7",
+  description: "PSE x Devcon 7 Southeast Asia",
+  openGraph: {
+    images: [
+      {
+        url: "/devcon-7-cover.png",
+        width: 1200,
+        height: 630,
+      },
+    ],
+  },
+}
+
+export default async function DevconPage() {
+  return (
+    <div className="flex flex-col">
+      <Devcon7Header />
+      <Devcon7Section />
+    </div>
+  )
+}

app/[lang]/devcon-7/sections/Devcon7Header.tsx

@@ -0,0 +1,22 @@
+import Image from "next/image"
+
+export const Devcon7Header = () => {
+  return (
+    <div className="relative h-[180px] lg:h-[300px]">
+      <Image
+        src="/images/devcon-7-mobile.svg"
+        alt="Devcon 7 Banner"
+        fill
+        className="block object-cover md:hidden"
+        priority
+      />
+      <Image
+        src="/images/devcon-7-desktop.svg"
+        alt="Devcon 7 Banner"
+        fill
+        className="hidden object-cover md:block"
+        priority
+      />
+    </div>
+  )
+}

app/[lang]/devcon-7/sections/Devcon7Section.tsx

@@ -0,0 +1,63 @@
+import Image from "next/image"
+import Link from "next/link"
+import events from "@/data/events/devcon-7"
+import { cva } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { AppContent } from "@/components/ui/app-content"
+
+const tableSection = cva("lg:grid lg:grid-cols-[200px_1fr_80px_20px] lg:gap-8")
+const tableSectionTitle = cva(
+  "text-anakiwa-500 text-xs font-sans leading-5 tracking-[2.5px] uppercase font-bold pb-3"
+)
+export const Devcon7Section = () => {
+  return (
+    <div className="relative pt-8 lg:pt-[60px] lg:pb-[120px] lg:px-[60px]">
+      <div className="flex flex-col lg:container">
+        <div
+          className={cn(tableSection(), "lg:border-b lg:border-anakiwa-200")}
+        >
+          <div className={tableSectionTitle()}>Details</div>
+          <div className={tableSectionTitle()}>Talks</div>
+          <div className={tableSectionTitle()}>Speakers</div>
+          <div></div>
+        </div>
+        <div className="flex flex-col">
+          {events?.map((event, index) => {
+            return (
+              <div
+                key={index}
+                className={cn(
+                  "flex flex-col gap-3",
+                  tableSection(),
+                  "py-4 px-6 lg:p-0 lg:pt-[30px] lg:pb-5 border-b border-b-tuatara-200"
+                )}
+              >
+                <div className="flex flex-col order-2 lg:order-1">
+                  <span className="text-sm text-tuatara-950 font-bold leading-5">
+                    {event?.date}
+                  </span>
+                  <span>{event?.time}</span>
+                  <span>{event?.location}</span>
+                </div>
+                <div className="flex flex-col gap-[10px] lg:order-2 order-1">
+                  <Link
+                    href="#"
+                    className="text-[22px] leading-[24px] text-tuatara-950 underline font-display hover:text-anakiwa-500 font-bold duration-200"
+                  >
+                    {event?.title}
+                  </Link>
+                  <span className="hidden lg:block lg:text-base lg:leading-6 text-tuatara-950 font-sans font-normal">
+                    {event?.description}
+                  </span>
+                </div>
+                <div></div>
+                <div></div>
+              </div>
+            )
+          })}
+        </div>
+      </div>
+    </div>
+  )
+}

data/events/devcon-7.ts

@@ -0,0 +1,78 @@
+const events = [
+  {
+    date: "November 10, 2024",
+    time: "4:30 PM - 5:00 PM",
+    location: "Datapalooza",
+    speaker: "Althea",
+    title: "Handle with Care",
+    description:
+      "Data can be useful, and also dangerous. This talk will raise questions and concerns that data enthusiasts might want to consider.",
+  },
+  {
+    date: "November 11, 2024",
+    time: "TBA",
+    location: "Ethereum Cypherpunk Congress",
+    speaker: "@Sam Richards",
+    title: "What's next for PSE",
+    description:
+      "2024 has brought a lot of changes to the Privacy + Scaling Explorations team. Hear from our new team learn about the past, present and future of PSE.",
+  },
+  {
+    date: "November 11, 2024",
+    time: "9:00 AM - 5:00 PM",
+    location: "Devcon floor 1, booths S107 and S108",
+    speaker: "PSE",
+    title: "General PSE info, team office hours",
+    description:
+      "Come meet the PSE team! We'll be around all day, every day during Devcon.",
+  },
+  {
+    date: "November 12, 2024",
+    time: "12:40 PM - 12:50 PM",
+    location: "Lightning Talk - Stage 4",
+    speaker: "@0xjei",
+    title: "The combination of ZKP +/- MPC +/- FHE",
+    description:
+      "This talk will provide you with the necessary intuition to understand when you should use ZKP, MPC or FHE, or any combination of them.",
+  },
+  {
+    date: "November 12, 2024",
+    time: "12:50 PM - 1:00 PM",
+    location: "Lightning Talk - Stage 4",
+    speaker: "@Rasul",
+    title: "MPC Tooling or How to create MPC apps",
+    description:
+      "Let's get into the state of the art of MPC development: we'll discuss different MPC schemes, current MPC tooling & how you can create MPC apps today. We'll cover the tech stack from a frontend level (e.g. MPC compilers) to a backend - and of course how we can combine them.",
+  },
+  {
+    date: "November 12, 2024",
+    time: "1:10 PM - 1:20 PM",
+    location: "Lightning Talk - Stage 4",
+    speaker: "@cperezz19",
+    title:
+      "MP-FHE experiments. Our learnings trying to find the next big tech to focus on.",
+    description:
+      "This talk mainly focuses on showcasing the work that some PSE members did while starting to dive into MPC-FHE during Q2 2024. This work is composed by various explorations within the MPC-FHE realm that move towards different directions and goals. From FHE compilers to FFT Bootstrapping GPU optimization proposals, passing by FHE Game demos and many application level implementations, the talk aims to reach beginner-advanced audience on the research/product paths that we have explored so far.",
+  },
+  {
+    date: "November 12, 2024",
+    time: "1:30 PM - 1:40 PM",
+    location: "Lightning Talk - Stage 4",
+    speaker: "@leolarav",
+    title: "Modern ZKP Compilers",
+    description:
+      "At PSE we have done much ZKP advanced development. From that learning we are building a language and compiler, that is summarizing much of this learning. We answer questions like: Are compilers necessary in a zkVM world? What is the role of a compiler in ZKP development? What are its most common components? How different ways can this problem be approached? In this advanced talk, we will learn how we compile arbitrary boolean expressions, or how the Schwartz–Zippel lemma can be used to optimize.",
+  },
+  {
+    date: "November 12, 2024",
+    time: "2:10 PM - 2:20 PM",
+    location: "Lightning Talk - Stage 4",
+    speaker: "@andyguzmaneth",
+    title:
+      "The Blind Man's Elephant: a product vision towards private identities",
+    description:
+      "A short talk introducing the concepts of key principles we want to achieve in private ZK identities. Sparkling concepts like SSI and DIDs and why blockchains are the best way to ensure that. Finally it concludes with simple ZK and data-structure constructions and different alternatives that are seeking to provide this characteristics. In short, this is a lightning overview of the space of ZK, its desired features and different approaches to achieve them.",
+  },
+]
+
+export default events