Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

update what is icp page #3520

Merged
merged 3 commits into from
Sep 23, 2024
Merged

update what is icp page #3520

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3fc2021
update what is icp page
reigj1 Sep 23, 2024
868bb0b
update copy
reigj1 Sep 23, 2024
bbb8717
update text
reigj1 Sep 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
176 changes: 97 additions & 79 deletions src/pages/what-is-the-ic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,16 +66,21 @@ function WhatIsIcpPage() {
className="tw-heading-3 md:tw-heading-2 mb-8 md:mb-6"
variants={transitions.item}
>
What is the
<br className="hidden md:block" /> ICP blockchain?
What is ICP?
</motion.h1>
<motion.p
className="tw-lead-sm md:tw-lead mb-8"
variants={transitions.item}
>
Learn how the ICP blockchain unlocks the power of smart
contracts and explore the advanced design choices that make this possible.
</motion.p>
The Internet Computer is a public blockchain network enabled by
new science from first principles. It is millions of times more
powerful and can replace clouds and traditional IT. The network
–created by ICP, or Internet Computer Protocol – is orchestrated
by permissionless decentralized governance and is hosted on
sovereign hardware devices run by independent parties. Its
purpose is to extend the public internet with native cloud
computing functionality.
</motion.p>
</div>
</AnimateSpawn>
</section>
Expand Down Expand Up @@ -131,17 +136,23 @@ function WhatIsIcpPage() {
<div className="flex flex-col gap-16 md:gap-40">
<TranslatedLayout imageUrl="/img/what-is-the-ic/platform_risk_large.webp">
<h3 className="tw-heading-4 md:tw-heading-3 mb-6">
High-performance smart contracts
A public blockchain with cloud-like power
</h3>
<p className="tw-paragraph md:tw-lead-sm mb-6 md:mb-8">
Smart contracts on the ICP blockchain can utilize
hundreds of gigabytes of memory and compute at the full speed
of a modern CPU, which is many orders of magnitude more than
Ethereum smart contracts. For example, the high performance of ICP smart
contracts enables the <a
className="text-white underline"
href="https://www.youtube.com/watch?v=6qLvIXiCGcM" >
demo of an AI inference model running on an ICP smart contract</a>, which is uniquely possible on ICP.
Smart contracts on the ICP blockchain can utilize hundreds of
gigabytes of memory and compute at the full speed of a modern
CPU, which is many orders of magnitude more than Ethereum
smart contracts. For example, the high performance of ICP
smart contracts enables the
<Link
className="link-white"
href="https://www.youtube.com/watch?v=6qLvIXiCGcM"
>
{" "}
demo of an AI inference model running on an ICP smart
contract
</Link>
, which is uniquely possible on ICP.
</p>

<Link
Expand All @@ -163,13 +174,13 @@ function WhatIsIcpPage() {
reverse={true}
>
<h3 className="tw-heading-4 md:tw-heading-3 mb-6">
Low cost & resource efficiency
Efficiency comparable to traditional IT
</h3>
<p className="tw-paragraph md:tw-lead-sm mb-6 md:mb-8">
ICP is designed to be resource-efficient, making it both
cost-effective and environmentally friendly. For example, storing a
gigabyte of memory on ICP costs a smart contract only $5 per
year.
ICP uses advanced science and technology to host smart
contract software (network-resident blockchain code) that is
millions of times more efficient— enabling it to replace
traditional IT.
</p>

<Link
Expand All @@ -191,12 +202,16 @@ function WhatIsIcpPage() {
reverse={false}
>
<h3 className="tw-heading-4 md:tw-heading-3 mb-6">
State-of-the-art User Experience{" "}
ICP-hosted smart contracts serve web experiences directly to
users
</h3>
<p className="tw-paragraph md:tw-lead-sm mb-6 md:mb-8">
Users only need a browser to interact with ICP smart
contracts. Users do not need wallets or tokens or any custom
software, eliminating all hurdles typically associated with using dapps.
ICP smart contracts process HTTP, and users interact with them
directly via web experiences they create. Reverse-gas and
secure session technology allows them to function as backend
code, unleashing blockchain in a public cloud role, delivering
end-to-end decentralization and security. The Internet
Computer makes the 'onchain is the new online' paradigm real.
</p>

<Link
Expand All @@ -215,7 +230,6 @@ function WhatIsIcpPage() {
<TranslatedLayout
// imageUrl="/img/what-is-the-ic/fusion.webp"
imageUrl="/img/what-is-the-ic/RPC-canister.webp"

reverse={true}
>
<h3 className="tw-heading-4 md:tw-heading-3 mb-6">
Expand All @@ -230,10 +244,12 @@ function WhatIsIcpPage() {
Additionally, the{" "}
<a
className="text-white underline"
href="/docs/current/developer-docs/defi/exchange-rate-canister/">
href="/docs/current/developer-docs/defi/exchange-rate-canister/"
>
exchange rate canister
</a> sends and receives HTTP requests to fetch data from major cryptocurrency
exchanges.
</a>{" "}
sends and receives HTTP requests to fetch data from major
cryptocurrency exchanges.
</p>

<Link
Expand Down Expand Up @@ -261,14 +277,18 @@ function WhatIsIcpPage() {
reverse={false}
>
<h3 className="tw-heading-4 md:tw-heading-3 mb-6">
Developer-friendly
Developer Empowerment
</h3>
<p className="tw-paragraph md:tw-lead-sm mb-6 md:mb-8">
Developers can write contracts using popular languages like
Rust, TypeScript, or Python and easily incorporate libraries
from their respective ecosystem, much like they would in
traditional web development. They also have the option to use Motoko,
a language specifically designed for the ICP environment.
Developers can create truly on-chain apps on the Internet
Computer, and place them under the full control of
decentralized governance in an advancement of the open source
paradigm. Moreover, any programming language that can be
compiled to WebAssembly can be used, including Rust,
TypeScript, Python and Motoko, a revolutionary DSL that
leverages the full power of a new 'orthogonal persistence'
paradigm where data lives inside programming abstractions such
as variables and data types.
</p>
<Link
className="button-outline-white text-center mb-6 md:mb-8"
Expand Down Expand Up @@ -306,8 +326,7 @@ function WhatIsIcpPage() {
className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 md:gap-5"
variants={transitions.container}
>

<motion.div
<motion.div
className="flex flex-col text-center backdrop-blur-2xl rounded-xl border border-white border-solid bg-white/90 p-8 md:p-12"
variants={transitions.item}
>
Expand All @@ -320,18 +339,17 @@ function WhatIsIcpPage() {
className="tw-lead my-3 lg:text-[2rem] xl:tw-title-sm
"
>
Chain key cryptography
Chain Key verification
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
A family of protocols leveraging threshold cryptography
enables ICP to sign messages that can be efficiently verified,
facilitating interoperability and a state-of-the-art user
experience.
When software in a web browser, or another place, submits a
call to ICP, the transaction result in signed by a "chain key"
signature proving both that it was produced correctly, and
that it's tamper-free. One perpetual 48-byte key can be used
to validate responses from the entire network, forever...
</p>
</motion.div>



<motion.div
className="flex flex-col text-center backdrop-blur-2xl rounded-xl border border-white border-solid bg-white/90 p-8 md:p-12"
variants={transitions.item}
Expand All @@ -346,14 +364,15 @@ function WhatIsIcpPage() {
className="tw-lead my-3 lg:text-[2rem] xl:tw-title-sm
"
>
DAO control{" "}
Decentralized governance
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
Protocols often evolve slowly due to the need for consensus.
ICP stands out by enabling frequent, decentralized updates
through its NNS DAO, resulting in hundreds of upgrades since
its launch. This allows for continuous addition of new
functionalities to smart contracts.
Networks often evolve slowly and suffer from centralized
control. By contrast, ICP is orchestrated by fully-automated
decentralized governance, in the form of its
protocol-integrated NNS DAO, allowing for frequent upgrades
and network re-structuring. The network scales, evolves and
adapts in real time.
</p>
</motion.div>
<motion.div
Expand All @@ -370,13 +389,14 @@ function WhatIsIcpPage() {
className="tw-lead my-3 lg:text-[2rem] xl:tw-title-sm
"
>
Scale out via subnets
Scaling via subnets
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
ICP comprises multiple subnets, each supporting different
smart contracts that can communicate seamlessly. The network can
dynamically add new subnets to scale with demand, enhancing
efficiency and performance.
The ICP network is comprised from multiple subnet blockchains,
each of which adds capacity for hosting smart contract
compute, while remaining transparent to smart contracts, which
interact directly within one global seamless environment.
Capacity scales horizontally and transparently.
</p>
</motion.div>
<motion.div
Expand All @@ -393,14 +413,14 @@ function WhatIsIcpPage() {
className="tw-lead my-3 lg:text-[2rem] xl:tw-title-sm
"
>
Powerful node hardware{" "}
Sovereign node hardware
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
A replicated system is only as fast as the weakest nodes, so
ICP runs on powerful machines in data centers, ensuring all
nodes meet a high minimum standard. This design means
participation isn't possible with low-power devices like a
Raspberry Pi, but it enables high performance.
Some blockchains are hosted by Big Tech's clouds, which is
antithetical. ICP runs on sovereign hardware operated by
independent node operators. Node hardware standardization also
plays an important role in the workings of the network,
unlocking efficiency that is orders of magnitude better.
</p>
</motion.div>
<motion.div
Expand All @@ -417,14 +437,14 @@ function WhatIsIcpPage() {
className="tw-lead my-3 lg:text-[2rem] xl:tw-title-sm
"
>
Asynchronous Execution{" "}
Onchain parallelism
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
ICP's smart contracts operate asynchronously, unlike
Ethereum's synchronous model where the "whole world waits" for one's
smart contract transactions and causes delays as
transactions process sequentially. ICP's asynchronous execution allows
multiple contracts to process simultaneously.
Traditional smart contracts run synchronously, which means
transactions run one at a time, bounding maximum transaction
throughput. ICP's contracts run in parallel, while keeping
computation deterministic, unleashing unbounded throughput
scaling, and constant performance under load.
</p>
</motion.div>
<motion.div
Expand All @@ -438,15 +458,14 @@ function WhatIsIcpPage() {
className="h-24"
/>
<h3 className="tw-lead my-3 lg:text-[2rem] xl:tw-title-sm">
Decentralization
Deterministic Decentralization
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
ICP enhances security and efficiency through a deterministic
decentralization approach that balances maximum
decentralization with minimized replication. This method
considers factors such as the diversity of node providers and
their locations. As a result, ICP's replication factor is
lower than that of Bitcoin, optimizing for efficiency.
Traditional blockchains combine thousands of anonymous
validators to produce consensus quorums, but many are run by
the same operator, and run on the same clouds. ICP uses its
governance to combine nodes into subnets using deterministic
decentralization, allowing replication to be slashed.
</p>
</motion.div>

Expand All @@ -466,10 +485,12 @@ function WhatIsIcpPage() {
WebAssembly
</h3>
<p className="tw-paragraph-sm text-black/60 md:tw-paragraph-sm mb-2 md:text-center">
ICP uses WebAssembly, an open standard for binary formats, for
its smart contracts. This enables developers to use various
programming languages with ease, enhancing developer
friendliness due to straightforward mappings to WebAssembly.
The ICP execution environment leverages the WebAssembly
virtual machine. This enables developers to create smart
contracts using any programming language that compiles to Wasm
byte code, unlocking far greater flexibility and developer
productivity. WebAssembly also helps unlock massive
performance and efficiency.
</p>
</motion.div>

Expand Down Expand Up @@ -519,9 +540,6 @@ function WhatIsIcpPage() {
state-of-the-art user experience.
</p>
</motion.div>



</AnimateSpawn>
<div className="flex justify-center items-center mt-10">
{" "}
Expand Down
Loading