Welcome to NeoLandingPage, an interactive, Matrix-themed landing page that offers a captivating digital experience. This project goes beyond a simple 'Coming Soon' page, offering a dynamic and immersive environment that echoes the iconic Matrix universe.
- Matrix Digital Rain: Dive into the iconic digital rain of the Matrix, now with interactive elements and dynamic behavior.
- Responsive and Interactive Text: Featuring phrases from the Matrix, the text changes dynamically and is optimized for all devices.
- Matrix Themed Interactive Elements: From the digital rain to the cursor-responsive particles, every aspect of the page draws you into the Matrix world.
- Adaptive Design: Seamlessly adapts to different screen sizes, ensuring an engaging experience on both desktop and mobile devices.
- Enhanced Audio Experience: With user consent, ambient Matrix-themed background music plays, adding depth to the immersive experience.
- Stylized UI Elements: Matrix-inspired design for buttons and interactive elements, consistent with the theme.
- Animated Loading Spinner: Custom Matrix-themed spinner for initial page loading, enhancing the user's first impression.
- GitHub Source Code Link: Easily accessible link to the project's GitHub repository for quick navigation and exploration.
- New Matrix Phrases: Replaced 'Coming Soon' with rotating Matrix-themed phrases for a dynamic presentation.
- Mobile-Friendly Adjustments: Improved responsiveness and text scaling for better mobile viewing.
- Enhanced Layout: Adjustments to layout and positioning to improve readability and user experience.
- Bug Fixes: Resolved issues including the audio toggle functionality.
Follow these steps to set up and run NeoLandingPage on your local machine.
-
Clone the Repository
git clone https://github.com/ezenity/NeoLandingPage.git
-
Navigate to the Directory
cd NeoLandingPage
-
Open
index.html
in a BrowserYour local version of NeoLandingPage is now up and running!
Customize NeoLandingPage to suit your project or personal preference:
- Text: Update the rotating phrases or other text elements in
index.html
. - Appearance: Tweak colors, fonts, and layout in
style.css
. - Audio: Change the background music in
BackgroundMusic.js
.
- HTML/CSS/JavaScript: For structuring, styling, and functionality.
- Three.js: For 3D effects and digital rain animation.
- Tween.js: For smooth, engaging animations.
Your contributions are welcome! Here's how you can contribute:
- Fork the Project
- Create Your Feature Branch (
git checkout -b feature/YourAmazingFeature
) - Commit Your Changes (
git commit -m 'Add YourAmazingFeature'
) - Push to the Branch (
git push origin feature/YourAmazingFeature
) - Open a Pull Request
This project is under the MIT License. See the LICENSE
file for details.
- Instagram: _ezenity
- Project Link: https://github.com/ezenity/NeoLandingPage
❤️ Thanks for exploring NeoLandingPage!