new projects and metamask network button

src/app/components/Resources.js

@@ -36,6 +36,24 @@ export default function Resources() {
         updateButtons()
     }, [])
 
+    const addNeoXToMetaMask = () => {
+        window.ethereum.request({
+            method: 'wallet_addEthereumChain',
+            params: [{
+                chainId: '0xBA93', // Replace with actual Neo X Mainnet chain ID
+                chainName: 'Neo X Mainnet',
+                nativeCurrency: {
+                    name: 'GAS',
+                    symbol: 'GAS',
+                    decimals: 18
+                },
+                rpcUrls: ['https://mainnet-1.rpc.banelabs.org'], 
+                blockExplorerUrls: ['https://xexplorer.neo.org/']
+            }]
+        }).catch((error) => {
+            console.log(error)
+        })
+    }
 
     return (
         <div className="w-full relative  flex flex-col py-20 lg:py-24">
@@ -48,8 +66,16 @@ export default function Resources() {
 
                     <div className="flex lg:flex-row flex-col lg:items-center gap-5">
                         <p className="lg:text-lg font-medium text-[#404056]">Find resources that will help you navigate, use, and build on the Neo X network. </p>
-                        <div className='lg:ml-auto'>
-                            <a href="https://docs.banelabs.org/" target="_blank" className=" text-white btn-gradient font-semibold text-center text-base">
+                        <div className='lg:ml-auto flex items-center gap-4'>
+                            <button 
+                                onClick={() => {
+                                    addNeoXToMetaMask()
+                                }}
+                                className="font-semibold text-base px-4 py-2 text-[#01C6B3] border border-[#01C6B3] rounded-full whitespace-nowrap"
+                            >
+                                Add Neo X Mainnet
+                            </button>
+                            <a href="https://docs.banelabs.org/" target="_blank" className="!py-2 !px-4 text-white btn-gradient font-semibold text-center text-base">
                                 Go to Docs
                             </a>
                         </div>

src/app/data/projects.json

@@ -385,9 +385,85 @@
             }
         ],
         "tags": [
-            "Audit"
+            "Security"
         ],
         "networks": [],
         "description": "BlockSec is a full-stack blockchain security service provider. It was founded by top-notch security researchers and experienced experts from academia and industry."
+    },
+    {
+        "icon_url": "/assets/projects/owlx.png",
+        "title": "OwlX",
+        "links": [
+            {
+                "title": "Website",
+                "url": "https://www.owlx.ai/#Home"
+            },
+            {
+                "title": "Twitter/X",
+                "url": "https://x.com/OwlX_ai"
+            }
+        ],
+        "tags": [
+            "Data Aggregator"
+        ],
+        "networks": [],
+        "description": "Owlx Is A Blockchain Analytics Platform That Empowers You To Create A Wallet, Fund It, Discover New Tokens, Perform Your Due Diligence And Trade Any Asset Across Multiple Chains."
+    },
+    {
+        "icon_url": "/assets/projects/photon.png",
+        "title": "Photon",
+        "links": [
+            {
+                "title": "Website",
+                "url": "https://photonchain.io/"
+            },
+            {
+                "title": "Twitter/X",
+                "url": "https://x.com/Photon_Labs"
+            }
+        ],
+        "tags": [
+            "Dex"
+        ],
+        "networks": [],
+        "description": "Photon aims to drive the bitcoin ecosystem into its next progressive phase. With a mission to leverage a modular layer 2 stack, we are dedicated to scaling Bitcoin's functionality to enable a rich landscape of decentralised applications (dApps) that seamlessly integrate with the Bitcoin network."
+    },
+    {
+        "icon_url": "/assets/projects/secure3.png",
+        "title": "Secure3",
+        "links": [
+            {
+                "title": "Website",
+                "url": "https://www.secure3.io/"
+            },
+            {
+                "title": "Twitter/X",
+                "url": "https://x.com/secure3io"
+            }
+        ],
+        "tags": [
+            "Security"
+        ],
+        "networks": [],
+        "description": "Secure3 is a battlefield where elite auditors compete to safeguard Web3 innovations against security threats."
+    },
+    {
+        "icon_url": "/assets/projects/go+.png",
+        "title": "Go+",
+        "links": [
+            {
+                "title": "Website",
+                "url": "https://gopluslabs.io/"
+            },
+            {
+                "title": "Twitter/X",
+                "url": "https://x.com/GoplusSecurity"
+            }
+        ],
+        "tags": [
+            "Security"
+        ],
+        "networks": [],
+        "description": "GoPlus is revolutionizing Web3 user security through its permissionless and user-driven User Security Network, which provides comprehensive protection across the entire user transaction lifecycle."
     }
 ]