diff --git a/package-lock.json b/package-lock.json index 9b58c4f..5fda567 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,8 +9,10 @@ "version": "0.1.0", "dependencies": { "@headlessui/react": "^2.0.4", + "clsx": "^2.1.1", "framer-motion": "^11.2.10", "lucide": "^0.395.0", + "lucide-react": "^0.412.0", "next": "14.2.4", "react": "^18", "react-dom": "^18" @@ -3186,6 +3188,14 @@ "resolved": "https://registry.npmjs.org/lucide/-/lucide-0.395.0.tgz", "integrity": "sha512-1GHhEVy8LfWAIYzA5+tp859oy+Fvwbkc0BQHJB3DhIcSUfzXmW4vCLpZ7BdPNTcaNJMoUaoOjPf335bYsF3leA==" }, + "node_modules/lucide-react": { + "version": "0.412.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.412.0.tgz", + "integrity": "sha512-m7argY/PhSfjhwP2Dxey+VzFBvusfd8ULt+vWWFnzQhURLOtNyD1qWmMVdtJ4Nn+d+DTcoOiILrjThSjY9kaow==", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", diff --git a/package.json b/package.json index e40b53f..3edf821 100644 --- a/package.json +++ b/package.json @@ -10,8 +10,10 @@ }, "dependencies": { "@headlessui/react": "^2.0.4", + "clsx": "^2.1.1", "framer-motion": "^11.2.10", "lucide": "^0.395.0", + "lucide-react": "^0.412.0", "next": "14.2.4", "react": "^18", "react-dom": "^18" diff --git a/public/assets/brand/NeoX-BrandBook-v0.1.pdf b/public/assets/brand/NeoX-BrandBook-v0.1.pdf new file mode 100644 index 0000000..5136ac7 Binary files /dev/null and b/public/assets/brand/NeoX-BrandBook-v0.1.pdf differ diff --git a/public/assets/projects/trendx.png b/public/assets/projects/trendx.png new file mode 100644 index 0000000..b43aed3 Binary files /dev/null and b/public/assets/projects/trendx.png differ diff --git a/src/app/brand/layout.js b/src/app/brand/layout.js new file mode 100644 index 0000000..27ae529 --- /dev/null +++ b/src/app/brand/layout.js @@ -0,0 +1,11 @@ +export const metadata = { + title: `Brandbook | Neo X visual assets`, + description: `Find the design guidelines for the Neo X brand to understand its visual identity and usage rules.`, +} + + +export default function BrandLayout({ children }) { + return <> + {children} + +} \ No newline at end of file diff --git a/src/app/brand/page.js b/src/app/brand/page.js new file mode 100644 index 0000000..fdb4b78 --- /dev/null +++ b/src/app/brand/page.js @@ -0,0 +1,41 @@ +import Footer from "../components/Footer"; +import Navbar from "../components/Navbar"; + +export default function BrandPage(props) { + return ( +
+ + +
+ +
+

Brand Assets

+ +
+
+

Neo X Brandbook

+

Download the comprehensive Neo X brandbook to understand its visual identity the guidelines that define the brand. This document includes color schemes, typography, logo usage rules, and more to ensure consistent and effective branding.

+
+
+ Download +
+
+ +
+
+

Neo X Logo

+

Get the complete set of our logo assets in various formats and sizes. This ZIP file includes high-resolution versions suitable for web, print, and other media, ensuring you have the right logo for any application.

+
+
+ +
+
+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/components/Footer.js b/src/app/components/Footer.js index cbbf259..5402a5e 100644 --- a/src/app/components/Footer.js +++ b/src/app/components/Footer.js @@ -4,6 +4,8 @@ export default function Footer() {

Copyright © Neo Team 2014-2024

+ + Brandbook diff --git a/src/app/components/News.js b/src/app/components/News.js index 2b0db4a..98e5fda 100644 --- a/src/app/components/News.js +++ b/src/app/components/News.js @@ -4,7 +4,7 @@ export default function News() { const posts = [ { "date": "30/04/2024", - "image_url": "https://pbs.twimg.com/card_img/1802994165812236288/JB-vCC_7?format=jpg&name=medium", + "image_url": "https://blockchainreporter.net/wp-content/uploads/2023/10/nft-art.webp", "source": "BlockchainReporter", "title": "Neo Collaborates with Fansland to Drive Web3 Adoption in Entertainment Industry", "url": "https://blockchainreporter.net/neo-collaborates-with-fansland-to-drive-web3-adoption-in-entertainment-industry/", diff --git a/src/app/components/Releases.js b/src/app/components/Releases.js index 36fccb2..d1cba3f 100644 --- a/src/app/components/Releases.js +++ b/src/app/components/Releases.js @@ -5,12 +5,13 @@ export default function Releases() { { "date": "15/07/2024", "title": "Gamma TestNet Launch", - "url": "https://medium.com/neo-smart-economy/neo-launches-the-neo-x-beta-testnet-0b861b3dd366", + "url": "https://medium.com/neo-smart-economy/neo-launches-the-neo-x-gamma-testnet-23440c5cd50b", "logs": [ "New model for network transaction fee calculation and burning", "Enhanced system contracts for governance", "Transaction reannouncement mechansism", "Security and stability fixes", + "Native bridge updates", ] }, { diff --git a/src/app/data/projects.json b/src/app/data/projects.json index c0e8f45..f8991ff 100644 --- a/src/app/data/projects.json +++ b/src/app/data/projects.json @@ -309,5 +309,47 @@ ], "networks": [], "description": "Atomic Wallet is a decentralized Cryptocurrency wallet that supports more than 1000+ coins and tokens, providing simplicity, safety, and convenience for its users." + }, + { + "icon_url": "/assets/projects/trendx.png", + "title": "TrendX", + "links": [ + { + "title": "Website", + "url": "https://app.trendx.tech/" + }, + { + "title": "Twitter/X", + "url": "https://x.com/TrendX_official" + } + ], + "tags": [ + "Data Aggregator" + ], + "networks": [], + "description": "TrendX is an AI-driven Web3 trend tracking and intelligent trading one-stop platform." + }, + { + "icon_url": "/assets/projects/atomic_wallet.png", + "title": "Neon Wallet", + "links": [ + { + "title": "Website", + "url": "https://neonwallet.com/" + }, + { + "title": "Twitter/X", + "url": "https://x.com/coz_official" + }, + { + "title": "Github", + "url": "https://github.com/CityOfZion/neon-wallet" + } + ], + "tags": [ + "Wallet" + ], + "networks": [], + "description": "An open source cross-platform light walletfor the NEO blockchain available on Windows, Mac OS, and Linux." } ] \ No newline at end of file diff --git a/src/app/elevate/layout.js b/src/app/elevate/layout.js new file mode 100644 index 0000000..444a98e --- /dev/null +++ b/src/app/elevate/layout.js @@ -0,0 +1,11 @@ +export const metadata = { + title: `Elevate | Grants and Investment for projects supporting on Neo X`, + description: `The Elevate program features a $20 million funding pool for innovative projects looking to join the Neo X ecosystem.`, +} + + +export default function ElevateLayout({ children }) { + return <> + {children} + +} \ No newline at end of file diff --git a/src/app/elevate/page.js b/src/app/elevate/page.js new file mode 100644 index 0000000..2233d3a --- /dev/null +++ b/src/app/elevate/page.js @@ -0,0 +1,342 @@ +'use client' +import React, { Fragment } from "react" +import Footer from "../components/Footer"; +import Navbar from "../components/Navbar"; +import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/react' +import { ChevronDownIcon } from "lucide-react"; +import clsx from "clsx"; +import { AnimatePresence, easeOut, motion } from 'framer-motion' + +export default function ElevatePage(props) { + + React.useEffect(() => { + const carousel = document.getElementById("carousel") + const indicators = document.getElementById('carousel-indicators'); + const itemWidth = 326; + + function scrollToItem(index) { + carousel.scrollTo({ + top: 0, + left: index * itemWidth, + behavior: 'smooth' + }); + } + + const updateButtons = () => { + const totalItems = document.querySelectorAll('.item').length; + const currentIndicator = Math.round(carousel.scrollLeft / itemWidth); + + indicators.innerHTML = ''; + for (let i = 0; i < totalItems; i++) { + const dot = document.createElement('div'); + dot.classList.add('carousel-indicator', 'rounded-full', 'w-2', 'h-2', 'bg-black', 'opacity-20'); + if (i === currentIndicator) { + dot.classList.remove('opacity-20'); + dot.classList.add('opacity-100'); + } + indicators.appendChild(dot); + dot.addEventListener('click', () => scrollToItem(i)); + } + } + carousel.addEventListener('scroll', updateButtons); + updateButtons() + }, []) + + + + const faqs = [ + { + "q": "What types of proposals can I create?", + "a": "this is an answer" + }, + { + "q": "What types of proposals can I create?", + "a": "this is an answer" + }, + { + "q": "What types of proposals can I create?", + "a": "this is an answer" + } + ] + + return ( +
+ + +
+ +
+ + + + + + + + + + + +

+ Rising together through grants and investment. +

+

+ Neo is excited to announce the Elevate Program, designed to support innovative projects launching on Neo X. With a total funding pool of up to US $20 million, the program offers various tracks to support projects at different stages of their growth lifecycle. We encourage projects and developers to apply early to be among the first to launch on this groundbreaking network. +

+
+ +
+
+ +
+

Elevate Goals

+ + + + + + +
+
+ +
+ +
+ + + + + + + + + + + +

The Grants section of Neo's Elevate Program is dedicated to fostering innovation and supporting the development of the Neo X ecosystem by providing financial support to a diverse range of projects without the expectation of financial return. Elevate Grants aim to catalyze the creation of groundbreaking technologies and applications that will contribute to a vibrant and thriving Neo X network.

+ + +
+
+ + + +
+ +
+ + +
+
+ + + + +
+
+

+ Partner Track +

+

+ The Partner track is tailored for established core infrastructure projects that are already operational on other EVM networks. With a total grants pool of $3,000,000, this track aims to support critical infrastructure solutions such as RPC node providers, indexing solutions, oracle networks, and interoperability projects. +

+ By providing substantial financial support, the Partner track seeks to enhance the foundational elements of the Neo X ecosystem, ensuring robust performance and seamless integration. + +

+ +
+ Apply Now +
+
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + + + + +
+
+ +

+ The Investment track is designed for established projects that can provide strategic advantages to the Neo X network. Offering individual investment packages of up to $500,000, this track targets projects with a minimum of six months of operation and a proven business model. These projects should be able to demonstrate an outstanding user base, significant TVL numbers, and a stable operation history. Investments are also available to new projects led by teams with similar achievements on other chains. +

+ Ideal candidates include decentralized exchanges, lending protocols, perpetual products, launchpads, liquid staking derivatives, restaking platforms, account abstraction (smart contract wallets), stablecoins, and NFT platforms. By securing funding through the Elevate Investment track, projects can scale their operations, enhance their offerings, and significantly contribute to the growth and success of the Neo X ecosystem. +

+
+ Apply Now +
+
+
+ + + +
+
+ +
+ +
+

FAQ

+ + +
+ {faqs.map((faq) => ( +
+ + {({ open }) => ( + <> + +

{faq.q}

+ + +
+ + {open && ( + + {faq.a} + + )} + +
+ + )} + +
+ + ))} + +
+ +
+ + +
+
+
+
+ + ) +} \ No newline at end of file diff --git a/src/app/layout.js b/src/app/layout.js index 498299b..5872b33 100644 --- a/src/app/layout.js +++ b/src/app/layout.js @@ -1,10 +1,8 @@ import Script from "next/script"; import "./globals.css"; -export const metadata = { - title: "Neo X", - description: "New horizons. It’s Neo X.", -}; + + export default function RootLayout({ children }) { return ( diff --git a/src/app/page.js b/src/app/page.js index 4210441..75fe08b 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -10,6 +10,13 @@ import Contact from "./components/Contact"; import Partners from "./components/Partners"; import Footer from "./components/Footer"; import Resources from "./components/Resources"; + +export const metadata = { + title: `Neo X | Neo's EVM-based sidechain`, + description: `Neo X is a fully EVM compatible sidechain featuring Neo's own dBFT consensus mechanism, a native bridge from Neo N3, and anti-MEV capabilities.`, +} + + export default function Home() { return (
diff --git a/src/app/projects/layout.js b/src/app/projects/layout.js new file mode 100644 index 0000000..adc0e7a --- /dev/null +++ b/src/app/projects/layout.js @@ -0,0 +1,11 @@ +export const metadata = { + title: `Project | Find projects in the Neo X ecosystem`, + description: `The Neo X family is growing fast. Jump onboard with the many projects that have already joined the Neo ecosystem.`, +} + + +export default function ProjectLayout({ children }) { + return <> + {children} + +} \ No newline at end of file diff --git a/src/app/projects/page.js b/src/app/projects/page.js index 5a51e15..ad71edd 100644 --- a/src/app/projects/page.js +++ b/src/app/projects/page.js @@ -4,6 +4,9 @@ import Footer from "../components/Footer"; import Navbar from "../components/Navbar"; import ProjectsData from '../data/projects.json' import ProjectDialog from "../components/ProjectDialog"; + + + export default function ProjectsPage() { const projects = ProjectsData @@ -47,16 +50,16 @@ export default function ProjectsPage() {
-
+
{ uniqueTags().map((t) => ( - + )) }
TESTNET
-

Claim Neo X GAS Here

+

Claim Neo X GAS Here

@@ -67,8 +70,8 @@ export default function ProjectsPage() {
{ - projects.filter((p)=>{return selectedTag ? p.tags.includes(selectedTag) : true}).map((p, index) => ( -
{setSelectedProject(p)}} className="cursor-pointer flex flex-col gap-5"> + projects.filter((p) => { return selectedTag ? p.tags.includes(selectedTag) : true }).map((p, index) => ( +
{ setSelectedProject(p) }} className="cursor-pointer flex flex-col gap-5">
@@ -93,9 +96,9 @@ export default function ProjectsPage() {
{ - selectedProject ? - {setSelectedProject(null)}}/> - : null + selectedProject ? + { setSelectedProject(null) }} /> + : null }