updates (#86)

Author: jdevcs

.github/CODEOWNERS

@@ -1 +1 @@
-* @sweetpea22 @web3/web3-js
+* @AlexeyKrasnoperov

src/app/page.tsx

@@ -1,14 +1,12 @@
 import Banner from "@/components/Banner";
 import Footer from "@/components/Footer";
 import Navbar from "@/components/Navbar";
-import Ambassadors from "@/components/sections/Ambassadors";
 import Features from "@/components/sections/Features";
 import Hero from "@/components/sections/Hero";
 import LogoCloud from "@/components/sections/LogoCloud";
 import Stats from "@/components/sections/Stats";
 import Testimonials from "@/components/sections/Testimonials";
 import ThreeSteps from "@/components/sections/ThreeSteps";
-import WhyBeAmbassador from "@/components/sections/WhyBeAmbassador";
 import YouCan from "@/components/sections/YouCan";
 
 export default function Home() {
@@ -21,8 +19,6 @@ export default function Home() {
     <Stats />
     <YouCan />
     <Features />
-    <Ambassadors />
-    <WhyBeAmbassador />
     <ThreeSteps />
     <Testimonials />
     <Footer />

src/components/Banner.tsx

@@ -1,12 +1,12 @@
-import { docsUrl } from "./urls"
+
 
 export default function Banner() {
   return (
     <div className="relative isolate flex justify-center items-center gap-x-6 overflow-hidden bg-brand-400 px-6 py-2 sm:px-3">
       <p className="text-md text-center font-semibold leading-6 text-gray-900">
-        v4 is here! {" "}
-        <a href={docsUrl} target="_blank" rel="noreferrer" className="whitespace-nowrap font-semibold">
-          Read all about it <span aria-hidden="true">&rarr;</span>
+      Web3.js libraries are being sunset on March 4th, 2025. For migration guides and more details please refer to
+        <a href="https://blog.chainsafe.io/web3-js-sunset/" target="_blank" rel="noreferrer" className="whitespace-nowrap font-semibold">
+        Chainsafe blog <span aria-hidden="true">&rarr;</span>
         </a>
       </p>
     </div>

src/components/Footer.tsx

@@ -54,7 +54,7 @@ export default function Footer() {
                 alt='Web3js Logo'
               />
               <p className='text-lg leading-6 text-neutral-400'>
-                Web3js - The longest-running web3 library.
+                Web3js
               </p>
 
             </div>
@@ -104,7 +104,7 @@ export default function Footer() {
           </div>
           <div className='mt-4 border-t border-green-400/10 py-2 sm:mt-8 lg:mt-12'>
             <p className='py-3 text-sm text-center leading-5 text-neutral-400'>
-              &copy; {currentYear} Maintained with ❤️ by ChainSafe
+              &copy; {currentYear}
             </p>
           </div>
       </footer>

src/components/sections/Hero.tsx

@@ -13,9 +13,6 @@ export default function Hero() {
           </SectionHeading>
           <div>
             <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'>

src/components/sections/Stats.tsx

@@ -1,27 +1,4 @@
 import SectionHeading from "../SectionHeading"
-
-const stats = [
-    {
-        name: 'Monthly npm usage',
-        value: '2M',
-    },
-    {
-        name: 'Monthly CDN requests',
-        value: '2M',
-    },
-    {
-        name: 'Weekly downloads',
-        value: '500k',
-    },
-    {
-        name: 'GitHub stars',
-        value: '19K',
-    },
-    {
-        name: 'Dependent projects',
-        value: '3K+',
-    },
-  ]
 
   export default function Stats() {
     return (
@@ -34,14 +11,7 @@ const stats = [
               Web3.js was established in 2014, making it the oldest web3 library. With extensive documentation, an active community and modular design, Web3.js is powerful and easy-to-use. 
               </p>
             </div>
-            <dl className="mt-16 grid grid-cols-1 gap-0.5 text-center sm:grid-cols-2 lg:grid-cols-5 lg:gap-x-2">
-              {stats.map((stat, index) => (
-                <div key={index} className="flex flex-col border-zinc-700 border py-4 rounded-xl">
-                  <p className="my-4 text-6xl font-semibold text-brand-200">{stat.value}</p>
-                  <p className="text-md leading-6 text-gray-400">{stat.name}</p>
-                </div>
-              ))}
-            </dl>
+
           </div>
         </div>
       </div>