Merge pull request #80 from everstake/DEV-294

add seo content, change meta title and desc

src/app/components/SeoContent/SeoContent.tsx

@@ -0,0 +1,164 @@
+interface SeoContentProps {}
+
+export const SeoContent: React.FC<SeoContentProps> = () => {
+  return (
+    <div className="seo-content container mx-auto flex flex-col p-6">
+      <h1>Bitcoin (BTC) Staking: Stake BTC on Babylon | Everstake</h1>
+      <p>
+        Bitcoin staking has long been a pipe dream for many people in the crypto
+        community, yet until recently, it remained more of a subject of
+        light-hearted jokes and fantasies. Babylon, however, made it a reality
+        by introducing an approach that enables one to use the security of BTC
+        with PoS capabilities. BTC staking is no longer a dream but a reality.
+      </p>
+
+      <h2>Why Choose BTC Staking with Babylon?</h2>
+      <p>
+        There are several important reasons why one might choose to engage in
+        BTC staking with Babylon.
+      </p>
+
+      <h3>Trusted BTC Staking Platform</h3>
+      <p>
+        Babylon integrates Bitcoin`s PoW-driven security into Proof-of-Stake. In
+        particular, it uses a self-custodial staking model, which implies that
+        users retain control over their assets. With overwhelming support and
+        involvement from numerous key players in the crypto industry and
+        technologically ensured safety, Babylon is one of the most trusted
+        crypto platforms in existence today.
+      </p>
+
+      <h3>Consistent Staking Performance</h3>
+      <p>
+        Bitcoin`s security and architecture, which feature finality mechanisms,
+        ensure consistent Bitcoin staking performance in Babylon. Together, they
+        enhance security and massively improve the reliability and speed of
+        transactions within the network. Bitcoin staking plays a crucial role in
+        ensuring the stability and security of the PoS systems it supports.
+      </p>
+
+      <h3>User-Friendly Interface for Seamless Staking</h3>
+      <p>
+        Babylon has made it a point to make BTC staking user-friendly,
+        intuitive, and seamless. This approach directly results in broader
+        adoption, which enhances the system’s efficiency and resilience.
+      </p>
+
+      <h3>Advanced Security for Your Bitcoin</h3>
+      <p>
+        Aside from built-in technical mechanisms like slashing and liquidity
+        support, Babylon also relies on battle-tested cryptographic techniques
+        and decentralized architecture to protect its ecosystem from potential
+        attacks. Self-custodial organization of the entire Bitcoin staking
+        system adds an additional layer of safety since only the staker can
+        control their assets in this scenario.
+      </p>
+
+      <h2>How to Start BTC Staking on Babylon?</h2>
+      <p>
+        To start <a href="http://btc-staking.everstake.one">BTC staking</a>, you
+        must need a supporting wallet, the list of which is available on
+        Babylon’s official resources. The exact setup process varies between
+        wallets, so be sure to do your own research before starting the process.
+      </p>
+
+      <h3>Step 1: Connect Wallet</h3>
+      <p>
+        Select one of the Babylon-supporting wallets and set it up as prompted
+        by the on-screen instructions. In the wallet, you must deposit some BTC
+        and connect it to the Babylon network, as suggested by the wallet’s
+        interface. Once connected, select the finality provider you trust from
+        the list available on the platform.{" "}
+      </p>
+
+      <h3>Step 2: Deposit BTC</h3>
+      <p>
+        To stake your BTC with Babylon, you must decide how much you want to
+        stake. Initially, Babylon has a cap for the amount to be staked: you
+        can’t stake less than 0.0005 BTC and more than 0.05 BTC, and the overall
+        amount is capped at 1,000 BTC but will be increased in later phases.
+        Also, make sure you have sufficient funds to cover transaction fees.
+        When you finalize all the required details, you are ready to stake.
+      </p>
+
+      <h3>Step 3: Begin Staking Your Bitcoin</h3>
+      <p>
+        Once you finalize the BTC staking process by confirming the transaction,
+        your BTC will be locked in a staking contract with the finality provider
+        you have chosen earlier. You can then monitor the staking process and
+        the accrued rewards through the dedicated dashboard. Note that your BTC
+        will be staked for a fixed period, but you can unbond it earlier for a
+        fee. If you wait for the entire period, the unbonding fee will be
+        waived, and you will only have to pay withdrawal transaction fees.
+      </p>
+
+      <h2>Bitcoin Staking Calculator: Estimate Your Participation</h2>
+      <p>
+        To estimate your returns from staking BTC, you can use a{" "}
+        <a href="http://btc-staking.everstake.one">
+          Bitcoin staking calculator
+        </a>
+        .
+      </p>
+
+      <h3>How to Use the BTC Staking Calculator</h3>
+      <p>
+        In general, a BTC staking calculator enables you to estimate the effect
+        of your participation in BTC staking. The basic mechanic implies that
+        you input the amount of BTC you wish to stake and the length of the
+        staking period if you want to unbond your stake prematurely. With the
+        annual return rate calculated automatically, you will see the exact
+        effect of your participation once you hit the Calculate button. If the
+        yearly rate is not available automatically, you will need to know it and
+        input it in the dedicated field to learn the results of your
+        participation under the conditions you specified.
+      </p>
+
+      <h3>Estimate Your Participation in Staking</h3>
+      <p>
+        Note that the{" "}
+        <a href="http://btc-staking.everstake.one">Babylon staking</a> is in its
+        early stages, and currently, there is a hard cap on the overall stake.
+        The results you see do not include potential fees or limitations
+        associated with that cap. You can also use a maximum stake of 0.05 BTC.
+      </p>
+
+      <h2>BTC Staking with Everstake vs. Other Platforms</h2>
+      <p>
+        Everstake is known for its extensive experience in the staking industry
+        and is one of the most prominent validators and infrastructure
+        developers. Solutions developed by Everstake are provenly secure and
+        convenient for users of over 80 blockchain networks.
+      </p>
+
+      <h3>Comparison of BTC Staking Features</h3>
+      <p>
+        Everstake features many opportunities to make Bitcoin staking with
+        Babylon easier for the user, such as the BTC staking calculator and
+        extensive knowledge base in the blog. Most importantly, Everstake has
+        profound expertise and technological know-how to ensure the best
+        outcomes for those who opt to stake BTC with Babylon.
+      </p>
+
+      <h3>Security Features for BTC Staking</h3>
+      <p>
+        Everstake takes security questions very seriously, employing
+        enterprise-level hardware, running its nodes across multiple
+        geographies, using diverse clients, and exposing its products to
+        rigorous security audits by major security companies. This extensive
+        policy is rewarded by the stellar track record and reputation of
+        Everstake in the professional community and beyond. The company uses the
+        same approach when it comes to Bitcoin staking.
+      </p>
+
+      <h3>Ease of Use for Staking BTC</h3>
+
+      <p>
+        Everstake always focuses on simplifying and protecting the end user. Our
+        partnerships with the most prominent wallets and blockchains, our own
+        SDK, and other solutions ensure that it is always easy to stake with
+        Everstake, including Babylon’s BTC staking.
+      </p>
+    </div>
+  );
+};

src/app/globals.css

@@ -231,3 +231,27 @@ body.modal-open {
   opacity: 1;
   right: 30px;
 }
+
+.seo-content h1 {
+  font-weight: 700;
+  font-size: 24px;
+  margin-bottom: 16px;
+}
+
+.seo-content h2 {
+  font-weight: 700;
+  font-size: 20px;
+  margin-bottom: 8px;
+  margin-top: 12px;
+}
+
+.seo-content h3 {
+  font-weight: 700;
+  font-size: 18px;
+  margin-bottom: 4px;
+  margin-top: 12px;
+}
+
+.seo-content p {
+  margin-bottom: 4px;
+}

src/app/layout.tsx

@@ -12,8 +12,9 @@ const spaceGrotesk = Space_Grotesk({
 });
 
 export const metadata: Metadata = {
-  title: "Babylon - Staking Dashboard",
-  description: "BTC Staking Dashboard",
+  title: "Bitcoin (BTC) Staking: Stake BTC on Babylon | Everstake",
+  description:
+    "Everstake is the best place to stake BTC on the Babylon blockchain. Get the most from secure staking, and the most trusted staking platform in crypto space.",
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -32,6 +32,7 @@ import { Header } from "./components/Header/Header";
 import { ConnectModal } from "./components/Modals/ConnectModal";
 import { ErrorModal } from "./components/Modals/ErrorModal";
 import { TermsModal } from "./components/Modals/Terms/TermsModal";
+import { SeoContent } from "./components/SeoContent/SeoContent";
 import { StakingModal } from "./components/Staking/StakingModal";
 import {
   providerMainnet,
@@ -491,6 +492,7 @@ const Home: React.FC<HomeProps> = () => {
           /> */}
         </div>
       </div>
+      <SeoContent />
       <FAQ />
       <ConnectModal
         open={connectModalOpen}