Merge pull request #57 from 0xPolygon/nadim/more-fixes

zkEVM product page

docs/_site_essentials/stylesheets/extra.css

@@ -23,10 +23,7 @@
 }
 
 img.figure {
-	border: 5px solid #ae6fdb !important;
-	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 	margin: 0 auto;
-	max-width: 80%;
 	display: block;
 }
 
@@ -35,10 +32,10 @@ div.flex-figure {
 }
 
 div.flex-figure div.flex-figure-left {
-	flex-grow: 2;
+	flex-grow: 1;
+	flex-shrink: 5;
 }
 
 div.flex-figure div.flex-figure-right {
-	flex-grow: 1;
-	flex-shrink: 1.5;
+	flex-grow: 2;
 }

docs/_site_essentials/stylesheets/polygon-docs.webflow.css

@@ -11,7 +11,7 @@ h1 {
 	margin-top: 0;
 	margin-bottom: 0 !important;
 	font-size: 38px;
-	font-weight: 1000 !important;
+	font-weight: 600 !important;
 	line-height: 44px;
 	color: var(--main-black) !important;
 	font-family: Generalsans, sans-serif !important;
@@ -27,6 +27,10 @@ h2 {
 	font-family: Generalsans, sans-serif !important;
 }
 
+div.main h1 {
+	margin-top: 0 !important;
+}
+
 div.main h3 {
 	margin-top: 0 !important;
 }
@@ -121,8 +125,10 @@ div.main .section {
 	grid-column-gap: 3rem;
 	grid-row-gap: 3rem;
 	justify-content: space-between;
-	align-items: center;
+	align-items: flex-start;
 	display: flex;
+	position: relative;
+	bottom: 50px;
 }
 
 .hero-content-flex.product-hero-flex {
@@ -154,6 +160,7 @@ div.main .section {
 	font-size: 48px !important;
 	line-height: 1.3 !important;
 	font-weight: 1000;
+	max-width: 400px;
 }
 
 .hero-subext {

docs/cdk/index.md

@@ -1 +1,34 @@
-TODO: marketing copy and frontend design
+<div class="flex-figure" markdown="1">
+<div class="flex-figure-left" markdown="1">
+# Polygon CDK
+Polygon Chain Development Kit (CDK) is a modular, open source software toolkit for blockchain developers which supports the installation and configuration of a variety of chain architectures. Polygon CDK empowers developers to launch new L2 chains on [Ethereum](https://ethereum.org/en/) or, in the future, transition existing Layer 1 (L1) chains into L2s. 
+</div>
+<div class="flex-figure-right">
+<img src="../img/cdk/cdk.svg" class="figure figure-right" alt="" />
+</div>
+</div>
+
+Developers can select a chain architecture specific to their needs from a set of supported, open source components. Alternatively, developers can select custom components for specific requirements. The diagram below shows the two supported configuration options, rollup or validium. Rollups post transaction data from Polygon CDK directly onto Ethereum whereas validiums only post the transaction hash.
+
+![](../img/cdk/overview-1.png)
+
+A chain tailored for a specific application might leverage the zkEVM execution environment, adopt the Validium mode, and implement a centralized sequencer. 
+
+Regardless of these individualized choices, after the completion of the in-development interop layer, every chain will have the option to be interoperable with other Polygon network chains.
+
+## Why build with Polygon CDK?
+
+Polygon CDK gives developers a toolkit for sovereign and modular chain design, without sacrificing future interoperability with other L2 chains. Chains built with Polygon CDK can access an ecosystem of (forthcoming) unified liquidity, optimized performance, and seamless asset transfers, all while prioritizing user experience and data security.
+
+Here is what developers can expect when they build with Polygon CDK.
+
+1. **Modularity and sovereignty**: Polygon CDK offers a modular environment for ZK-powered L2 chain design. Developers can customize chains according to their needs.
+2. **Scalability**: Polygon CDK-developed L2 chains enhance transaction speed and can be multiplied to achieve an elastically scalable ecosystem.
+3. **Independent data availability**: With a dedicated data availability layer and a data availability committee, Polygon CDK-developed chains provide robust off-chain data access and reliability. This structure, independent of Ethereum, ensures substantial data resilience and integrity.
+4. **Interoperability (forthcoming)**: Through an in-development interop layer, CDK-developed chains can be seamlessly interoperable, meaning atomic L2 <> L2 transactions. Chains deployed with Polygon CDK will have the opportunity to opt-in to the interop layer and tap unified liquidity.
+5. **Near-instant finality**: Chains deployed using Polygon CDK rely on cryptographic security, ensuring transaction integrity without the need of full nodes. This approach guarantees near-instant finality and robust security.
+6. **Extensive Web3 support**: Polygon CDK chains leverage a comprehensive ecosystem with premium service providers offering essential tools for application integration, development, and deployment.
+
+The following diagram illustrates how Polygon CDK-developed chains may opt into a web of interoperable L2 chains: 
+
+![](../img/cdk/overview-2.png)