From 6ed7d65aa3ff5e704320855d92cb9c3b9f2bff3f Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Thu, 14 Dec 2023 19:08:24 +0330
Subject: [PATCH] fix: adjust LogoCarousel image height

---
 .../docusaurus-playground/src/pages/index.mdx | 247 ++++++++++++++----
 .../mdx/LogoCarousel/LogoCarousel.scss        |   2 +-
 2 files changed, 204 insertions(+), 45 deletions(-)

diff --git a/packages/docusaurus-playground/src/pages/index.mdx b/packages/docusaurus-playground/src/pages/index.mdx
index 02bc30d..b1750ee 100644
--- a/packages/docusaurus-playground/src/pages/index.mdx
+++ b/packages/docusaurus-playground/src/pages/index.mdx
@@ -2,7 +2,6 @@ import {
   Hero,
   HeroTitle,
   HeroDescription,
-  HeroVideo,
   HeroActions,
   HeroAction,
   CallToActionSection,
@@ -20,77 +19,238 @@ import {
   ShowcaseCard,
   JobsPerDepartment,
   GithubChallenges,
+  LogoCarousel,
 } from '../components/mdx'
 import * as jobData from '/generated/jobs.json'
 import * as challengesData from '/generated/challenges.json'
 
-<Hero size="large">
-  <HeroInfo>
-    <HeroTitle>{'Defend Against Data Censorship With Codex'}</HeroTitle>
-    <HeroDescription>
-      {
-        'Codex is a durable, decentralized data storage protocol, created so the world community can preserve its most important knowledge without risk of censorship.'
-      }
-    </HeroDescription>
-    <HeroActions>
-      <HeroAction href="https://twitter.com/Codex_storage" target="_blank">
-        Follow Codex
-      </HeroAction>
-    </HeroActions>
-  </HeroInfo>
-  <HeroVideo placeholderSrc="/hero/atlas02-1080x1080-placeholder.png">
-    <source
-      src="/hero/atlas02-2048x2048-24fps-1M.mov"
-      type='video/mp4; codecs="hvc1"'
-    />
-    <source src="/hero/atlas02-2048x2048-24fps-1M.webm" type="video/webm" />
-  </HeroVideo>
-</Hero>
+<Box top={{ xs: 32 }} bottom={{ xs: 144, lg: 216 }}>
+  <HeroTitle size="large">
+    {'LIGHT AND PERFORMANT CLIENTS, FOR THE ETHEREUM NETWORK'}
+  </HeroTitle>
+  <HeroDescription size="large">
+    {
+      'Run Nimbus on lightweight devices or premium servers with equal ease and peace of mind. Trusted by solo stakers and enterprise node operators alike.'
+    }
+  </HeroDescription>
+  <HeroActions>
+    <HeroAction href="https://twitter.com/Codex_storage" target="_blank">
+      Learn more
+    </HeroAction>
+  </HeroActions>
+</Box>
 
 <FeatureList
-  id="features"
+  id="clients"
+  alignment="top"
+  ctaPosition="top"
+  title="Nimbus Clients"
   features={[
     {
-      title: 'Durable',
-      description: (
-        <>
-          <strong>Codex</strong> implements advanced erasure coding techniques
-          to ensure data stored is always retrievable without relying on
-          inefficient full replication methods.
-        </>
-      ),
+      title: 'Consensus Client',
+      description:
+        'An ultra-light client that contributes to the network and does not require syncing.',
     },
     {
-      title: 'Accessible',
+      title: 'Verified Web3 Proxy',
       description:
-        'Participating in the Codex network is highly accessible thanks to its permissionless nature, and bandwidth usage optimizations like its "lazy repair" system and lightweight ZK-based remote auditing system.',
+        'A lightweight execution layer client to complement the consensus layer - coming soon.',
     },
     {
-      title: 'Decentralized',
+      title: 'Portal Client',
       description:
-        "The network's native marketplace incentivizes wide participation, ensuring robust resistance to censorship and external attack.",
+        'An ultra-light client that contributes to the network and does not require syncing.',
     },
     {
-      title: 'Low-cost',
+      title: 'Execution Client',
       description:
-        "Codex's design slashes the costs associated with traditional cloud storage providers while democratizing opportunities to contribute excess system resources to the network.",
+        'A lightweight execution layer client to complement the consensus layer - coming soon.',
     },
   ]}
 >
-  <CallToActionButton variant="outlined" href="/about">
-    Read more
+  <CallToActionButton variant="outlined" size="small">
+    read more
   </CallToActionButton>
 </FeatureList>
 
+<Box top={{ xs: 144, lg: 216 }}>
+  <SectionHeader title="Nimbus attributes">
+    <CallToActionButton variant="outlined" size="small" href="/">
+      Read mroe
+    </CallToActionButton>
+  </SectionHeader>
+  <Box top={{ xs: 100, lg: 100 }}>
+    <Grid
+      xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
+      lg={{ cols: 4, gap: '1rem' }}
+    >
+      <Grid.Item>
+        <ShowcaseCard
+          index={1}
+          name="Lightweight"
+          description="A low resource footprint makes Nimbus an attractive option for solo stakers and distributed validators. Institutional operators benefit from having more headroom in their setup, preventing failure when Ethereum is under stress."
+        />
+      </Grid.Item>
+      <Grid.Item>
+        <ShowcaseCard
+          index={2}
+          name="Secure"
+          description="Nimbus has undergone extensive security testing from some of the leading security firms in blockchain technology, including ConsenSys Diligence, Trail Of Bits, and NCC Group."
+        />
+      </Grid.Item>
+      <Grid.Item>
+        <ShowcaseCard
+          index={3}
+          name="Easy to use"
+          description="Nimbus offers a simple consensus layer setup combining beacon node and validator clients, or the flexibility to run the two independently. Get up and running quickly in one of three steps."
+        />
+      </Grid.Item>
+      <Grid.Item>
+        <ShowcaseCard
+          index={4}
+          name="Downtime resilient"
+          description="Nimbus includes several features to improve redundancy and resilience. For example, distributed keystore support allows for pairing a single Nimbus instance with multiple Web3Signer servers. If one of the instances fails, another takes over. Plus Nimbus can support multiple Beacon Nodes, creating redundancy and resilience against downtime."
+        />
+      </Grid.Item>
+    </Grid>
+  </Box>
+</Box>
+
 <Box top={{ xs: 144, lg: 216 }}>
   <CallToActionSection
-    title="Used by"
-    columns={2}
-    description="Codex is still under development as part of the Logos Collective's tech stack. Logos builds shared public infrastructure to provide trust-minimized, corruption-resistant governing services and social institutions to underserved citizens."
+    title="Run the Nimbus Consensus client"
+    description={
+      <>
+        Follow the detailed
+        <br />
+        step-by-step guide here
+      </>
+    }
+    list={[
+      {
+        title: 'Simple setup',
+        description:
+          'Run integrated Nimbus Beacon Node and Validator Client together.',
+      },
+      {
+        title: 'Beacon setup',
+        description:
+          'Use Nimbus Beacon Node with an alternative validator client.',
+      },
+      {
+        title: 'Beacon setup',
+        description:
+          'Use Nimbus Validator Client with an alternative Beacon Node',
+      },
+    ]}
+    label="Get Nimbus"
+    target="_blank"
+    href="https://nimbus.guide/quick-start.html"
   />
 </Box>
 
 <Box top={{ xs: 144, lg: 216 }}>
+  <CallToActionSection
+    columns={2}
+    title="User Endorsements"
+    description="Nimbus is trusted by Etherem validators diverse in both size and operating requirements. But don't just take our word for it."
+    href="https://nimbus.team"
+    label="Get Nimbus"
+    target="_blank"
+  />
+  <Box top={{ xs: 100, lg: 100 }}>
+    <Grid
+      xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
+      lg={{ cols: 4, gap: '1rem' }}
+    >
+      <Grid.Item>
+        <ShowcaseCard
+          logoSrc="/showcase/status-mark-black.svg"
+          logoSrcDark="/showcase/status-mark-white.svg"
+          description="We're thankful that Nimbus is building infrastructure that extends Ethereum, and is additive to a crypto-first mobile OS like ethOS. We know first hand that Nimbus is incredibly easy to work with, and boasts great dev support from the team."
+          borderStyle="none"
+        />
+      </Grid.Item>
+      <Grid.Item>
+        <ShowcaseCard
+          name="DSRV"
+          description="DSRV has been keen to improve client diversity, and we've been running Nimbus with close to 2000 validators over the last 16 months including Ethereum mainnet. We found Nimbus consensus client to be both reliable and easy to operate while requiring fewer resources, making it worth recommending to every validator– not just solo stakers."
+          borderStyle="none"
+        />
+      </Grid.Item>
+      <Grid.Item>
+        <ShowcaseCard
+          name="Protolamba"
+          description="Processing 60 billion attestation data points of the Ethereum Beacon Chain only took ~45 min. How? ( . . .) Thanks to the amazing work by Nimbus, this uses their era-format to read all beacon-chain data very quickly, in parallel slices, without much lookup cost."
+          borderStyle="none"
+        />
+      </Grid.Item>
+      <Grid.Item>
+        <ShowcaseCard
+          name="Diva Staking"
+          description="Happy to collaborate with the great minds from Nimbus to push the boundaries of staking & DVT!"
+          borderStyle="none"
+        />
+      </Grid.Item>
+    </Grid>
+  </Box>
+</Box>
+
+<Box top={{ xs: 144, lg: 216 }}>
+  <LogoCarousel title="Nimbus Users" items={[
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    },
+    {
+      logoSrc: "/showcase/status-mark-black.svg",
+      logoSrcDark: "/showcase/status-mark-white.svg",
+    }
+]} />
+
+</Box>
+
+<Box top={{ xs: 144, lg: 100 }}>
   <CallToActionSection
     title="Team"
     columns={1}
@@ -183,7 +343,6 @@ import * as challengesData from '/generated/challenges.json'
   <Roadmap
     title="Roadmap"
     description="Nomos is currently in its first proof-of-concept iteration and aims to release its beta version, Katana, before the end of Q4 2023."
-    bottom={{ xs: '4rem', lg: '7.25rem' }}
     timeline={[
       {
         period: [2013],
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/LogoCarousel/LogoCarousel.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/LogoCarousel/LogoCarousel.scss
index de08584..40bf7b5 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/LogoCarousel/LogoCarousel.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/LogoCarousel/LogoCarousel.scss
@@ -19,7 +19,7 @@
   }
 
   .mdx-logo-carousel__logo {
-    height: 86px;
+    height: 56px;
     width: auto;
   }
 }