diff --git a/public/cs.png b/public/cs.png
new file mode 100644
index 0000000..871ed74
Binary files /dev/null and b/public/cs.png differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f23e225..5678f97 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,12 +18,12 @@ export default function Home() {
     <Navbar />
     <Hero />
     <LogoCloud />
+    <Stats />
     <YouCan />
-    <ThreeSteps />
     <Features />
-    <Stats />
     <Ambassadors />
     <WhyBeAmbassador />
+    <ThreeSteps />
     <Testimonials />
     <Footer />
     </>
diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index 8a3250c..3ba6a50 100644
--- a/src/components/sections/Hero.tsx
+++ b/src/components/sections/Hero.tsx
@@ -12,7 +12,10 @@ export default function Hero() {
             Build dApps on any EVM Chain with TypeScript Libraries
           </SectionHeading>
           <div>
-            <Button className='text-white py-4 px-8' type="primary" href="https://www.npmjs.com/package/web3">Download on npm</Button>
+            <Button className='text-white py-4 px-8' type="primary" href="https://www.npmjs.com/package/web3">npm i web3</Button>
+            <div className='mt-6 px-2 flex flex-row align-center gap-x-2'><img className='h-5 w-5' src="/cs.png" alt="ChainSafe Logo, maintainer of web3js"/>
+            <p className='text-md text-gray-300'>{" "} Maintained by ChainSafe</p>
+            </div>
           </div>
           </div>
           <div className='flex flex-col w-full pt-8 lg:pt-0'>