development_new changes

content/footer/footer.md

@@ -17,7 +17,7 @@ items:
     - name: ThreeFold Farming
       link: https://threefold.io/farming
     - name: ThreeFold Cloud
-      link: https://threefold.io/cloud
+      link: https://cloud.threefold.io/
     - name: Grid Explorer
       link: https://explorer.threefold.io/      
     - name: ThreeFold Marketplace
@@ -33,10 +33,10 @@ items:
     - name: Start Farming
       link: https://threefold.io/farming/get_3node
     - name: Buy the Token
-      link: https://threefold.io/info/threefold#/threefold__how_to_buy_and_sell
+      link: https://library.threefold.me/info/tfgrid/#/tokens/how_to_buy
     - name: Test the Cloud
-      link: https://threefold.io/cloud
+      link: https://cloud.threefold.io/
-    - name: Develop with the SDK (advanced)
+    - name: Deploy with SDK
       link: https://threefold.io/info/sdk
     - name: Testing Community
       link: https://t.me/joinchat/BwOvOxxgK59GmRoZ2_sM0w
@@ -44,26 +44,22 @@ items:
  - title: Knowledgebase
    links:
     - name: ThreeFold Grid
-      link: https://threefold.io/info/threefold#/threefold__grid_home
+      link: /grid
     - name: ThreeFold Technology
-      link: https://threefold.io/info/threefold#/internet4__technology
+      link: https://library.threefold.me/info/cloud/#/cloud_home
     - name: ThreeFold Farming
-      link: https://threefold.io/info/threefold#/threefold__farming_intro
+      link: https://library.threefold.me/info/tfgrid/#/farming/farming_home.md
     - name: ThreeFold Token
-      link: https://threefold.io/info/threefold#/threefold__token_home
+      link: https://library.threefold.me/info/tfgrid/#/tokens/tokens_home.md
-    - name: Carbon Double Win
-      link: https://threefold.io/info/threefold#/internet4__energy_savings
     - name: Manuals
       link: https://threefold.io/info/threefold#/threefold__wiki_overview
-    - name: Releases
-      link: https://threefold.io/info/threefold#/threefold__release_mgmt
     - name: ThreeFold Glossary
       link: https://threefold.io/info/threefold#/threefold__defs
 
  - title: About Us
    links:
     - name: ThreeFold
-      link: https://threefold.io/info/threefold
+      link: /about-us
     - name: Partners
       link: /partners
     - name: People

content/page/about-us/about-us.md

@@ -1,16 +1,16 @@
 ---
 id: about-us
 metaTitle: ThreeFold | About Us
-metaDesc:  To build the world’s most decentralized, secure and scalable digital infrastructure – for the people, by the people
+metaDesc:  To transform the future of the Internet by unlocking the limitless potential of emerging technologies and creating borderless opportunities for humanity.
 metaImg: ./about_header.png
-header_slogan: 
+header_slogan: '' 
 header_title: OUR MISSION
 header_image: ./about_header.png
 header_altImg: threefold
-header_excerpt: To build the world’s most decentralized, secure and scalable digital infrastructure – for the people, by the people
+header_excerpt: To transform the future of the Internet by unlocking the limitless potential of emerging technologies and creating borderless opportunities for humanity.
 solution_image: 
 button: The Digital Future
-link: "#"
+link: /blog/post/tf_grid_peoples_internet/
 brandPanel: about_brandPanel
 brandPanel2: about_brandPanel2
 brandPanel3: about_brandPanel3

content/page/about-us/brandPanel/index.md

@@ -1,6 +1,6 @@
 ---
 id: about_brandPanel
 title: A DIGITAL INFRASTRUCTURE SUPPORTING AN INTERCONNECTED WORLD
-image: about_globe.png # src/assets/brandPanel/..
+image: about_globe_big.png # src/assets/brandPanel/..
 ---
-Internet access is a human right and represents the biggest source of information and communication. Our technology was designed to scale to anywhere electricity and  bandwidth can be found to meet local digital infrastructure needs, especially the global south, to empower the unconnected and support a shared vision of an interconnected world.
+Internet access is a human right and represents the biggest source of information and communication on earth. Our technology was designed to scale to anywhere where electricity and bandwidth can be found to meet local digital infrastructure needs – especially in the global south. Let’s empower the unconnected and support a shared vision of an interconnected world.

content/page/about-us/brandPanel2/index.md

@@ -1,6 +1,6 @@
 ---
 id: about_brandPanel2
-title: OUR CUTTING-EDGE TECHNOLOGY ALLOWS PEOPLE TO OWN THEIR DATA
+title: EMPOWERING DATA OWNERHSIP FOR ALL
-image: about_logos.png # src/assets/brandPanel/..
+image: about_logos_big.png # src/assets/brandPanel/..
 ---
 Using a variety of innovative technologies including autonomous IT, blockchain and peer-to-peer networking, we allow people to own 100% of their data. On our system censorship, user tracking and privacy breaches are just not possible, not even for ThreeFold. People own 100% of their data. All our code is open source and available for everyone to review or use as they see fit.

content/page/about-us/brandPanel3/index.md

@@ -1,6 +1,6 @@
 ---
 id: about_brandPanel3
 title: OUR VALUES INFORM EVERYTHING, WHO WE ARE  AND WHAT WE DO
-image: about_value.png # src/assets/brandPanel/..
+image: about_value_big.png # src/assets/brandPanel/..
 ---
 By making our technology actionable, we enable a collective approach to have an impact together. We unify our practices, partnerships, and products around a single mission - empowering humanity and regenerating our  planet. We commit to be carbon negative by  2022.

content/page/about-us/cta/index.md

@@ -3,8 +3,8 @@ id: about_cta
 title: JOIN OUR JOURNEY
 image: ./about_join.png
 button: Join Us
-link: "#"
+link: https://t.me/threefold
 ---
 Join us on our journey to build the digital 
 <br />
-infrastructure that will connect humanity
+infrastructure that will connect humanity.

content/page/about-us/cta2/index.md

@@ -2,14 +2,4 @@
 id: about_cta2
 title: WE’VE COME A LONG WAY, AND WE’RE JUST GETTING STARTED
 ---
-Our founding team has been setting world records for 
+Our founding team has been setting world records for building the most powerful digital infrastructures for the past 20+ years. After many successful exits, they decided to start from scratch on the Linux kernel and built a new operating system to power the decentralized Internet and Cloud era.
-<br />
-building the most powerful digital  infrastructures in the 
-<br />
-world for the past 20+ years. After many successful exits, 
-<br />
-they decided to start from scratch on the Linux kernel and 
-<br />
-built a new operating system to power the decentralized 
-<br />
-Internet and Cloud era

content/page/about-us/cta3/index.md

@@ -3,7 +3,7 @@ id: about_cta3
 title: WHAT ARE YOU WAITING FOR?
 subtitle: JOIN THE MOVEMENT 
 button:  Join The Movement
-link: '#'
+link: https://t.me/threefold
 ---
 Meet our community, join our conversations and 
 <br />

content/page/about-us/roadmap/index.md

@@ -10,4 +10,4 @@ democratized, secure and scalable digital infrastructure to
 <br />
 support a truly interconnected world. Our mission is bold 
 <br />
-and motivates every step we make
+and motivates every step we make.

content/page/careers/careers.md

@@ -6,7 +6,7 @@ metaImg: ''
 solution_image: ./team_joinus.jpg
 header: join_us
 jobsMain: positions
-jobs: [plan2, plan3, plan4, plan5, plan6]
+jobs: [plan2, plan3, plan4, plan6 ,plan5]
 customCTA: careers
 pageHeader: careersHeader
 ---

content/page/grid/brandPanel/index.md

@@ -2,7 +2,7 @@
 id: grid_brandPanel
 title: AN ENDLESSLY SCALABLE DIGITAL NETWORK
 btnTxt: Learn about TFT
-sourceUrl: '#'
+sourceUrl: /token
 image: endless.png # src/assets/brandPanel/..
 ---
-By connecting compute, storage and network capacity to the ThreeFold Grid, anyone can join an open and inclusive Internet ecosystem that supports the realization of a truly inter-connected world, and earn income in the form of TFT
+By connecting compute, storage and network capacity to the ThreeFold Grid, anyone can join an open and inclusive Internet ecosystem that supports the realization of a truly inter-connected world, and earn income in the form of TFT.

content/page/grid/brandPanel2/index.md

@@ -2,7 +2,7 @@
 id: grid_brandPanel2
 title: INTERNET REIMAGINED
 btnTxt: "See who's building on the Grid"
-sourceUrl: '#'
+sourceUrl: https://cloud.threefold.io/
 image: internet_reimagine.jpg # src/assets/brandPanel/..
 ---
-Any current and future digital workload can be hosted natively on ThreeFold with minimum migration including cloud alternatives, blockchains, IoT networks, decentralized organizations and applications
+Any current and future digital workload can be hosted natively on ThreeFold with minimum migration including cloud alternatives, blockchains, IoT networks, decentralized organizations and applications.

content/page/grid/brandPanel3/index.md

@@ -2,7 +2,9 @@
 id: grid_brandPanel3
 title: THE POWER OF OPEN-SOURCE 
 btnTxt: Hardware Options
-sourceUrl: '#'
+sourceUrl: https://threefold.io/farming/pre-order
+btnTxt2: Do-it-Yourself
+sourceUrl2: https://library.threefold.me/info/tfgrid/#/farming/farming_manual
 image: open_source.jpg # src/assets/brandPanel/..
 ---
-Most modern computers can be booted with ThreeFold’s operating-system, Zero-OS. All you need is electricity, bandwidth and compatible hardware to connect capacity to the network
+Most modern computers can be booted with ThreeFold’s operating-system, Zero-OS. All you need is electricity, bandwidth and compatible hardware to connect capacity to the network.

content/page/grid/brandPanel4/index.md

@@ -0,0 +1,10 @@
+---
+id: grid_brandPanel4
+title: DISCOVER THE TOKEN THAT POWERS THE THREEFOLD GRID 
+btnTxt: Learn more about TFT
+sourceUrl: /token
+btnTxt2: ''
+sourceUrl2: ''
+image: stake_token_big.jpg # src/assets/brandPanel/..
+---
+TFT is a utility token that was designed to ensure anyone can participate in the ThreeFold ecosystem without intermediaries. It incentivises node operators with monthly income and is used by developers to build and run workloads.

content/page/grid/cta/cta.md

@@ -3,8 +3,8 @@ id: grid_cta
 title: ZERO OS
 image: ./zero_os.png
 button: How It Works
-link: '#'
+link: /how-it-works
-button2: Download Zero OS
+button2: Bootstrap Your Node
-link2: '#'
+link2: https://library.threefold.me/info/tfgrid/#/farming/farming_manual
 ---
-Zero-OS is an autonomous and lightweight operating system that achieves unmatched levels of efficiency and security. It has no shell or remote control, making it impossible for humans to access user data on the hardware level, and it was designed to be the most efficient software environment. With powerful compute, storage and network features and it’s industry-leading efficiency, Zero-OS was designed to host anything that runs on Linux, but better
+An autonomous and lightweight operating system that achieves unmatched levels of efficiency and security. It has no shell or remote control, making it impossible for humans to access user data on the hardware level, and it was designed to be the most efficient software environment. With powerful compute, storage and network features and its industry-leading efficiency, Zero-OS can host anything that runs on Linux, but better.

content/page/grid/grid.md

@@ -1,18 +1,19 @@
 ---
 id: grid
 metaTitle: ThreeFold | Grid
-metaDesc: The ThreeFold Grid is an open system which allows anyone to become a node in the emerging digital economy. It provides unparalleled levels of privacy and security and opens a new Internet era free from censorship, user tracking and privacy breaches
+metaDesc: The ThreeFold Grid is an open system which allows anyone to become a node in the emerging digital economy. It opens a new Internet era free from censorship, user tracking and privacy breaches.
 metaImg: ./grid_header.png
 header_slogan: 
 header_title: THE THREEFOLD GRID
 header_image: ./grid_header.png
 header_altImg: threefold
-header_excerpt: The ThreeFold Grid is an open system which allows anyone to become a node in the emerging digital economy. It provides unparalleled levels of privacy and security and opens a new Internet era free from censorship, user tracking and privacy breaches
+header_excerpt: The ThreeFold Grid is an open system which allows anyone to become a node in the emerging digital economy. It opens a new Internet era free from censorship, user tracking and privacy breaches.
 solution_image: 
 button: Take Part
-link: "#"
+link: "#zero_os"
 brandPanel: grid_brandPanel
 brandPanel2: grid_brandPanel2
 brandPanel3: grid_brandPanel3
+brandPanel4: grid_brandPanel4
 cta: grid_cta
 ---

content/page/home/blogs/smart_contract_blog/smart_contract_blog.md

@@ -5,7 +5,7 @@ tags: [threefold_grid, technology]
 category: [farming, cloud, foundation, aci, twin]
 image: ./new_internet.jpg
 image_caption: new internet
-excerpt: The first episode in an approachable series on the inner workings of the ThreeFold Grid.
+excerpt: The first episode in an approachable series on the inner workings of the ThreeFold Grid. Explore our technology stack and what makes ThreeFold special.
 author: SCOTT YEAGER
 authorImg: ./scott_yeager.jpg
 path: /blog/post/an_intro_to_the_threefold_grid/

content/page/home/blogs/threefold_regenerates/threefold_regenerates.md

@@ -5,7 +5,7 @@ tags: [threefold_grid, digital_twin, why, technology, farming]
 category: [farming, cloud, foundation, aci, twin]
 image: ./tft_vedio.jpg
 image_caption: planet positive plan
-excerpt: 'A New Internet for Everyone. By Everyone. Everywhere.'
+excerpt: We make sovereignty a reality and opportunities universal. Our technology ensures data ownership and a democratized Internet. Discover how.
 author: ''
 created: 2021-05-15
 authorImg: ''

content/page/home/brandPanel/brandPanel.md

@@ -2,11 +2,11 @@
 id: fix_internet
 title: ZERO OS
 subtitle: ''
-sourceUrl: https://t.me/threefold
+sourceUrl: https://www.farming.threefold.io/get_3node
 btnTxt: Get a Node
 button2: Learn More
-link2: '#'
+link2: /grid
 image: zero_os.png # src/assets/brandPanel/..
 ---
 
-Zero-OS is an autonomous open-source operating system that supports the peer-to-peer cloud and the deployment of infinitely scalable digital workloads with unparalleled levels of security and privacy. 
+An autonomous open-source operating system that supports the peer-to-peer cloud and the deployment of infinitely scalable digital workloads with unparalleled levels of security and privacy. 

content/page/home/cta/cta.md

@@ -3,16 +3,16 @@ id: home_cta
 title: THE SOURCE CODE FOR 
 subtitle: A PEOPLE’S INTERNET
 image: ./number_bg2.jpg
-button: How it works
+button: How It Works
-link: '#'
+link: /how-it-works
-button2: Expand the grid
+button2: Expand The Grid
-link2: '#'
+link2: /grid
-button3: Peer-to-peer cloud
+button3: Peer-To-Peer Cloud
-link3: '#'
+link3: https://cloud.threefold.io/
-button4: Developer Grants(coming soon)
+button4:  Developer Grants (coming soon)
 link4: '#'
 button5: The ThreeFold Token
-link5: '#'
+link5: /token
 button6: Community Forum
-link6: '#'
+link6: https://forum.threefold.io/
 ---

content/page/home/cta2/cta2.md

@@ -2,14 +2,14 @@
 id: home_cta2
 title: Join the ThreeFold Movement
 image: ./cta_image.png
-button: ThreeFold Connect
+button: Buy the Token
-link: https://library.threefold.me/info/tfgrid/#/threefold__threefold_connect
+link: /token
-button2: Buy the Token
+button2: Expand the Grid
-link2: https://library.threefold.me/info/tfgrid/#/tokens/how_to_buy
+link2: /grid
-button3: Grow the Grid
+button3: Explore the Cloud
-link3: https://threefold.io/farming
+link3: https://cloud.threefold.io/
 button4: Stay Updated
-link4: https://t.me/threefoldnews
+link4: https://t.me/threefold
 ---
 
-We are not a company, but more like humans helping other humans. Our mission is bold and motivates every step we take
+We are not a company, but more like humans helping other humans. Our mission is bold and motivates every step we take.

content/page/home/home.md

@@ -11,11 +11,11 @@ header_img2 : ./from_zero.png
 header_altImg: threefold
 header_excerpt: The digital infrastructure for an interconnected world.
 button: Expand the network
-link: /
+link: /grid
 button2: Peer-to-Peer Cloud
-link2: /
+link2: https://cloud.threefold.io/ 
 button3: How it Works
-link3: /
+link3: /how-it-works
 
 cta2: home_cta2
 productsMain: product

content/page/home/logos/logo1/logo.md

@@ -1,5 +1,5 @@
 ---
 id: logo1
 image: ./our_partners.png
-url: /
+url: /partners
 ---

content/page/home/logos/main/main.md

@@ -1,5 +1,7 @@
 ---
 id: logo_home
 title: Our Partners
+button: Check All Partners 
+link : /partners
 ---
 

content/page/home/productData/main/main.md

@@ -1,5 +1,5 @@
 ---
 id: product
 title: THE THREEFOLD ECOSYSTEM
-subtitle: 'The ThreeFold Grid recently launched its 3rd release, representing the greatest leap towards a peer-to-peer world. Innovative organizations and developers have already started building on this revolutionary infrastructure. Check out these examples:' 
+subtitle: "The ThreeFold Grid is launching it's 3rd release soon, representing the greatest leap towards a peer-to-peer world. Innovative organizations and developers have already started building on this revolutionary infrastructure. Check out these examples:" 
 ---

content/page/home/productData/product1/nodes.md

@@ -1,9 +1,12 @@
 ---
 id: nodes_home
 title:  ''
-image: ./uhuru_logo_color.png
+image: ./tag_logo.png
 button: Learn More
-url: https://threefold.io/info/cloud#/cloud__evdc
+url: /partners/take_action_global
 ---
 
-Uhuru is an office suite combined with a wallet and marketplace. It brings a seamless experience for collaboration, communication and transactions.
+TAG connects thousands of teachers and millions of students around one purpose: climate action. 
+
+<br>
+<br>

content/page/home/productData/product2/tokens.md

@@ -1,9 +1,9 @@
 ---
 id: tokens_home
 title: ''
-image: ./cloud_logo.png
+image: ./new_cloud_logo.png
 button: Learn More
-url: https://threefold.io/info/cloud#/cloud__threefold_filesystem
+url: https://cloud.threefold.io/
 ---
 
 ThreeFold Cloud is the first fully comprehensive peer-to-peer cloud integrated with industry standards.

content/page/home/productData/product3/storage.md

@@ -1,12 +1,12 @@
 ---
 id: storage_home
 title: ''
-image: ./fflow_logo_black.png
+image: ./artheon_logo.png
 button: Learn More
-url: https://mydigitaltwin.io/
+url: /partners/artheon
 ---
 
-Freeflow represents a complete alternative to the current web. A new conscious digital world.
+Artheon is redefining access to global art, history and culture by building the world’s largest VR museum.
 
 <br>
 

content/page/home/subscribe/index.md

@@ -6,4 +6,4 @@ button: Subscribe
 link: '#'
 image: ./6.png
 ---
-Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad aut sed libero ratione reprehenderit pariatur quae corrupti suscipit
+Stay informed and never miss a ThreeFold update.

content/page/home/team/index.md

@@ -2,4 +2,4 @@
 id: team
 title: The Team
 ---
-The ThreeFold Foundation is a not-for-profit that expands the potential of ThreeFold Tech’s open-source technology. We are headquartered in Belgium, Dubai and Egypt, and have remote teams all around the world. Our team has worked on Internet storage and cloud technology since the ‘90s, and has earned world records for creating the world’s most advanced infrastructures. We aim to create a peer-to-peer Internet and cloud that can host all of humanity’s digital workloads via smart contracts and run on a fully autonomous infrastructure without the need of traditional IT
+ The ThreeFold Foundation is a not-for-profit that expands the potential of ThreeFold Tech’s open-source technology. We are headquartered in Belgium, Dubai and Egypt, and have remote teams all around the world. Our team has worked on Internet storage and cloud technology since the ‘90s, and has earned world records for creating the most advanced infrastructures. We aim to create a peer-to-peer Internet and cloud that can host all of humanity’s digital workloads via smart contracts and run on a fully autonomous infrastructure without the need for traditional IT.

content/page/how-it-works/how-it-works.md

@@ -4,5 +4,5 @@ metaTitle: ThreeFold | How It Works
 metaDesc: Be part of a better tomorrow by expanding the peer-to-peer Internet and set yourself free from the centralized applications and services that exploit your data today.
 metaImg: ./universe_header.png
 productsMain: product_page
-productData: [zero_os, zdb, zstor, zdbfs, zflist, smart_contract, tf_chain, planetary_network, web_gateway, peer_to_peer ]
+productData: [prod1, prod2, prod3, prod4, prod5, prod6, prod7, prod8, prod9, prod10 ]
 ---

content/page/how-it-works/info/peer-to-peer/index.md

@@ -0,0 +1,9 @@
+---
+id: peer-to-peer
+image: ./peer_to_peer.png
+button : Explore other tech components
+link : /how-it-works
+---
+# Peer-to-Peer
+
+Peer-to-peer computing or networking is a distributed application architecture that partitions tasks or workloads between peers. Peers are equally privileged, equipotent participants in the application. They are said to form a peer-to-peer network of nodes.

content/page/how-it-works/info/planetary-network/index.md

@@ -0,0 +1,9 @@
+---
+id: planetary-network
+image: ./planetary.png
+button : Explore other tech components
+link : /how-it-works
+---
+# Planetary Network
+
+Secure Planetary Network is an end-to-end encrypted global overlay network that implements the Yggdrasil initiative. It provides publicly accessible addresses to every connected device through a highly resilient and flexible routing scheme. ThreeFold protocols like the Reliable Message Bus extend these capabilities to serve the unique needs of the ThreeFold Grid.

content/page/how-it-works/info/smart-contract/index.md

@@ -0,0 +1,10 @@
+---
+id: smart-contract
+image: ./smart.png
+button : Explore other tech components
+link : /how-it-works
+---
+
+# Smart Contract for IT
+
+Cryptographically secured deployment specifications ensure that workloads run as intended in a tamper proof way. Systems may scale and heal themselves autonomously without intermediaries, simply using ThreeFold Tokens and properly signed specifications.

content/page/how-it-works/info/tf-chain/index.md

@@ -0,0 +1,10 @@
+---
+id: tf-chain
+image: ./tfchain.png
+button : Explore other tech components
+link : /how-it-works
+---
+
+# TF Chain
+
+The ThreeFold Chain is an application specific blockchain built using the Parity Substrate framework. It is responsible for keeping records regarding farms and nodes, along with enabling smart contract based peer to peer billing for workload deployments on the Grid.

content/page/how-it-works/info/web-gateway/index.md

@@ -0,0 +1,9 @@
+---
+id: web-gateway
+image: ./web_gateway.png
+button : Explore other tech components
+link : /how-it-works
+---
+# Web Gateway
+
+Web Gateways provide a bridge between private overlay networks and the public Internet. They handle inbound connections in a unique way that protects workloads from attack while supporting standard use cases out of the box.

content/page/how-it-works/info/zdb/index.md

@@ -0,0 +1,10 @@
+---
+id: zdb
+image: ./zdb.png
+button : Explore other tech components
+link : /how-it-works
+---
+
+# ZDB
+
+Zero-DB is a super fast and efficient always append database supporting a subset of the popular Redis protocol. It has superior write performance on hard disk and can also extend the life of solid state disks, while executing up to 50,000 transactions per second. Zero-DB is suitable out of the box for many database applications and is a building block for advanced storage solutions.

content/page/how-it-works/info/zdbfs/index.md

@@ -0,0 +1,9 @@
+---
+id: zdbfs
+image: ./zdbfs.png
+button : Explore other tech components
+link : /how-it-works
+---
+# Zdbfs
+
+An optimized filesystem frontend for Zdb, with built-in archival features. Works together with ZStor to create a highly compatible and extremely secure storage solution, called Quantum Safe Filesystem.

content/page/how-it-works/info/zero-os/index.md

@@ -0,0 +1,13 @@
+---
+id: zero-os
+image: ./zero_os.png
+button : Explore other tech components
+link : /how-it-works
+---
+# Zero-OS
+
+A groundbreaking autonomous operating system built from scratch, starting with just the Linux kernel. It offers unparalleled security and efficiency. With no remote shell or login and extremely small footprint, Zero-OS ensures that hosted workloads are protected from administrative exploits and errors.
+
+<br>
+
+Users pay for the capacity they utilize directly with TFT meaning the system is widely accessible and without intermediaries. Zero-OS offers a complete set of primitives capable of hosting any digital workload through virtual machines or containers, as well as a highly compatible yet cutting edge storage solution with minimal migration.

content/page/how-it-works/info/zflist/index.md

@@ -0,0 +1,9 @@
+---
+id: zflist
+image: ./zlist.png
+button : Explore other tech components
+link : /how-it-works
+---
+# ZFlist
+
+ZFlist is a next generation Docker compatible container environment that offers superior isolation and security through the use of mini VMs to execute containerized workloads. It runs natively on Zero-OS, for minimal overhead and smart contract secured deployments.

content/page/how-it-works/info/zstor/index.md

@@ -0,0 +1,9 @@
+---
+id: zstor
+image: ./zstor.png
+button : Explore other tech components
+link : /how-it-works
+---
+# ZStor
+
+ZStor is a distributed and ultra secure storage backend. It compresses, encrypts, and disperses data across a set of Zdbs, to achieve strong resistance to even quantum computing attacks. Flexible configurations enable tuning according to preferences for efficiency, resiliency, and data location. Scales limitlessly and heals seamlessly.

content/page/how-it-works/productData/product1/index.md

@@ -1,6 +1,6 @@
 ---
-id: zero_os
+id: prod1
 title: Zero-OS
 image: ./zero_os.jpg
-link: '#'
+link: /how-it-works/zero-os
 ---

content/page/how-it-works/productData/product10/index.md

@@ -1,6 +1,6 @@
 ---
-id: peer_to_peer
+id: prod10
 title: Peer-to-Peer
 image: ./peer_to_peer.jpg
-link: '#'
+link: /how-it-works/peer-to-peer
 ---

content/page/how-it-works/productData/product2/index.md

@@ -1,6 +1,6 @@
 ---
-id: zdb
+id: prod2
 title: ZDB
 image: ./zdb.jpg
-link: '#'
+link: /how-it-works/zdb
 ---

content/page/how-it-works/productData/product3/index.md

@@ -1,6 +1,6 @@
 ---
-id: zstor
+id: prod3
 title: Zstor
 image: ./zstor.jpg
-link: '#'
+link: /how-it-works/zstor
 ---

content/page/how-it-works/productData/product4/index.md

@@ -1,6 +1,6 @@
 ---
-id: zdbfs
+id: prod4
 title: Zdbfs
 image: ./zdbfs.jpg
-link: '#'
+link: /how-it-works/zdbfs
 ---

content/page/how-it-works/productData/product5/index.md

@@ -1,6 +1,6 @@
 ---
-id: zflist
+id: prod5
 title: ZFlist
 image: ./zflist.jpg
-link: '#'
+link: /how-it-works/zflist
 ---

content/page/how-it-works/productData/product6/index.md

@@ -1,6 +1,6 @@
 ---
-id: smart_contract
+id: prod6
 title: Smart Contract for IT
 image: ./smart_contract.jpg
-link: '#'
+link: /how-it-works/smart-contract
 ---

content/page/how-it-works/productData/product7/index.md

@@ -1,6 +1,6 @@
 ---
-id: tf_chain
+id: prod7
 title: TF Chain
 image: ./tf_chain.jpg
-link: '#'
+link: /how-it-works/tf-chain
 ---

content/page/how-it-works/productData/product8/index.md

@@ -1,6 +1,6 @@
 ---
-id: planetary_network
+id: prod8
 title: Planetary Network
 image: ./planetary_network.jpg
-link: '#'
+link: /how-it-works/planetary-network
 ---

content/page/how-it-works/productData/product9/index.md

@@ -1,6 +1,6 @@
 ---
-id: web_gateway
+id: prod9
 title: Web Gateway
 image: ./web_gateway.jpg
-link: '#'
+link: /how-it-works/web-gateway
 ---

content/page/token/aboutTft/index.md

@@ -4,6 +4,6 @@ title: DECENTRALIZED CLOUD NEEDED A CURRENCY.
 subtitle: IT NOW HAS ONE
 image: ./decenterlize_cloud.png
 button: Learn about TFT
-link: '#'
+link: https://library.threefold.me/info/tfgrid/#/tokens/tokens_home.md
 ---
-TFT is a digital currency and utility token that allows people to hold current and future cloud capacity on the ThreeFold Grid. It incentivizes an open system where anyone can provide, sell and utilize compute, storage and network resources without any intermediaries
+TFT is a digital currency and utility token that allows people to hold current and future cloud capacity on the ThreeFold Grid. It incentivizes an open system where anyone can provide, sell and utilize compute, storage and network resources without any intermediaries.

content/page/token/brandPanel/index.md

@@ -1,6 +1,6 @@
 ---
 id: token_brandPanel
-title: STAKE TOKENS,GET DISCOUNTS 
+title: STAKE TOKENS, GET DISCOUNTS 
-image: stake_token.png # src/assets/brandPanel/..
+image: stake_token_big.jpg # src/assets/brandPanel/..
 ---
-Earn discounts according to the number of months you commit to use the ThreeFold a. By staking TFT, you ayour loyalty to the ecosystem, and by buying TFT upfront become a co-investor in the growth of the ThreeFold Grid.
+Earn discounts according to the number of months you commit to use the ThreeFold Grid. By staking TFT, you express your loyalty to the ecosystem, and by buying TFT upfront become a co-investor in the growth of the ThreeFold Grid.

content/page/token/brandPanel2/index.md

@@ -1,6 +1,6 @@
 ---
 id: token_brandPanel2
 title: A SCARCE TOKEN TO REPRESENT A SCARCE RESOURCE
-image: scarce_token.png # src/assets/brandPanel/..
+image: scarce_token_big.jpg # src/assets/brandPanel/..
 ---
-TFTs are created only  when active Internet capacity is added to the ThreeFold Grid, and a limited supply of 4B TFT has been set to keep the currency scarce, ensuring its value holds steady for the years to come and to reward early adopters for their commitment.
+TFTs are created only when active Internet capacity is added to the ThreeFold Grid, and a limited supply of 4B TFT has been set to keep the currency scarce. This ensures its value holds steady for the years to come and rewards early adopters for their commitment.

content/page/token/brandPanel3/index.md

@@ -1,6 +1,6 @@
 ---
 id: token_brandPanel3
 title: BURN AND FARM EQUILIBRIUM 
-image: burn_token.png # src/assets/brandPanel/..
+image: burn_token_big.jpg # src/assets/brandPanel/..
 ---
-Having a burning mechanism always ensures there is always room for the ThreeFold Grid to grow further and to continuously reward current and future cloud capacity providers.
+Having a burning mechanism ensures there is always room for the ThreeFold Grid to grow further as well as continuous rewards for current and future nodes.

content/page/token/cta/cta.md

@@ -2,8 +2,8 @@
 id: token_cta
 title: THE POTENTIAL IS ENDLESS
 image: ./potental.png
-button:  How ThreeFold compares with the industry
+button:  How ThreeFold Compares With The Industry
-link: '#'
+link: https://forum.threefold.io/t/threefold-is-the-substrate-for-decloud/1295 
 button2: 
 link2: 
 ---

content/page/token/cta2/cta2.md

@@ -4,6 +4,6 @@ title: JOIN THE PEER-TO-PEER DIGITAL ECONOMY
 image: ./join_peer.png
 slogan:
 button: Get TFT
-link: '#'
+link: https://library.threefold.me/info/tfgrid/#/tokens/tft_binance_defi 
 ---
-Visit Binance Smart Chain to buy TFT
+Visit Binance Smart Chain to buy TFT.

content/page/token/logos/logo1/logo.md

@@ -1,5 +1,5 @@
 ---
 id: partner1
 image: ./our_partners.png
-url: /
+url: /partners
 ---

content/page/token/logos/main/main.md

@@ -1,5 +1,7 @@
 ---
 id: partnersMain
 title: Believers in TFT
+button: Check All Partners
+link : /partners
 ---
 

content/page/token/marketInfo/main/main.md

@@ -2,4 +2,4 @@
 id: marketMain
 title: JOIN THE MOST VALUABLE MARKET IN THE WORLD
 ---
-With rising demand for capacity to hold the most valuable commodity on earth –  data, TFT is the gateway to enter the largest and fastest growing industry in the world, the Internet and cloud
+With rising demand for capacity to hold data, the most valuable commodity on earth,TFT is the gateway to enter the largest and fastest growing industry in the world – the Internet and cloud.

content/page/token/marketInfo/mainItem/index.md

@@ -2,4 +2,8 @@
 id: sec1
 image: ./125zb.png
 ---
-125 zetabytes of storage capacity needs to be created to meet demand for data in the upcoming years. That is a number with 21 zeroes!
+125 zetabytes of storage capacity needs to be
+<br> 
+created to meet demand for data in the upcoming years.
+<br>
+That is a number with 21 zeroes!

content/page/token/openNetwork/nw1/index.md

@@ -2,4 +2,4 @@
 id: nw1
 title: proof-of-capacity
 ---
-By connecting cloud capacity to the Threefold Grid, people earn TFT on a monthly basis as income.
+By connecting cloud capacity to the ThreeFold Grid, people earn TFT on a monthly basis as income.

content/page/token/token.md

@@ -1,13 +1,13 @@
 ---
 id: token
 metaTitle: ThreeFold | Token
-metaDesc:  A digital currency that enables a peer-to-peer digital economy
+metaDesc:  A digital currency that enables a peer-to-peer digital economy.
 metaImg: ./token_header.png
 header_slogan: 
 header_title: INSPIRED BY AUTONOMY
 header_image: ./token_header.png
 header_altImg: threefold
-header_excerpt: A digital currency that enables a peer-to-peer digital economy
+header_excerpt: A digital currency that enables a peer-to-peer digital economy.
 solution_image: 
 button: 
 link: 

gridsome.config.js

@@ -178,6 +178,14 @@ module.exports = {
             }
         },
 
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'BrandPanel4',
+                path: './content/page/**/brandPanel4/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -257,6 +265,14 @@ module.exports = {
             }
         },
 
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'Info',
+                path: './content/page/how-it-works/info/**/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -463,6 +479,7 @@ module.exports = {
                     brandPanel: 'BrandPanel',
                     brandPanel2: 'BrandPanel2',
                     brandPanel3: 'BrandPanel3',
+                    brandPanel4: 'BrandPanel4',
                     partenershipsMain: 'PartenershipsMain',
                     partnerships: 'Partenerships',
                     stats: 'Stats',
@@ -492,7 +509,8 @@ module.exports = {
                     networkMain: 'NetworkMain',
                     network: 'Network',
                     subscribe: 'Subscribe',
-                    team: 'Team'
+                    team: 'Team',
+                    info:'Info'
                 }
             }
         },
@@ -682,6 +700,10 @@ module.exports = {
             path: '/careers/:id',
             component: '~/templates/Job.vue'
         }],
+        Info: [{
+            path: '/how-it-works/:id',
+            component: '~/templates/Info.vue'
+        }],
     },
 
     transformers: {

src/components/custom/HorizontalScroll.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="lg:my-20 flex flex-col mt-5 p-auto">
-    <h2 class="flex py-2 mx-auto uppercase font-bold text-5xl">
+    <h2 class="flex py-2 mx-auto uppercase font-bold lg:text-6xl">
       {{ team.title }}
     </h2>
     <div
-      class="max-w-x2 text-xl text-center mb-8 mx-auto leading-relaxed"
+      class="lg:max-w-6xl text-2xl text-center mb-8 mx-auto leading-relaxed"
       v-html="team.content"
     ></div>
     <div class="flex overflow-x-scroll pb-10 scrollable">

src/components/custom/MarketInfo.vue

@@ -1,30 +1,28 @@
 <template>
-  <div class="flex flex-wrap -mx-auto">
+  <div class="flex flex-wrap -mx-auto lg:my-20">
     <div class="text-center mx-auto my-4">
-      <h1
+      <h2
         class="
           text-md
-          lg:text-5xl
+          lg:text-6xl
-          text-gray-900
           font-bold
-          sm:text-9xl
           leading-tight
-          lg:max-w-2xl
+          lg:max-w-3xl
         "
       >
         {{ main.title }}
-      </h1>
+      </h2>
       <div
-        class="my-5 max-w-2xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
+        class="my-5 max-w-2xl text-lg lg:text-2xl mx-auto text-gray-900 sm:mt-4"
         v-html="main.content"
       ></div>
     </div>
-    <div class="flex flex-col my-1 lg:px-4 lg:w-1/2 overflow-hidden">
+    <div class="flex flex-col my-1 lg:w-1/2 overflow-hidden">
-      <g-image :src="mainItem.image" class="w-3/4 mx-auto" />
+      <g-image :src="mainItem.image" class="w-1/2 mx-auto" />
       <div class="flex-1 bg-white p-6 flex flex-col justify-between">
         <div class="flex-1">
           <div
-            class="mt-3 text-lg lg:text-xl leading-tight text-gray-800"
+            class="mt-3 lg:text-xl max-w-xl mx-auto leading-tight text-gray-800 text-center"
             v-html="mainItem.content"
           ></div>
         </div>
@@ -32,12 +30,12 @@
     </div>
 
     <!-- Column Content -->
-    <div class="flex flex-col my-1 px-4 lg:w-1/2 overflow-hidden">
+    <div class="flex flex-col my-1 lg:w-1/2 overflow-hidden lg:px-20">
-      <div class="flex my-10" v-for="info in marketInfo" :key="info.id">
+      <div class="flex my-4 px-2" v-for="info in marketInfo" :key="info.id">
         <div class="flex-shrink-0">
-          <g-image :src="info.image" class="h-28 w-28" />
+          <g-image :src="info.image" class="h-32 w-32" />
         </div>
-        <div class="ml-4">
+        <div class="lg:mx-20">
           <div
             class="mt-5 lg:mx-10 text-xl leading-6 text-gray-900"
             v-html="info.content"

src/components/custom/Navbar/Getintouch.vue

@@ -3,17 +3,17 @@
     <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8">
       <div class="grid grid-cols-1 gap-16">
         <div class="lg:grid lg:grid-cols-3 lg:gap-8">
-          <h2 class="text-4xl mb-6 leading-tight font-semibold font-heading">
+          <h2 class="lg:text-6xl mb-6 leading-tight font-semibold font-heading">
             E-mail us
           </h2>
           <div
             class="mt-8 grid grid-cols-1 gap-12 sm:grid-cols-2 sm:gap-x-8 sm:gap-y-12 lg:mt-0 lg:col-span-2"
           >
             <div v-for="(contact, idx) in contacts" :key="idx">
-              <h4 class="text-lg leading-6 font-medium text-gray-700">
+              <h4 class="text-2xl leading-6 font-medium text-gray-900">
                 {{ contact.title }}
               </h4>
-              <div class="mt-2 text-base leading-6 text-gray-500">
+              <div class="mt-2 text-xl leading-6 text-gray-500">
                 <div>
                   {{ contact.mail }}
                 </div>

src/components/custom/Roadmap.vue

@@ -4,7 +4,7 @@
       <g-image class="lg:w-3/4 mx-auto" :src="roadmap.image" />
       <div
         v-html="roadmap.content"
-        class="mt-10 mb-8 lg:text-xl text-gray-900"
+        class="mt-10 mb-8 lg:text-2xl text-gray-900"
       ></div>
     </div>
   </section>

src/components/custom/SplitWithForm.vue

@@ -15,15 +15,15 @@
           text-center
         "
       >
-        <h1
+        <h2
           class="
-            text-5xl uppercase mb-0 leading-tight font-semibold font-heading
+            lg:text-6xl uppercase mb-0 leading-tight font-semibold font-heading
           "
         >
           {{ subscribe.title }}
-        </h1>
+        </h2>
         <div
-          class="my-8 lg:text-xl"
+          class="my-8 lg:text-2xl"
           v-html="subscribe.content"
         ></div>
         <div class="flex w-full md:justify-start justify-center items-end">

src/components/custom/SplitWithImage.vue

@@ -28,8 +28,7 @@
               font-bold
               text-gray-900
               sm:leading-none
-              lg:text-5xl
+              lg:text-6xl
-              max-w-2xl
             "
           >
             {{ tft.title }}
@@ -40,8 +39,7 @@
             class="
               mt-3
               max-w-md
-              text-lg text-gray-900
+              text-2xl text-gray-900
-              sm:text-xl
               md:mt-5
               md:max-w-xl
             "
@@ -50,6 +48,7 @@
           <div class="mt-10 sm:flex sm:justify-center lg:justify-start">
             <a
               :href="tft.link"
+              target="_blank"
               class="
                 inline-block
                 bg-white

src/components/custom/sections/CallToAction.vue

@@ -8,13 +8,13 @@
   >
     <!-- about-us -->
     <div
-      class="w-full max-w-2xl mx-auto lg:py-20"
+      class="w-full mx-auto lg:py-20"
       v-if="id == 'about-us' && !textOnly && !lastCta"
     >
       <h2
         v-if="cta.title"
         class="
-          lg:text-5xl
+          lg:text-6xl
           text-center
           uppercase
           mb-2
@@ -26,9 +26,9 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-xl text-gray-800"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
       ></div>
-      <g-image :src="cta.image" class="my-10" />
+      <g-image :src="cta.image" class="my-10 mx-auto" />
 
       <!-- <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
         <a
@@ -93,13 +93,13 @@
     </div>
 
     <div
-      class="w-full max-w-2xl mx-auto py-12"
+      class="w-full max-w-3xl mx-auto py-12"
       v-else-if="id == 'about-us' && textOnly"
     >
       <h2
         v-if="cta.title"
         class="
-          lg:text-5xl
+          lg:text-6xl
           text-center
           uppercase
           mb-2
@@ -111,7 +111,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-xl text-gray-800"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
       ></div>
     </div>
 
@@ -122,7 +122,7 @@
       <h2
         v-if="cta.title"
         class="
-          lg:text-5xl
+          lg:text-6xl
           text-center
           uppercase
           mb-2
@@ -135,7 +135,7 @@
       <h2
         v-if="cta.subtitle"
         class="
-          lg:text-5xl
+          lg:text-6xl
           text-center
           uppercase
           mb-2
@@ -147,7 +147,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-xl text-gray-800"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
       ></div>
       <a
         class="
@@ -199,14 +199,14 @@
     >
       <h2
         v-if="cta.title"
-        class="text-5xl uppercase mb-0 leading-tight font-semibold font-heading"
+        class="lg:text-6xl uppercase mb-0 leading-tight font-semibold font-heading"
       >
         {{ cta.title }}
       </h2>
 
       <h2
         v-if="cta.subtitle"
-        class="text-5xl uppercase mt-0 leading-tight font-semibold font-heading"
+        class="lg:text-6xl uppercase mt-0 leading-tight font-semibold font-heading"
       >
         {{ cta.subtitle }}
       </h2>
@@ -238,7 +238,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -259,7 +259,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -279,7 +279,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -300,7 +300,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -320,7 +320,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -341,7 +341,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -361,7 +361,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -382,7 +382,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -403,7 +403,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -424,7 +424,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -445,7 +445,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -459,14 +459,14 @@
           "
           target="_blank"
           v-if="cta.button6 && cta.link6.includes('http')"
-          :href="cta.link4"
+          :href="cta.link6"
           >{{ cta.button6 }}</a
         >
         <a
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             bo
@@ -486,17 +486,17 @@
     </div>
 
     <div
-      class="w-full max-w-7xl mx-auto mt-10 px-16"
+      class="w-full max-w-7xl mx-auto mt-10 px-2"
       v-else-if="id == 'home' && lastCta"
     >
-      <g-image :src="cta.image" />
+      <g-image class="mx-auto" :src="cta.image" />
       <h2
         v-if="cta.title"
-        class="text-5xl mb-2 uppercase leading-tight font-semibold font-heading"
+        class="lg:text-6xl mb-2 uppercase leading-tight font-semibold font-heading"
       >
         {{ cta.title }}
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 text-gray-800"></div>
+      <div v-html="cta.content" class="mt-6 mb-8 mx-auto text-2xl text-gray-800"></div>
       <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
         <a
           @click="toggleModal"
@@ -504,7 +504,7 @@
             inline-block
             cursor-pointer
             bg-blue-900
-            text-sm
+            text-lg
             learn-button
             hover:bg-blue-800
             text-gray-100
@@ -522,7 +522,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -543,7 +543,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -563,7 +563,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -584,7 +584,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -604,7 +604,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -625,7 +625,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -645,7 +645,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -666,7 +666,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           bo
@@ -685,12 +685,12 @@
     </div>
 
     <!-- grid -->
-    <div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
+    <div id="zero_os" class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
       <g-image :src="cta.image" class="mx-auto lg:w-1/3 my-10" />
       <h2
         v-if="cta.title"
         class="
-          lg:text-5xl
+          lg:text-6xl
           text-center
           uppercase
           my-2
@@ -702,7 +702,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-xl text-gray-800"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
       ></div>
       <a
         class="
@@ -787,13 +787,13 @@
 
     <!-- token -->
     <div
-      class="w-full max-w-6xl mx-auto py-12"
+      class="w-full max-w-6xl mx-auto lg:my-20"
       v-else-if="id == 'token' && !lastCta"
     >
       <h2
         v-if="cta.title"
         class="
-          lg:text-5xl
+          lg:text-6xl
           max-w-3xl
           mx-auto
           text-center
@@ -807,7 +807,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 max-w-3xl mx-auto lg:text-xl text-gray-800"
+        class="mt-6 mb-8 max-w-3xl mx-auto lg:text-2xl text-gray-800"
       ></div>
       <g-image :src="cta.image" class="mx-auto w-full my-10" />
       <a
@@ -857,7 +857,7 @@
         class="
           max-w-2xl
           mx-auto
-          lg:text-5xl
+          lg:text-6xl
           text-center
           uppercase
           mb-2
@@ -869,7 +869,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-xl text-gray-800"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
       ></div>
 
       <a

src/components/custom/sections/CustomCTA.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="header section banner" v-if="header">
       <div class="center">
-        <h1 class="text-8xl">
+        <h1 class="text-8xl uppercase">
           <strong>{{ title }}</strong>
         </h1>
       </div>

src/components/custom/sections/Features.vue

@@ -316,7 +316,7 @@
   <section class="py-24 px-4 text-center" v-else-if="id == 'token'">
     <h2
       class="
-        text-5xl
+        lg:text-6xl
         mx-auto
         leading-tight
         mb-6
@@ -327,7 +327,7 @@
     >
       {{ main.title }}
     </h2>
-    <div class="flex flex-wrap items-center -mx-4 mb-6">
+    <div class="flex flex-wrap items-center -mx-4 lg:mb-20">
       <div
         v-for="(feature, index) in features"
         :key="index"

src/components/custom/sections/header/HeaderSection.vue

@@ -1,31 +1,32 @@
 <template>
   <section class="py-12 px-4 text-center">
-    <div class="w-full mx-auto">
+    <div class="w-full mx-auto lg:max-w-6xl">
       <span class="text-sm font-semibold">{{ header.title }}</span>
-      <h2 class="text-4xl mt-2 mb-6 leading-tight font-heading">
+      <h2 class="lg:text-5xl mt-2 uppercase mb-6 leading-tight font-heading">
         {{ header.subtitle }}
       </h2>
       <div
         v-if="header.content"
         v-html="header.content"
-        class="post-content mb-8 text-gray-700 leading-relaxed"
+        class="post-content mb-8 text-xl leading-relaxed"
       ></div>
       <div>
         <g-link
           class="
             inline-block
             bg-green-500
-            text-sm text-white
+            text-lg
+            text-white
             learn-button
-            hover:bg-green-600
+            hover:bg-green-400
-            px-8
+            bo
-            py-2
+            px-12
-            mr-2
+            py-1
-            my-0
+            mr-5
-            rounded
+            mb-4
+            border-2
             shadow
-            rounded-full
+            border-black
-            active--exact active
           "
           v-if="header.btn1"
           :to="header.link1"

src/components/marketing/sections/blog-sections/3_column_cards.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
+  <div class="relative pt-16 lg:pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
     <div class="absolute inset-0">
       <div class="bg-white h-1/3 sm:h-2/3"></div>
     </div>
@@ -7,12 +7,12 @@
       <div class="text-center">
         <h2
           class="
-            text-5xl
+            lg:text-6xl
             leading-tight
-            mb-6
             font-bold font-heading
             uppercase
             sm:leading-10
+            lg:pb-10
           "
         >
           {{ main.title }}
@@ -45,12 +45,12 @@
                 </a>
               </p> -->
               <a :href="path(blog)" class="block">
-                <h3 class="mt-2 text-xl leading-7 font-semibold text-gray-900">
+                <h3 class="mt-2 text-2xl leading-7 font-semibold text-gray-900">
                   {{ blog.title }}
                 </h3>
                 <div
                   v-html="blog.excerpt"
-                  class="mt-3 text-base leading-6 text-gray-500"
+                  class="mt-3 text-base leading-6 text-gray-700 text-xl" 
                 ></div>
               </a>
             </div>

src/components/marketing/sections/cta-sections/BrandPanel.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="{ 'bg-about': id == 'about-us' && brandPanel3 }">
-    <div class="max-w-screen-xl mx-auto py-10">
+    <div class="mx-auto py-10">
       <!-- oldtoken -->
       <div
         v-if="id == 'oldtoken'"
@@ -168,19 +168,19 @@
         v-else-if="id == 'home'"
         class="flex flex-wrap lg:text-left lg:pt-16 px-4"
       >
-        <div class="lg:w-1/3 lg:px-6 self-center">
+        <div class="lg:w-1/2 lg:px-6 self-center">
           <g-image :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-2/3 lg:px-10 order-1 lg:order-none">
+        <div class="lg:w-1/2 lg:px-10 order-1 lg:order-none lg:self-center">
-          <div class="lg:self-center">
+          <div class="">
-            <h2 class="text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <!-- <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
               }}</span> -->
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -190,7 +190,7 @@
               class="
                 inline-block
                 bg-white
-                text-sm
+                text-lg
                 learn-button
                 hover:bg-gray-400
                 bo
@@ -212,7 +212,7 @@
               class="
                 inline-block
                 bg-white
-                text-sm
+                text-lg
                 learn-button
                 hover:bg-gray-400
                 bo
@@ -233,7 +233,7 @@
               class="
                 inline-block
                 bg-white
-                text-sm
+                text-lg
                 learn-button
                 hover:bg-gray-400
                 bo
@@ -254,21 +254,21 @@
       <!-- About us -->
       <div
         v-else-if="id == 'about-us' && !brandPanel2 && !brandPanel3"
-        class="flex flex-wrap text-left lg:my-10"
+        class="flex flex-wrap text-left lg:my-10 lg:px-20"
       >
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image class="mx-auto" :src="image" :alt="brand.title" />
+          <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none text-left">
+        <div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none text-left px-4">
           <div class="lg:self-center">
-            <h2 class="text-5xl mb-6 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
               }}</span>
             </h2>
             <div
-              class="py-6 mt-4 text-xl leading-tight tracking-wide"
+              class="py-6 mt-4 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -295,18 +295,18 @@
 
       <div
         v-else-if="id == 'about-us' && brandPanel2"
-        class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:mb-20"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:mb-20 lg:px-20"
       >
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
           <div class="lg:self-center">
-            <h2 class="text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
               }}</span>
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -333,27 +333,27 @@
           </div>
         </div>
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image class="mx-auto" :src="image" :alt="brand.title" />
+          <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
         </div>
       </div>
 
       <div
         v-else-if="id == 'about-us' && brandPanel3"
-        class="flex flex-wrap lg:text-left lg:py-12 px-4"
+        class="flex flex-wrap lg:text-left lg:p-20 px-4"
       >
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image :src="image" :alt="brand.title" />
+          <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
         </div>
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
           <div class="lg:self-center">
-            <h2 class="text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
               }}</span>
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -382,13 +382,14 @@
       </div>
 
       <!-- grid -->
+      
       <div
         v-else-if="id == 'grid' && !brandPanel2 && !brandPanel3"
         class="flex flex-wrap text-left"
       >
-        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left lg:self-center lg:px-32">
-          <div class="px-2 lg:self-center">
+          <div class="px-2">
-            <h2 class="text-5xl mb-6 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-6 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
@@ -398,16 +399,14 @@
               class="
                 py-6
                 mt-4
-                text-gray-900 text-xl
+                text-gray-900 text-2xl
                 leading-tight
                 tracking-wide
               "
               v-html="brand.content"
             ></div>
             <a
-              v-if="brand.btnTxt"
+              
-              target="_blank"
-              :href="brand.sourceUrl"
               class="
                 inline-block
                 bg-white
@@ -422,29 +421,52 @@
                 shadow
                 border-black
               "
+              v-if="brand.btnTxt && brand.sourceUrl.includes('http')"
+              target="_blank"
+              :href="brand.sourceUrl"
+              >{{ brand.btnTxt }}</a
+            >
+            <a
+              
+              class="
+                inline-block
+                bg-white
+                text-lg
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              v-else
+              :href="brand.sourceUrl"
               >{{ brand.btnTxt }}</a
             >
           </div>
         </div>
-        <div class="lg:w-1/2 px-2">
+        <div class="lg:w-1/2">
-          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto" :src="image" :alt="brand.title" />
         </div>
       </div>
 
       <div
         v-else-if="id == 'grid' && brandPanel2"
-        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-2"
       >
-        <div class="lg:w-1/2 px-2 self-center">
+        <div class="lg:w-1/2 self-center">
-          <g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="" :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:px-32 lg:self-center">
-          <div class="px-2 lg:self-center">
+          <div class="px-2">
-            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -473,15 +495,15 @@
 
       <div
         v-else-if="id == 'grid' && brandPanel3"
-        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-2"
       >
-        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:px-32 lg:self-center">
-          <div class="lg:self-center">
+          <div class="">
-            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -504,10 +526,88 @@
               "
               >{{ brand.btnTxt }}</a
             >
+             <a
+              v-if="brand.btnTxt2"
+              target="_blank"
+              :href="brand.sourceUrl2"
+              class="
+                inline-block
+                bg-white
+                text-lg
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt2 }}</a
+            >
           </div>
         </div>
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto" :src="image" :alt="brand.title" />
+        </div>
+      </div>
+
+       <div
+        v-else-if="id == 'grid' && brandPanel4"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-2"
+      >
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:px-32 lg:self-center">
+          <div class="">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
+              {{ brand.title }}
+            </h2>
+            <div
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
+              v-html="brand.content"
+            ></div>
+            <a
+              v-if="brand.btnTxt"
+              :href="brand.sourceUrl"
+              class="
+                inline-block
+                bg-white
+                text-lg
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt }}</a
+            >
+             <a
+              v-if="brand.btnTxt2"
+              :href="brand.sourceUrl2"
+              class="
+                inline-block
+                bg-white
+                text-lg
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt2 }}</a
+            >
+          </div>
+        </div>
+        <div class="lg:w-1/2 px-2 self-center">
+          <g-image class="mx-auto" :src="image" :alt="brand.title" />
         </div>
       </div>
 
@@ -516,9 +616,9 @@
         v-else-if="id == 'token' && !brandPanel2 && !brandPanel3"
         class="flex flex-wrap text-left mt-24"
       >
-        <div class="lg:w-1/2 px-2 lg:mt-5 order-1 lg:order-none text-left">
+        <div class="lg:w-1/2 lg:px-32 lg:mt-5 order-1 lg:order-none text-left lg:self-center">
-          <div class="px-2 lg:self-center">
+          <div class="px-2">
-            <h2 class="lg:text-5xl mb-6 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-6 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
@@ -529,7 +629,7 @@
                 py-6
                 mt-4
                 max-w-md
-                text-gray-900 text-xl
+                text-gray-900 text-2xl
                 leading-tight
                 tracking-wide
               "
@@ -537,8 +637,8 @@
             ></div>
           </div>
         </div>
-        <div class="lg:w-1/2 px-2">
+        <div class="lg:w-1/2">
-          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto" :src="image" :alt="brand.title" />
         </div>
       </div>
 
@@ -546,16 +646,16 @@
         v-else-if="id == 'token' && brandPanel2"
         class="flex flex-wrap lg:text-left lg:pt-16 px-4"
       >
-        <div class="lg:w-1/2 px-2 self-center">
+        <div class="lg:w-1/2 self-center">
-          <g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="" :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:px-32 lg:self-center">
-          <div class="px-2 lg:self-center">
+          <div class="px-2">
-            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -584,15 +684,15 @@
 
       <div
         v-else-if="id == 'token' && brandPanel3"
-        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-2"
       >
-        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center lg:px-32">
-          <div class="lg:self-center">
+          <div class="">
-            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
             <div
-              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -618,7 +718,7 @@
           </div>
         </div>
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto" :src="image" :alt="brand.title" />
         </div>
       </div>