@@ -40,155 +43,89 @@ export default function HomePage() {
- OpenZeppelin Smart Contracts -
-- Battle-tested libraries and tools for smart contract development -
-Open Source Tools
-- Tools for building, testing, and managing contracts in - production -
-Blockchains and Developer Ecosystems @@ -208,263 +145,120 @@ export default function HomePage() {
Learn
+Learn & Play
- Comprehensive guides for every step of your development journey + Master smart contract security through interactive challenges
- Setting Up a Node Project -
-- Get your Node development environment set up for using - OpenZeppelin tools. -
- - -- Developing Smart Contracts -
-- Learn the basics of writing Solidity contracts with - OpenZeppelin. -
- - -- Deploying and Interacting -
-- Deploy contracts to local and test networks and interact with - them. -
- - -- Writing Automated Tests -
-- Write comprehensive tests to verify your contracts work as - intended. -
- -- Connecting to Public Test Networks -
-- Move from local development to persistent test environments. -
- - -- Upgrading Smart Contracts -
-- Modify your contract code while preserving state and address - using OpenZeppelin Upgrades. -
- - -- Preparing for Mainnet -
-- Security considerations and best practices for production - deployment. -
- -Ethernaut CTF
-- Learn smart contract security by hacking! A Web3/Solidity based - capture-the-flag game where each level is a smart contract that - needs to be 'hacked'. Perfect for learning vulnerabilities and - security best practices through hands-on challenges. -
-Community & Support
++ Community & Support +
Connect with the community for technical discussions and support
Forum
-- Deep technical discussions, architectural questions, and - detailed support. Best place for in-depth conversations about - smart contract development, security patterns, and - implementation details. -
- + icon={Telegram
-- Quick questions, community support, and real-time chat. Join our - active community for faster responses, general help, - announcements, and casual discussions about OpenZeppelin tools. -
- +{title}
+{description}
+{title}
+{description}
+ + ); +} + +// Ecosystem Card - With specific glow colors for each ecosystem +function EcosystemCard({ + href, + icon, + title, + description, + glowColor = "evm", + className, +}: Omit{title}
+{description}
+ + ); +} + +// Community Card - Similar to FeatureCard but with different icon styling +function CommunityCard({ + href, + icon, + title, + description, + className, +}: CommunityCardProps) { + return ( + +{title}
+{description}
+ + ); +} + +// Banner Card - Special layout for Ethernaut with animated shimmer +function BannerCard({ + href, + icon, + title, + description, + className, +}: BannerCardProps) { + return ( + +{title}
+{description}
+