diff --git a/hooks/useGetProject.tsx b/hooks/useGetProject.tsx
new file mode 100644
index 0000000..2ce07ea
--- /dev/null
+++ b/hooks/useGetProject.tsx
@@ -0,0 +1,19 @@
+import { Project } from "@/types/mongo";
+import { useQuery } from "wagmi";
+
+async function getProject(id: string): Promise<Project | undefined> {
+  try {
+    return fetch(`${process.env.BACKEND_URL}/projects/${id}`).then((res) =>
+      res.json()
+    );
+  } catch (e) {
+    console.error(e);
+    return undefined;
+  }
+}
+
+export function useGetProject(id?: string) {
+  return useQuery(["project", id], () => getProject(id!), {
+    enabled: Boolean(id)
+  });
+}
diff --git a/hooks/useGetUser.tsx b/hooks/useGetUser.tsx
new file mode 100644
index 0000000..2196740
--- /dev/null
+++ b/hooks/useGetUser.tsx
@@ -0,0 +1,21 @@
+import { AuthContext } from "@/components/AuthProvider";
+import { User } from "@/types/mongo";
+import { useContext } from "react";
+import { useQuery } from "wagmi";
+
+async function getCurrentUser(userId: string): Promise<User | undefined> {
+  try {
+    return fetch(`${process.env.BACKEND_URL}/users/${userId}`).then((res) =>
+      res.json()
+    );
+  } catch (e) {
+    console.error(e);
+    return;
+  }
+}
+
+export function useGetUser(userId?: string) {
+  const { idToken } = useContext(AuthContext);
+
+  return useQuery(["users"], () => getCurrentUser(userId!), { enabled: Boolean(userId) });
+}
diff --git a/pages/admin/index.tsx b/pages/admin/index.tsx
index 91decf4..15b5573 100644
--- a/pages/admin/index.tsx
+++ b/pages/admin/index.tsx
@@ -86,7 +86,6 @@ export default function AdminPage() {
   const { address, status } = useAccount();
   const { chain } = useNetwork();
   const { data: onChainProjects } = useRadarEditionsGetEditions({
-    account: address,
     address: isTestnet() ? GOERLI_CONTRACT_ADDRESS : MAINNET_CONTRACT_ADDRESS,
     chainId: chain?.id,
     enabled: Boolean(chain),
diff --git a/pages/api/get-checkout-link.ts b/pages/api/get-checkout-link.ts
index 477a757..9e5b24e 100644
--- a/pages/api/get-checkout-link.ts
+++ b/pages/api/get-checkout-link.ts
@@ -30,12 +30,10 @@ export default async function handler(
         title: "RADAR Editions - Create Project",
         // description: "Describe your project *with Markdown!*",
         // imageUrl: "https://unsplash.it/240/240",
-        // successCallbackUrl: "string",
-        // cancelCallbackUrl: "string",
-        // walletAddress: "string",
-        // email: "string",
+        successCallbackUrl: "https://radarlaunch.app",
+        cancelCallbackUrl: "https://radarlaunch.app",
         sendEmailOnCreation: true,
-        quantity: 1,
+        // quantity: 1,
         metadata: {},
         mintMethod: {
           name: "createEdition",
diff --git a/pages/api/get-mint-checkout-link.ts b/pages/api/get-mint-checkout-link.ts
new file mode 100644
index 0000000..2d4732a
--- /dev/null
+++ b/pages/api/get-mint-checkout-link.ts
@@ -0,0 +1,63 @@
+import { GOERLI_CONTRACT_ID, MAINNET_CONTRACT_ID } from "@/constants/paper";
+import isTestnet from "@/lib/utils/isTestnet";
+import { NextApiRequest, NextApiResponse } from "next";
+
+interface Response {
+  checkoutLinkIntentUrl: string;
+  transactionId: string;
+  estimatedPrice: { value: string; currency: string };
+}
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<Response | string>
+) {
+  if (req.method !== "POST") {
+    return res.status(404).send("Not found");
+  }
+  try {
+    const { editionId, value } = req.body;
+    console.log({ editionId, value });
+    const options = {
+      method: "POST",
+      headers: {
+        accept: "application/json",
+        "content-type": "application/json",
+        Authorization: "Bearer " + process.env.PAPER_API_KEY,
+      },
+      body: JSON.stringify({
+        contractId: isTestnet() ? GOERLI_CONTRACT_ID : MAINNET_CONTRACT_ID,
+        title: "RADAR Editions - Mint Project",
+        // description: "Describe your project *with Markdown!*",
+        // imageUrl: "https://unsplash.it/240/240",
+        successCallbackUrl: "https://radarlaunch.app",
+        cancelCallbackUrl: "https://radarlaunch.app",
+        sendEmailOnCreation: true,
+        quantity: 1,
+        metadata: {},
+        mintMethod: {
+          name: "mintEdition",
+          args: {
+            editionId,
+            buyer: "$WALLET",
+            amount: "$QUANTITY",
+            data: "0x0000000000000000000000000000000000000000000000000000000000000000",
+          },
+          payment: { currency: "ETH", value },
+        },
+        // contractArgs: "string",
+        feeBearer: "BUYER",
+        sendEmailOnTransferSucceeded: true,
+      }),
+    };
+
+    const response = await fetch(
+      "https://withpaper.com/api/2022-08-12/checkout-link-intent",
+      options
+    ).then((response) => response.json());
+    return res.status(200).send(response);
+  } catch (e) {
+    console.log(e);
+    return res.status(400).send("Error has occured");
+  }
+}
diff --git a/pages/project/[id]/index.tsx b/pages/project/[id]/index.tsx
index 7b88708..a785a35 100644
--- a/pages/project/[id]/index.tsx
+++ b/pages/project/[id]/index.tsx
@@ -1,91 +1,108 @@
+import { chains } from "@/components/Web3Provider";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
-import { Card, CardHeader, CardTitle } from "@/components/ui/card";
 import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useToast } from "@/components/ui/use-toast";
+import { GOERLI_CONTRACT_ADDRESS, MAINNET_CONTRACT_ADDRESS } from "@/constants/address";
+import { useGetProject } from "@/hooks/useGetProject";
+import { useGetUser } from "@/hooks/useGetUser";
+import { useRadarEditionsGetEditions } from "@/lib/generated";
+import { cn } from "@/lib/utils";
+import isTestnet from "@/lib/utils/isTestnet";
 import { MoveDown } from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useQuery } from "wagmi";
 
 enum Tab {
   ONE = "ONE",
   TWO = "TWO",
 }
 
-const milestones = [
-  {
-    name: "Milestone 1",
-    amount: 0,
-  },
-  {
-    name: "Milestone 2",
-    amount: 0,
-  },
-  {
-    name: "Milestone 3",
-    amount: 0,
-  },
-  {
-    name: "Milestone 4",
-    amount: 0,
-  },
-  {
-    name: "Milestone 5",
-    amount: 0,
-  },
-  {
-    name: "Milestone 6",
-    amount: 0,
-  },
-];
+function transformYouTubeUrl(url: string) {
+  if (!url.includes("youtube")) {
+    return ""
+  }
+  if (!url.includes("embed")) {
+    return url.replace("watch?v=", "embed/");
+  }
+  return url;
+}
+
+async function getMintCheckoutLink(
+  editionId: number,
+  value: string // project's mint fee
+): Promise<string> {
+  try {
+    const result = await fetch(`/api/get-mint-checkout-link`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        editionId, value,
+      }),
+    }).then((res) => res.json());
 
-const benefits = [
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 1",
-  },
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 2",
-  },
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 3",
-  },
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 4",
-  },
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 5",
-  },
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 6",
-  },
-  {
-    amountRequired: 0,
-    benefitTitle: "Benefit 7",
-  },
-];
+    if ("checkoutLinkIntentUrl" in result) {
+      return result.checkoutLinkIntentUrl;
+    }
+  } catch (e) {
+    console.error(e);
+  }
+  return "";
+}
 
 export default function IndividualProjectPage() {
+  const router = useRouter()
+  const { id } = router.query;
+
+  const { data } = useGetProject(id?.toString())
+  const { data: userData } = useGetUser(data?.founder)
+  const { data: onChainProjects } = useRadarEditionsGetEditions({
+    address: isTestnet() ? GOERLI_CONTRACT_ADDRESS : MAINNET_CONTRACT_ADDRESS,
+    chainId: chains[0]?.id,
+    enabled: Boolean(chains[0]?.id),
+  });
+  const { toast } = useToast()
+
+  const editionId = onChainProjects?.findIndex(project => project.id === id)
+  const value = editionId !== undefined && onChainProjects?.[editionId]?.fee
+  const { data: checkoutLink, isLoading: isCheckoutLinkLoading } = useQuery(
+    ["checkout-mint-link", editionId, value],
+    () => getMintCheckoutLink(editionId!, value!.toString()),
+    { enabled: editionId !== undefined && value !== undefined }
+  );
+
+  console.log({ onChainProjects, editionId, value })
+
+
+  if (!data) {
+    return <div>No project found</div>
+  }
+  console.log("Video URL", data.video_url)
+
   return (
-    <div className="grid grid-cols-6 mt-20 px-[5%] bg-white py-12">
-      <div className="col-span-4 overflow-y-scroll pr-10">
+
+    <div className="grid grid-cols-6 px-[5%] bg-white py-12">
+      <div className="col-span-4 pr-10">
         <div>
-          <iframe
-            width={"100%"}
-            className="aspect-video  pt-6"
-            src={`https://www.youtube.com/embed/wy8tgRbHN1U`}
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-            allowFullScreen
-            title="Embedded youtube"
-          />
+          {transformYouTubeUrl(data?.video_url) !== '' ?
+            <iframe
+              width={"100%"}
+              className="aspect-video pt-6"
+              src={transformYouTubeUrl(data?.video_url)}
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+              title="Embedded youtube"
+            />
+            : <div>Invalid project video submitted. See browser console for more information</div>}
         </div>
         <div className="text-lg pt-10 pb-4">
-          The Brief: <span className="font-semibold">Brief Name</span>
+          The Brief: <span className="font-semibold">{data.brief}</span>
         </div>
-        <h2 className="text-3xl pb-4">Heading</h2>
+        <h2 className="text-3xl pb-4">{data.title}</h2>
         <hr />
         <p className="text-lg py-6">This is some text inside of a div block.</p>
         <Tabs defaultValue={Tab.ONE} className="border py-6">
@@ -97,10 +114,19 @@ export default function IndividualProjectPage() {
             <h3 className="font-medium text-lg underline underline-offset-[16px] decoration-slate-100 pb-16">
               Project TLDR
             </h3>
+            <p>{data.tldr}</p>
             <hr />
             <h3 className="font-medium text-lg underline underline-offset-[16px] decoration-slate-100 pb-16 pt-10">
               Who is the team executing on this vision
             </h3>
+            {data.team.map((teamMember, index) => (
+              <div key={teamMember.name} className="space-y-2 pb-4">
+                <h4 className="font-semibold">{index + 1}. {teamMember.name}</h4>
+                <div className="text-gray-600">
+                  {teamMember.bio}
+                </div>
+              </div>
+            ))}
             <hr />
             <h3 className="font-medium text-lg underline underline-offset-[16px] decoration-slate-100 pb-16 pt-10">
               This project is looking for:
@@ -111,15 +137,15 @@ export default function IndividualProjectPage() {
             </h3>
             <Table>
               <TableBody>
-                {milestones.map((milestone) => (
-                  <TableRow key={milestone.name}>
+                {data?.milestones.map((milestone) => (
+                  <TableRow key={milestone.text}>
                     <TableCell className="font-medium text-xl w-[200px]">
                       ${" "}
                       <span className="text-gray-400 text">
                         {milestone.amount.toFixed(2)}
                       </span>
                     </TableCell>
-                    <TableCell className="border-l">{milestone.name}</TableCell>
+                    <TableCell className="border-l">{milestone.text}</TableCell>
                   </TableRow>
                 ))}
               </TableBody>
@@ -128,16 +154,16 @@ export default function IndividualProjectPage() {
           <TabsContent value={Tab.TWO}></TabsContent>
         </Tabs>
       </div>
-      <div className="col-span-2 overflow-y-scroll px-4 pt-6">
+      <div className="col-span-2 px-4 pt-6">
         <div className="flex space-x-2 pb-4">
           <Avatar className="w-12 h-12">
-            <AvatarImage src="/default-avatar.png" alt="@shadcn" />
+            <AvatarImage src={userData?.profile || "/default-avatar.png"} alt="@shadcn" />
             <AvatarFallback>CN</AvatarFallback>
           </Avatar>
           <div>
-            <p className="pb-1">Founder Name</p>
+            <p className="pb-1">{userData?.name}</p>
             <p className="font-mono text-gray-600">
-              0x7730B4Cdc1B1E7a33A309AB7205411faD009C106
+              {data.admin_address}
             </p>
           </div>
         </div>
@@ -145,8 +171,16 @@ export default function IndividualProjectPage() {
 
         <div className="pt-8 pb-4">
           <div className="flex space-x-2 w-full">
-            <Button className="w-full" variant={"ghost"}>
-              Collect <MoveDown className="ml-1 w-3 h-3" />
+            <Button className="w-full" variant={"ghost"} asChild disabled={isCheckoutLinkLoading || !checkoutLink}>
+              <Link href={checkoutLink || ""} className={cn(isCheckoutLinkLoading || !checkoutLink ? "pointer-events-none opacity-70" : "")} onClick={() => {
+                if (checkoutLink) {
+                  toast({
+                    title: "Redirecting to checkout"
+                  })
+                }
+              }}>
+                Collect <MoveDown className="ml-1 w-3 h-3" />
+              </Link>
             </Button>
             <Button className="w-full" variant={"ghost"}>
               Sign Up <MoveDown className="ml-1 w-3 h-3" />
@@ -164,13 +198,13 @@ export default function IndividualProjectPage() {
         </div>
 
         <hr />
-        {benefits.map((benefit) => (
-          <div key={benefit.benefitTitle} className="mt-4 border rounded">
+        {data.benefits.map((benefit) => (
+          <div key={benefit.text} className="mt-4 border rounded">
             <h3 className="p-4">
-              Collect {benefit.amountRequired} or more editions and get
+              Collect {benefit.amount} or more editions and get
             </h3>
             <hr />
-            <p className="p-4">{benefit.benefitTitle}</p>
+            <p className="p-4">{benefit.text}</p>
           </div>
         ))}
       </div>
diff --git a/types/mongo.ts b/types/mongo.ts
index 5e2c242..7e3713f 100644
--- a/types/mongo.ts
+++ b/types/mongo.ts
@@ -10,13 +10,15 @@ export enum ProjectStatus {
 export type Project = {
   _id: string;
   title: string;
+  founder: string;
+  description: string;
   video_url: string;
   tldr: string;
   brief: string;
+  tags: string[];
   inspiration: string;
   team: Team[];
-  description: string;
-  collaborators: string;
+  collaborators?: string;
   waitlist: boolean;
   milestones: AmountText[];
   edition_price: number;
@@ -25,6 +27,7 @@ export type Project = {
   admin_address: string;
   supporter_count: number;
   status: ProjectStatus;
+  launched_at: string; // ISO Datestring
   curation: {
     start: string; // ISO Datestring
     end: string; // ISO Datestring