diff --git a/src/components/sections/WhyBeAmbassador.tsx b/src/components/sections/WhyBeAmbassador.tsx
index a3a37ce..edc96b9 100644
--- a/src/components/sections/WhyBeAmbassador.tsx
+++ b/src/components/sections/WhyBeAmbassador.tsx
@@ -1,8 +1,7 @@
+"use client"
-// import { IconArrowUpRight } from "@tabler/icons-react"
-// import { useInView } from 'react-intersection-observer';
-// import { sentenceVariant, letterVariant, splitText } from "@/styles/animations";
-// import { motion, useAnimation } from 'framer-motion';
+import { useInView } from 'react-intersection-observer';
+import { motion, useAnimation } from 'framer-motion';
import { ChatBubbleLeftRightIcon, StarIcon, FaceSmileIcon, HeartIcon, ArrowTrendingUpIcon, BoltIcon } from '@heroicons/react/24/outline';
import { useEffect } from "react";
@@ -38,6 +37,9 @@ const cards = [
icon:
,
title: 'Advance your career',
desc: 'and establish yourself as a leader in blockchain technology.',
+ },
+ {
+
},
{
icon:
,
@@ -47,31 +49,31 @@ const cards = [
]
export default function WhyBeAmbassador() {
-// const controls = useAnimation();
+ const controls = useAnimation();
-// const [ref, inView] = useInView();
+ const [ref, inView] = useInView();
-// useEffect(() => {
-// if (inView) {
-// controls.start('visible');
-// }
-// }, [controls, inView]);
+ useEffect(() => {
+ if (inView) {
+ controls.start('visible');
+ }
+ }, [controls, inView]);
return (
-
+
Why be an ambassador
-
+
{cards.map((card, index) => (
-
+
{card.icon}
{card.title}
{card.desc}
-
+
))}
-
+
)
}
diff --git a/src/components/sections/YouCan.tsx b/src/components/sections/YouCan.tsx
index c149f01..a9df6f4 100644
--- a/src/components/sections/YouCan.tsx
+++ b/src/components/sections/YouCan.tsx
@@ -2,11 +2,11 @@ import SectionHeading from "../SectionHeading"
import TextWithCheckIcon from "../TextWithCheckIcon"
const stats = [
- 'Deploy and interact with smart contracts as TS/JS objects.',
+ 'Deploy and interact with smart contracts as TS/JS objects',
'Subscribe to specific on-chain or smart contract events',
'Interact with the Ethereum Name Service (ENS)',
- 'Create and import accounts, sign data and transactions.',
- 'Get block and state information from Ethereum nodes.',
+ 'Create and import accounts, sign data and transactions',
+ 'Get block and state information from Ethereum nodes',
'Have access to utilities with built-in helpers for Ethereum dApps and web3 packages',
]
@@ -21,7 +21,6 @@ const stats = [
{stats.map((stat, index) => (
- {/*
- {stat}
*/}
{stat}
))}
diff --git a/src/components/urls.ts b/src/components/urls.ts
index cda3593..f53a161 100644
--- a/src/components/urls.ts
+++ b/src/components/urls.ts
@@ -1,6 +1,6 @@
export const discordUrl = "https://discord.gg/yhHVtK5Wqt"
export const docsUrl = "https://docs.web3js.org/"
export const npmUrl = "https://www.npmjs.com/package/web3"
-export const blogUrl = "https://blog.chainsafe.io/tagged/web3js"
+export const blogUrl = "https://blog.chainsafe.io/web3js/"
export const blogPostv4 = "https://blog.chainsafe.io/announcing-the-full-release-of-web3-js-v4-e9e26275a3dc";
export const githubUrl = "https://github.com/web3/web3.js";