diff --git a/_businesses/api.html b/_businesses/api.html
new file mode 100644
index 0000000..1bfb47a
--- /dev/null
+++ b/_businesses/api.html
@@ -0,0 +1,67 @@
+---
+title: API
+icon: "/assets/images/networks-logo/cosmos.svg"
+---
+
+<section 
+	class="container-fluid py-5">
+	<h2>Business Model Canvas</h2>
+	<div class="bmc">
+		<div id="partners">
+			<h3>Key Partners</h3>
+		</div>
+		<div id="activities">
+			<h3>Key Activities</h3>
+			<div class="note">Setup Nodes</div>
+			<div class="note">Maintain Nodes</div>
+		</div>
+		<div id="resources">
+			<h3>Key Resources</h3>
+			<div class="note">Infrastructure</div>
+			<div class="note">Assets (Coins)</div>
+		</div>
+		<div id="value">
+			<h3>Value Proposition</h3>
+			<div class="note">Network API</div>
+			<div class="note">Wallet Hooks</div>
+		</div>
+		<div id="relationship">
+			<h3>Customer Relationship</h3>
+			<div class="note">Website</div>
+		</div>
+		<div id="channels">
+			<h3>Channels</h3>
+			<div class="note">Wallets</div>
+		</div>
+		<div id="customers">
+			<h3>Customers Segments</h3>
+			<div class="note">Developers</div>
+		</div>
+
+		<div id="cost">
+			<h3>
+				<a href="#cost_structure">Cost Structure</a>
+			</h3>
+			<div class="note">
+				<a href="{{ '/' | relative_url }}#roles">CEO, CTO, IT Man and SPO</a>
+			</div>
+			<div class="note">
+				<a href="{{ '/' | relative_url }}#infrastructure">Hardware and Infrastructure</a>
+			</div>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#networks">Setup</a>
+			</div>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#networks">Start up asset</a>
+			</div>
+		</div>
+		<div id="revenue">
+			<h3>
+				<a href="{{ '/' | relative_url }}#revenue_streams">Revenue Streams</a>
+			</h3>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#revenue_streams_fee">Pricing</a>
+			</div>
+		</div>
+	</div>
+</section>
\ No newline at end of file
diff --git a/_businesses/staking.html b/_businesses/staking.html
new file mode 100644
index 0000000..115ae49
--- /dev/null
+++ b/_businesses/staking.html
@@ -0,0 +1,143 @@
+---
+title: Staking Business
+icon: "/assets/images/networks-logo/cosmos.svg"
+---
+
+
+<section 
+	class="container-fluid py-5">
+	<h1>Business Model Canvas</h1>
+	<div class="bmc">
+		<div id="partners">
+			<h3>Key Partners</h3>
+		</div>
+		<div id="activities">
+			<h3>Key Activities</h3>
+			<div class="note">Setup Nodes</div>
+			<div class="note">Maintain Nodes</div>
+		</div>
+		<div id="resources">
+			<h3>Key Resources</h3>
+			<div class="note">Infrastructure</div>
+			<div class="note">Assets (Coins)</div>
+		</div>
+		<div id="value">
+			<h3>Value Proposition</h3>
+			<div class="note">Staking Pool</div>
+		</div>
+		<div id="relationship">
+			<h3>Customer Relationship</h3>
+			<div class="note">Website</div>
+		</div>
+		<div id="channels">
+			<h3>Channels</h3>
+			<div class="note">Wallets</div>
+		</div>
+		<div id="customers">
+			<h3>Customers Segments</h3>
+			<div class="note">Holders</div>
+		</div>
+
+		<div id="cost">
+			<h3>
+				<a href="#cost_structure">Cost Structure</a>
+			</h3>
+			<div class="note">
+				<a href="{{ '/' | relative_url }}#roles">CEO, CTO, IT Man and SPO</a>
+			</div>
+			<div class="note">
+				<a href="{{ '/' | relative_url }}#infrastructure">Hardware and Infrastructure</a>
+			</div>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#networks">Setup</a>
+			</div>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#networks">Start up asset</a>
+			</div>
+		</div>
+		<div id="revenue">
+			<h3>
+				<a href="{{ '/' | relative_url }}#revenue_streams">Revenue Streams</a>
+			</h3>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#revenue_streams_staking">Staking</a>
+			</div>
+			<div class="note green">
+				<a href="{{ '/' | relative_url }}#revenue_streams_fee">Staking Fee</a>
+			</div>
+		</div>
+	</div>
+</section>
+
+
+<section 
+	class="container-fluid py-5">
+	<h2>Calculator</h2>
+	<div id="calculatorBody"></div>
+
+<script type="application/json" id="roles-data">
+[{% for role in site.roles %}
+{
+	"id": "{{ role.id }}",
+	"title": "{{ role.title }}",
+	"abbreviation": "{{ role.abbreviation }}",
+	"cost": {{ role.cost }},
+	"throughput": {{ role.throughput }},
+	"url": "{{ role.url | relative_url }}",
+	"count": 0
+},
+{% endfor %}{}]
+</script>
+
+
+<script type="application/json" id="networks-data">
+[{% for network in site.networks %}
+{
+	"id": "{{ network.id }}",
+	"title": "{{ network.title }}",
+	"icon": "{{ network.icon | relative_url }}",
+	"token": "{{ network.token }}",
+	"tokenPrice": "{{ network.token_price }}",
+	"url": "{{ network.url | relative_url }}",
+	"count": 0,
+
+	"stakingMin": {{ network.stake_min }},
+	"apr": {{ network.stake_apr }},
+	"epoch": {{ network.network_epoch }}, 
+	
+	"rewardConstant": {{ network.node_reward_constant}},
+	"rewardPercentage": {{ network.node_reward_percentage}},
+
+	"networkSymbol": "{{ network.network_symbol }}", 
+	"networkTitle" : "{{ network.network_title }}",
+	"networkFee" : {{ network.network_fee }},
+	
+	"nodeStartValue": {{ network.node_start_value }},
+	"nodeHardware" : "{{ network.node_hardware }}",
+
+	"p2pStaked": {{ network.p2p_staked_value }}
+},
+{% endfor %}{}]
+</script>
+
+
+<script type="application/json" id="resources-data">
+[{% for resources in site.resources %}
+{
+	"id": "{{ resources.id }} ", 
+	"url": "{{ resources.url | relative_url }}",
+	"name": "{{ resources.name }}",
+	"title": "{{ resources.title }}",
+	"CPU": {{ resources.CPU }},
+	"RAM": {{ resources.RAM }},
+	"HDD": {{ resources.HDD }},
+	"SSD": {{ resources.SSD }},
+	"cost": {{ resources.cost }}
+},
+{% endfor %}{}]
+</script>
+
+
+<script src="{{ '/assets/js/owl.js' | relative_url }}"></script>
+<script src="{{ '/assets/js/calculator-staking.js' | relative_url }}"></script>
+</section>
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
index 0fccb7a..a7059e9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -21,7 +21,7 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
 ################################################################################
-title: GenZ Bank Organization
+title: GenZ Bank
 logo: /assets/logo.svg
 email: mostafa.barmshory@gmail.com
 description: >- 
@@ -51,6 +51,9 @@ collections:
     output: true
   resources:
     output: true
+  businesses:
+    output: true
+  
 
 
 
@@ -166,6 +169,18 @@ defaults:
     values:
       layout: "role"
       category: "roles"
+  -
+    scope:
+      type: "businesses"
+    values:
+      layout: "business"
+      category: "business"
+  -
+    scope:
+      type: "resources"
+    values:
+      layout: "resource"
+      category: "resource"
 
 
 #liquid:
@@ -204,9 +219,10 @@ ignore_theme_config: true
 # and configure order of the links.
 #
 header_pages:
-  - calculator.html
+  - businesses.html
   - roles.html
   - networks.html
+  - resources.html
   - about.html
 
 #
diff --git a/_layouts/business.html b/_layouts/business.html
new file mode 100644
index 0000000..293ad8c
--- /dev/null
+++ b/_layouts/business.html
@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+
+<link 
+	rel="stylesheet" 
+	href="{{ '/assets/home.css' | relative_url }}" >
+
+<section class="container-fluid">
+	<div class="row">
+		<div class="col">
+			<h1>
+				<img src="{{ page.icon | relative_url }}" 
+					width="64px"
+					heigh="64px">
+				{{ page.title | escape }}
+			</h1>
+			<p>{{ page.description | escape }}</p>
+		</div>
+	</div>
+</section>
+
+{{ content }}
diff --git a/_layouts/resource.html b/_layouts/resource.html
new file mode 100644
index 0000000..b53df61
--- /dev/null
+++ b/_layouts/resource.html
@@ -0,0 +1,49 @@
+---
+layout: default
+---
+
+<section class="container-fluid">
+	<div class="row">
+		<div class="col">
+			<h1>
+				<img src="{{ page.icon | relative_url }}" 
+					width="64px"
+					heigh="64px">
+				{{ page.title | escape }}
+			</h1>
+			<p>{{ page.description | escape }}</p>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col">
+			<table class="table">
+				<thead>
+					<tr>
+						<td>Title</td>
+						<td>Value</td>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>CPU Cores</td>
+						<td>{{ page.CPU | upcase }}</td>
+					</tr>
+					<tr>
+						<td>RAM</td>
+						<td>{{ page.RAM | upcase }} GB</td>
+					</tr>
+					<tr>
+						<td>HDD</td>
+						<td>{{ page.HDD | upcase }} TB</td>
+					</tr>
+					<tr>
+						<td>SSD</td>
+						<td>{{ page.SSD | upcase }} TB</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</section>
+
+{{ content }}
diff --git a/assets/js/calculator.js b/assets/js/calculator-staking.js
similarity index 96%
rename from assets/js/calculator.js
rename to assets/js/calculator-staking.js
index 50604f4..cf97e0b 100644
--- a/assets/js/calculator.js
+++ b/assets/js/calculator-staking.js
@@ -52,8 +52,6 @@
 				<th scope="row"><img width="32px" height="32px" t-att-src="props.network.icon" /></th>
 				<td><a t-att-href="props.network.url"><t t-esc="props.network.title"/></a></td>
 				<td><t t-esc="props.network.tokenPrice"/></td>
-				<td><t t-esc="props.network.count"/></td>
-				<td><t t-esc="props.network.tokenPrice * props.network.count"/></td>
 				<td>
 					<button type="button"
 						class="btn btn-link"
@@ -82,8 +80,6 @@
 				<th scope="col"></th>
 				<th scope="col">Title</th>
 				<th scope="col">Cost/Month (USDT)</th>
-				<th scope="col">required count</th>
-				<th scope="col">partial sum</th>
 				<th scope="col">Actions</th>
 			</tr>
 			</thead>
@@ -117,8 +113,6 @@
 				<th scope="col">Abbreviation</th>
 				<th scope="col">Title</th>
 				<th scope="col">Cost/Month (USDT)</th>
-				<th scope="col">required count</th>
-				<th scope="col">partial sum</th>
 			</tr>
 			</thead>
 			<tbody>
@@ -127,8 +121,6 @@
 				<th scope="row"><a t-att-href="role.url"><t t-esc="role.abbreviation"/></a></th>
 				<td><a t-att-href="role.url"><t t-esc="role.title"/></a></td>
 				<td><t t-esc="role.cost"/></td>
-				<td><t t-esc="role.count"/></td>
-				<td><t t-esc="role.cost * role.count"/></td>
 			</tr>
 			</t>
 			</tbody>
@@ -325,10 +317,7 @@
 	const APP_TEMPLATE = xml /* xml */`
 	<section 
 		class="container-fluid py-5">
-		<ResourceTable resources="env.resourcesDb" />
 		<NetworkTable networks="env.networksDb" />
-		<RolesTable roles="env.rolesDb" />
-
 		<InitCost
 			networks="env.networksDb"
 			roles="env.rolesDb" 
diff --git a/businesses.html b/businesses.html
new file mode 100644
index 0000000..07e6a50
--- /dev/null
+++ b/businesses.html
@@ -0,0 +1,26 @@
+---
+layout: page
+title: Businesses
+permalink: /businesses/
+---
+
+
+<div class="row justify-content-md-center">
+	{% for business in site.businesses %}
+	<div class="card p-2 m-1" 
+		style="width: 18rem;">
+		<div class="d-flex flex-column align-items-center card-body">
+			<img src="{{ business.icon | relative_url }}" 
+				width="64px"
+				heigh="64px">
+			<h5 class="card-title">{{ business.title }}</h5>
+			<div>
+				<a href="{{ business.url | relative_url }}" 
+					class="btn btn-primary">Read More</a>
+			</div>
+		</div>
+	</div>
+	{% endfor %}
+</div>
+
+
diff --git a/calculator.html b/calculator.html
deleted file mode 100644
index 05bd8c3..0000000
--- a/calculator.html
+++ /dev/null
@@ -1,74 +0,0 @@
----
-layout: page
-title: Calculator
-permalink: /calculator/
----
-
-
-<script type="application/json" id="roles-data">
-[{% for role in site.roles %}
-{
-	"id": "{{ role.id }}",
-	"title": "{{ role.title }}",
-	"abbreviation": "{{ role.abbreviation }}",
-	"cost": {{ role.cost }},
-	"throughput": {{ role.throughput }},
-	"url": "{{ role.url | relative_url }}",
-	"count": 0
-},
-{% endfor %}{}]
-</script>
-
-
-<script type="application/json" id="networks-data">
-[{% for network in site.networks %}
-{
-	"id": "{{ network.id }}",
-	"title": "{{ network.title }}",
-	"icon": "{{ network.icon | relative_url }}",
-	"token": "{{ network.token }}",
-	"tokenPrice": "{{ network.token_price }}",
-	"url": "{{ network.url | relative_url }}",
-	"count": 0,
-
-	"stakingMin": {{ network.stake_min }},
-	"apr": {{ network.stake_apr }},
-	"epoch": {{ network.network_epoch }}, 
-	
-	"rewardConstant": {{ network.node_reward_constant}},
-	"rewardPercentage": {{ network.node_reward_percentage}},
-
-	"networkSymbol": "{{ network.network_symbol }}", 
-	"networkTitle" : "{{ network.network_title }}",
-	"networkFee" : {{ network.network_fee }},
-	
-	"nodeStartValue": {{ network.node_start_value }},
-	"nodeHardware" : "{{ network.node_hardware }}",
-
-	"p2pStaked": {{ network.p2p_staked_value }}
-},
-{% endfor %}{}]
-</script>
-
-
-<script type="application/json" id="resources-data">
-[{% for resources in site.resources %}
-{
-	"id": "{{ resources.id }} ", 
-	"url": "{{ resources.url | relative_url }}",
-	"name": "{{ resources.name }}",
-	"title": "{{ resources.title }}",
-	"CPU": {{ resources.CPU }},
-	"RAM": {{ resources.RAM }},
-	"HDD": {{ resources.HDD }},
-	"SSD": {{ resources.SSD }},
-	"cost": {{ resources.cost }}
-},
-{% endfor %}{}]
-</script>
-
-
-<script src="{{ '/assets/js/owl.js' | relative_url }}"></script>
-<script src="{{ '/assets/js/calculator.js' | relative_url }}"></script>
-
-<div id="calculatorBody"></div>
\ No newline at end of file
diff --git a/index.html b/index.html
index 4b56f21..c5c1400 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,6 @@
 layout: home
 ---
 
-<link 
-	rel="stylesheet" 
-	href="{{ '/assets/home.css' | relative_url }}" >
-
 <section 
 	class="container-fluid py-5">
 	<h1>GenZ Business Model Canvas</h1>
@@ -17,72 +13,14 @@ <h1>GenZ Business Model Canvas</h1>
 		proposition, infrastructure, customers, and finances, assisting 
 		businesses to align their activities by illustrating potential 
 		trade-offs.
-		Each segment is illustrated later in related sections.
 	</p>
-	<div class="bmc">
-		<div id="partners">
-			<h3>Key Partners</h3>
-		</div>
-		<div id="activities">
-			<h3>Key Activities</h3>
-			<div class="note">Setup Nodes</div>
-			<div class="note">Maintain Nodes</div>
-		</div>
-		<div id="resources">
-			<h3>Key Resources</h3>
-			<div class="note">Infrastructure</div>
-			<div class="note">Assets (Coins)</div>
-		</div>
-		<div id="value">
-			<h3>Value Proposition</h3>
-			<div class="note">Staking Pool</div>
-		</div>
-		<div id="relationship">
-			<h3>Customer Relationship</h3>
-			<div class="note">Website</div>
-		</div>
-		<div id="channels">
-			<h3>Channels</h3>
-			<div class="note">Wallets</div>
-		</div>
-		<div id="customers">
-			<h3>Customers Segments</h3>
-			<div class="note">Holders</div>
-		</div>
-
-		<div id="cost">
-			<h3>
-				<a href="#cost_structure">Cost Structure</a>
-			</h3>
-			<div class="note">
-				<a href="#roles">CEO, CTO, IT Man and SPO</a>
-			</div>
-			<div class="note">
-				<a href="#infrastructure">Hardware and Infrastructure</a>
-			</div>
-			<div class="note green">
-				<a href="#networks">Setup</a>
-			</div>
-			<div class="note green">
-				<a href="#networks">Start up asset</a>
-			</div>
-		</div>
-		<div id="revenue">
-			<h3>
-				<a href="#revenue_streams">Revenue Streams</a>
-			</h3>
-			<div class="note green">
-				<a href="#revenue_streams_staking">Staking</a>
-			</div>
-			<div class="note green">
-				<a href="#revenue_streams_fee">Staking Fee</a>
-			</div>
-		</div>
-	</div>
+	
+			<a 
+				type="button" 
+				class="btn btn-link"
+				href="{{ '/businesses/' | relative_url }}">Read more about models</a>
 </section>
 
-
-<hr/>
 <section 
 	id="cost_structure"
 	class="container-fluid py-5">
@@ -147,7 +85,7 @@ <h3 class="h1">Infrastructure & Resources</h3>
 			<a 
 				type="button" 
 				class="btn btn-link"
-				href="{{ '/hardware/' | relative_url }}">Read more about Infrastructure</a>
+				href="{{ '/resources/' | relative_url }}">Read more about Infrastructure</a>
 		</div>
 		<div class="text-md-right col-12 col-md-5 order-first">
 			<img 
@@ -189,7 +127,6 @@ <h3 class="h1">Netwokrs</h3>
 
 
 
-<hr/>
 <section 
 	id="revenue_streams"
 	class="container-fluid py-5">
diff --git a/networks.html b/networks.html
index a7c51b5..7f45fab 100644
--- a/networks.html
+++ b/networks.html
@@ -27,7 +27,7 @@ <h5 class="card-title">{{ network.title }}</h5>
 				</div>
 			</div>
 			<div>
-				<a href="{{ network.url }}" 
+				<a href="{{ network.url | relative_url }}" 
 					class="btn btn-primary">Read More</a>
 			</div>
 		</div>
diff --git a/resources.html b/resources.html
new file mode 100644
index 0000000..bc8d501
--- /dev/null
+++ b/resources.html
@@ -0,0 +1,26 @@
+---
+layout: page
+title: Resources
+permalink: /resources/
+---
+
+
+<div class="row justify-content-md-center">
+	{% for resource in site.resources %}
+	<div class="card p-2 m-1" 
+		style="width: 18rem;">
+		<div class="d-flex flex-column align-items-center card-body">
+			<img src="{{ business.icon | relative_url }}" 
+				width="64px"
+				heigh="64px">
+			<h5 class="card-title">{{ resource.title }}</h5>
+			<div>
+				<a href="{{ resource.url | relative_url }}" 
+					class="btn btn-primary">Read More</a>
+			</div>
+		</div>
+	</div>
+	{% endfor %}
+</div>
+
+
diff --git a/roles.html b/roles.html
index d8d9a3d..bc8e793 100644
--- a/roles.html
+++ b/roles.html
@@ -1,6 +1,6 @@
 ---
 layout: page
-title: Organization Roles
+title: Roles
 permalink: /roles/
 ---