🧠 Brainwave - Modern UI/UX Website (React + Tailwind CSS)

A sleek, modern, and beautifully animated website crafted with React.js and Tailwind CSS, showcasing best practices in UI/UX design. Perfect as a reference or inspiration for building high-quality, modern web applications.

🔥 Features

• ✨ Smooth and engaging UI animations
• 🖌️ Clean, modern, and responsive layout
• 🧠 Modular and scalable React codebase
• 🎨 Beautifully crafted components and sections
• 🛠️ Optimized assets for faster load times
• 🌐 Mobile-first and cross-browser compatibility

📸 Preview

🚀 Live Demo

🔗 Live Site

🛠️ Tech Stack

Tech	Description
React	Frontend JavaScript library
Tailwind CSS	Utility-first CSS framework
Vite	Fast development build tool

📁 Project Structure

src/
├── assets/
│   ├── benefits/
│   ├── collaboration/
│   ├── hero/
│   ├── notification/
│   ├── pricing/
│   ├── roadmap/
│   ├── services/
│   ├── socials/
│   ├── svg/
│   ├── background.jpg
│   ├── brainwave-symbol.svg
│   └── ...more
├── components/
│   ├── design/
│   │   ├── Benefits.jsx
│   │   ├── Collaboration.jsx
│   │   ├── Header.jsx
│   │   ├── Hero.jsx
│   │   ├── Pricing.jsx
│   │   ├── Roadmap.jsx
│   │   └── Services.jsx
│   ├── Benefits.jsx
│   ├── Button.jsx
│   ├── Footer.jsx
│   ├── Hero.jsx
│   ├── Notification.jsx
│   └── ...more
├── constants/
│   └── index.js
├── App.jsx
├── index.css
└── main.jsx
public/
├── index.html
...

🚧 Installation

# Clone the repository
git clone https://github.com/AvatarN03/BrainWave.git

# Navigate into the project folder
cd BrainWave

# Install dependencies
npm install

# Start the development server
npm run dev

🧩 Key Dependencies

"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-just-parallax": "^3.1.16",
"react-router-dom": "^7.5.2",
"scroll-lock": "^2.1.5"

✨ Credits

• Tutorial Source: Project based on JavaScript Mastery tutorial. Huge thanks for the amazing guidance and resources.
• Design Inspiration: Modern UI/UX trends and sleek SaaS landing pages.
• Icons/Assets: Custom-designed or sourced from free design platforms like Figma Community and Freepik.
• Frameworks & Tools: React, Tailwind CSS, Vite.

📜 License

This project is open-source and available under the MIT License.

💡 Future Enhancements

• Add Dark Mode toggle
• Improve animation transitions
• Integrate CMS for dynamic content
• Add motion-based effects (Framer Motion)

🙋‍♂️ Author

Developed by Prashanth Naidu

For inquiries, collaborations, or feedback, feel free to reach out!

---