fix(copy) - adds contract addresses and updates copy

src/components/Navbar.tsx

@@ -10,17 +10,15 @@ export default function Navbar() {
 				<Link href="/">
 					<Image src="/tap-logo.svg" alt="Transfer Agent Protocol" width={48} height={48} />
 				</Link>
-				<Logotype>Transfer Agent Protocol</Logotype>
 			</LogoRouter>
 			<span>
 				<StyledA>
-					<Link href="https://docs.transferagentprotocol.xyz" target="_blank">
-						<Image src="/icons/docs.svg" alt="Documentation" width={32} height={32} />
+					<Link href="https://docs.transferagentprotocol.xyz" target="_blank">Docs
 					</Link>
 				</StyledA>
 				<StyledA>
 					<Link href="https://github.com/transfer-agent-protocol/tap-cap-table" target="_blank ">
-						<Image src="/icons/github.svg" alt="TAP Cap Table Github" width={32} height={32} />
+						Github
 					</Link>
 				</StyledA>
 			</span>

src/components/layout.tsx

@@ -12,7 +12,7 @@ export default function Layout({ children }: Props) {
 			<Main>{children}</Main>
 			<FooterWrapper>
 				<FooterContent>
-					© {new Date().getFullYear()} Transfer Agent Protocol Authors
+					© {new Date().getFullYear()}
 				</FooterContent>
 			</FooterWrapper>
 		</FullWidth>

src/components/wrappers.tsx

@@ -14,7 +14,7 @@ const Nav = styled.nav`
     justify-content: space-between;
 	align-items: center;
 	width: 100%;
-	max-width: 768px;
+	max-width: 100%;
 	padding: 1rem 0;
 `;
 
@@ -71,6 +71,21 @@ const Heading = styled.div`
     @media only screen and (max-width: 512px) {
         margin: 2rem 0;
     }
+
+	a {
+		font-size: ${({ theme }) => theme.fontSizes.medium};
+        padding: 0 1rem 0 0;
+        /** iPhone portrait mode and equivalent devices */
+		@media only screen and (max-width: 512px) {
+			font-size: ${({ theme }) => theme.fontSizes.medium};
+			padding: 0 0.3rem 0 0;
+		}
+    }
+
+	a:hover {
+		color: ${({ theme }) => theme.colors.background};
+		background: ${({ theme }) => theme.colors.main};
+	}
 `;
 
 const Content = styled.div`
@@ -115,32 +130,48 @@ const Credits = styled.div`
 	align-items: flex-start;
 	font-size: ${({ theme }) => theme.fontSizes.large};
 	margin-bottom: 4rem;
+`;
 
-	a, span {
-        padding: 0 1rem 0 0;
-        /** iPhone portrait mode and equivalent devices */
-		@media only screen and (max-width: 512px) {
-			font-size: ${({ theme }) => theme.fontSizes.baseline};
-			padding: 0 0.3rem 0 0;
-		}
+const StyledTable = styled.table`
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1rem 0;
+  font-size: ${({ theme }) => theme.fontSizes.baseline};
+  table-layout: fixed; /* Helps to apply word wrapping */
+
+  th, td {
+    text-align: left;
+    padding: 0.5rem;
+    border-bottom: 1px solid ${({ theme }) => theme.colors.main};
+    word-break: break-word; /* Ensures text wraps inside the cell */
+  }
+
+  th {
+    background-color: ${({ theme }) => theme.colors.main};
+    color: ${({ theme }) => theme.colors.background};
+  }
+
+  td a {
+    color: ${({ theme }) => theme.colors.main};
+    text-decoration: none;
+    display: inline-block; /* Can help with better handling of wrapping for links */
+    max-width: 100%; /* Prevents the link from overflowing its container */
+  }
+
+  td a:hover {
+    color: ${({ theme }) => theme.colors.background};
+    background: ${({ theme }) => theme.colors.main};
+  }
+
+  @media (max-width: 768px) {
+    font-size: ${({ theme }) => theme.fontSizes.small};
+    th, td {
+      padding: 0.3rem; /* Smaller padding for smaller screens */
     }
+  }
+`;
 
-	a:hover {
-		color: ${({ theme }) => theme.colors.background} !important;
-		background: ${({ theme }) => theme.colors.main} !important;
-	}
-`; 
 
-const TallyWrapper = styled.div`
-	position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-	padding: 2px;
-    width: 100%;
-    height: 100%;
-`;
 
 const FooterWrapper = styled.footer`
     display: flex;
@@ -184,4 +215,4 @@ const FooterAside = styled.aside`
     }
 `;
 
-export { FullWidth, Nav, Logotype, Main, Heading, Content, Article, Credits, TallyWrapper, FooterWrapper, FooterContent, FooterAside };
+export { FullWidth, Nav, Logotype, Main, Heading, Content, Article, Credits, StyledTable, FooterWrapper, FooterContent, FooterAside };

src/pages/index.tsx

@@ -1,40 +1,55 @@
-import { Heading, Content, Credits } from "../components/wrappers";
-import { H1, H2, Blockquote, P } from "../components/typography";
+import { Heading, Content, StyledTable } from "../components/wrappers";
+import { H1, H2, P } from "../components/typography";
 
 export default function Home() {
 	return (
 		<Content>
 			<Heading>
-				<H1>Onchain equity protocol.</H1>
-				<P>Transfer Agent Infrastructure for tokenizing real-world assets on the blockchain.</P>
-				<P>Permissionless. Open source. Compliant with transfer agent regulation in the US.</P>
+				<H1>Onchain cap tables.</H1>
+				<P>Tokenize RWAs, and handle post-trade settlement.</P>
+				<P>Based on the <a href="https://www.opencaptablecoalition.com/" target="_blank">Open Cap Table</a> format, transfer agent protocol is being used by SEC-registered entities.</P>
+				<a href="https://paragraph.xyz/@thatalexpalmer/rwa-tokenization-protocol-stack" target="_blank" rel="noopener">Read why this exists</a>
 			</Heading>
-			<Blockquote>
-				<P>Introducing an <mark>open source onchain equity protocol</mark> to build web3 equivalents of traditional transfer agents.</P>
-				<P>This infra lets you mint performant <mark>equity cap tables</mark> onchain and handle post-trade settlement of tokenized RWAs.</P>
-				<P>It is based on and is fully compatible with the <a href="https://www.opencaptablecoalition.com/" target="_blank">Open Cap Table</a> format.</P>
-				<a href="https://paragraph.xyz/@thatalexpalmer/rwa-tokenization-protocol-stack" target="_blank" rel="noopener">Read the full announcement</a>
-			</Blockquote>
 			<H2>
-				Built by
+				Deployments:
 			</H2>
-			<Credits>
-				<a href="https://warpcast.com/thatalexpalmer.eth" target="_blank" rel="noopener">thatalexpalmer.eth</a>
-				<span>|</span>
-				<a href="https://warpcast.com/vic" target="_blank" rel="noopener">vic</a>
-				<span>|</span>
-				<a href="https://pluralenergy.co" target="_blank" rel="noopener">Plural Energy</a>
-				<span>|</span>
-				<a href="https://fairmint.co" target="_blank" rel="noopener">Fairmint</a>
-			</Credits>
-			<H2>
-				Testnet deployments
-			</H2>
-			<Credits>
-				<a href="https://goerli-optimism.etherscan.io/address/0x7182cc6f1d512906c794742e6a2295e1d8448e82" target="_blank" rel="noopener noreferrer">OP Goerli</a>
-				<span> | </span>
-				<a href="https://www.plumenetwork.xyz/" target="_blank" rel="noopener">Plume Testnet</a>
-			</Credits>
+			<P>
+				One of the main implementations of this infra is currently being developed on <a href="https://plumenetwork.xyz" target="_blank">Plume</a> by <a href="https://warpcast.com/thatalexpalmer.eth" target="_blank">thatalexpalmer.eth</a>
+			</P>
+			<StyledTable>
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Address</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>TAP Admin</td>
+						<td><a href="https://plume-testnet.explorer.caldera.xyz/address/0x366aA809015061C101983900d0c2ebf7d71B96AF">0x366aA809015061C101983900d0c2ebf7d71B96AF</a></td>
+					</tr>
+					<tr>
+						<td>CapTableFactory</td>
+						<td><a href="https://plume-testnet.explorer.caldera.xyz/address/0xB753930229Bf1Fe02189b4FEb20678Ba44312877" target="_blank" rel="noopener noreferrer">0xB753930229Bf1Fe02189b4FEb20678Ba44312877</a></td>
+					</tr>
+					<tr>
+						<td>CapTable</td>
+						<td><a href="https://plume-testnet.explorer.caldera.xyz/address/0xE7f4bfa5eE90a8450Cf4f9410463C8D24102ce8A" target="_blank" rel="noopener noreferrer">0xE7f4bfa5eE90a8450Cf4f9410463C8D24102ce8A</a></td>
+					</tr>
+					<tr>
+						<td>StockLib</td>
+						<td><a href="https://plume-testnet.explorer.caldera.xyz/address/0x0d2cfD82004aeD30A4Bd4Efe7b8810Bd86a53296" target="_blank" rel="noopener noreferrer">0x0d2cfD82004aeD30A4Bd4Efe7b8810Bd86a53296</a></td>
+					</tr>
+					<tr>
+						<td>Adjustment</td>
+						<td><a href="https://plume-testnet.explorer.caldera.xyz/address/0x1E228a15a25F0bDe12132620A6aa152Baf12d36f" target="_blank" rel="noopener noreferrer">0x1E228a15a25F0bDe12132620A6aa152Baf12d36f</a></td>
+					</tr>
+					<tr>
+						<td>DeleteContext</td>
+						<td><a href="https://plume-testnet.explorer.caldera.xyz/address/0xb960D1D1c9C39C1EA7CB452Bfd45B2799edAF33E" target="_blank" rel="noopener noreferrer">0xb960D1D1c9C39C1EA7CB452Bfd45B2799edAF33E</a></td>
+					</tr>
+				</tbody>
+			</StyledTable>
 		</Content>
 	);
 }

yarn.lock

@@ -657,9 +657,9 @@ camelize@^1.0.0:
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
 caniuse-lite@^1.0.30001406:
-  version "1.0.30001532"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001532.tgz#c6a4d5d2da6d2b967f0ee5e12e7f680db6ad2fca"
-  integrity sha512-FbDFnNat3nMnrROzqrsg314zhqN5LGQ1kyyMk2opcrwGbVGpHRhgCWtAgD5YJUqNAiQ+dklreil/c3Qf1dfCTw==
+  version "1.0.30001600"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz"
+  integrity sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==
 
 chalk@^2.4.2:
   version "2.4.2"