Navbar - Copy this React, Tailwind Component to your project
Website Design Prompt: Create a modern, professional website for EtherFund, a blockchain based crowdfunding platform built on the Ethereum blockchain. The design should reflect the platform's focus on secure, transparent, and efficient crowdfunding management through smart contracts and MetaMask integration. The website should have the following features: 1. Navigation Bar: A clean, responsive navigation bar should be present on every page, consisting of: Logo: Position the EtherFund logo on the top left. Home Page: A link to the homepage showing all active campaigns. Feed Page: A link to a news feed page that displays news and articles related to crowdfunding, blockchain, and campaign success stories. Login: Button for existing users to log in securely. Sign Up: Button for new users to register on the platform. 2. Home Page: The homepage should feature a campaign feed displaying all live crowdfunding campaigns. Each campaign should include a thumbnail image, title, goal amount, progress bar showing funds raised, and a "Donate Now" button. A filter option for users to search for campaigns by category (e.g., health, education, environment). Include a call to action button to start a new campaign for logged in users or redirect to the sign up page if they are not logged in. 3. Feed Page (News Feed): The feed page will display news and updates related to the crowdfunding industry, blockchain technology, and EtherFund platform announcements. Design this page with a clean blog style layout: Latest news articles with featured images, short excerpts, and clickable titles to read more. Categories: Option to filter news by categories such as "Blockchain", "Crowdfunding Success Stories", "Campaign Tips", and "Platform Updates." Option to share news articles on social media (Twitter, LinkedIn, etc.). 4. Login Page: The Login page should have a professional and secure design: Fields for email and password with an option to connect via MetaMask for users with an Ethereum wallet. A Forgot Password link for users to reset their passwords. A button to redirect to the signup page for new users. 5. Signup Page: The Signup page should have a simple, professional design to encourage new users to join. Fields for name, email, phone number (with verification), and password. MetaMask wallet integration for easy onboarding of users with an Ethereum wallet. A clear call to action button to create an account. 6. Footer: The footer should include: Links to About Us, Contact, Terms & Conditions, and Privacy Policy. Social media icons for sharing and following EtherFund on platforms like Twitter, LinkedIn, and Instagram. Design and Style Guidelines: Color Scheme: Use modern, clean colors with a focus on trustworthiness (e.g., shades of blue, white, and dark gray). Typography: Use professional fonts that are easy to read, with clear headings and subheadings. Responsive Design: Ensure the website is mobile friendly and adapts to various screen sizes. Special Features: Real Time Analytics: Display real time campaign statistics and a dashboard for users to monitor their crowdfunding progress. Security: Emphasize security measures like End to End Encryption (E2EE), email/phone verification, and secure payment handling through Solidity smart contracts. Social Media Integration: Allow campaigns and news articles to be shared on social platforms.
