This repository contains the code a modern, sleek and responsive landing page designed to introduce and promote the Zentry application. Built with React.js, GSAP & Tailwind CSS the landing page features a modern design with smooth animations and interactive elements to engage visitors. The project emphasizes clean code structure and adherence to best practices in web development.
👉 Responsive Design Layout: Built with Tailwind CSS techniques to ensure seamless viewing across desktops, tablets, and mobile devices.
👉 Scroll Animations with TrackVisibility: Adds smooth animations triggered by scroll using gsap, enhancing user engagement and making the content more interactive.
👉 Reusable React Components: Organized with reusable and modular components for easier scalability and maintenance.
👉 Embedded Video Support: Includes a section to showcase promotional videos directly on the landing page, providing a dynamic way to present the product.
👉 Interactive Cards: Features well-structured and styled cards to highlight features, services with icons, text, and hover effects.
- React.js - UI Library
- React Icons - Icons
- TypeScript - Programming Language
- Tailwind CSS - CSS Framework
- GSAP - Animation Library
To get started with this project, follow these steps:
- Clone the repository:
git clone https://github.com/Mubassim-Khan/Zentry.git-
Open the project in your preferred code editor.
-
Install the project dependencies using npm:
npm install- Run the project
npm run devThis project is licensed under the MIT License.
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
- Copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn : Mubassim Ahmed Khan
- Email: mubassimkhan@gmail.com