zentry-clone Tailwind Templates

Zentry Clone

A responsive and animated website clone of Zentry, built with React, Tailwind CSS, and GSAP. This project showcases smooth animations, interactive elements, and accessibility features, perfect for learning and experimenting with front-end technologies! ๐Ÿš€

alt img

Zentry Clone ๐ŸŒโœจ

Welcome to the Zentry Clone! This is a replica of the Zentry website built with React, Tailwind CSS, and GSAP to showcase responsive design, animations, and interactive elements. ๐Ÿš€


๐ŸŒŸ Features

  • ๐Ÿ“ฑ Responsive Design: Fully optimized for all screen sizes.
  • ๐ŸŽจ Animations: Smooth GSAP animations, including text blending effects.
  • โšก Interactive Elements: Powered by React Hooks for seamless interactions.
  • โ™ฟ Accessibility: Built with screen reader support and accessible elements.

๐Ÿš€ Live Demo

Check out the live version here. ๐Ÿ‘€


๐Ÿ› ๏ธ Installation

Follow these simple steps to set up the project locally:

  1. Clone the repository ๐Ÿ–‡๏ธ

    git clone https://github.com/yourusername/zentry-clone.git
    
  2. Navigate to the project folder ๐Ÿ“‚

    cd zentry-clone
    
  3. Install dependencies ๐Ÿ“ฆ

    npm install
    
  4. Start the development server ๐Ÿš€

    npm run dev
    
  5. Open the project in your browser ๐ŸŒ http://localhost:3000


๐ŸŽฎ Usage

  • Use the navigation menu to explore different sections.
  • Enjoy the animations and interactions on the page.
  • Use the contact form to send messages.

๐Ÿค Contributing

Contributions are welcome! Hereโ€™s how you can help:

  1. Fork the repository ๐Ÿด

  2. Create a new branch for your feature or bug fix ๐ŸŒฑ

    git checkout -b feature-name
    
  3. Commit your changes ๐Ÿ’ก

    git commit -m "Add your message here"
    
  4. Push your branch ๐Ÿ“ค

    git push origin feature-name
    
  5. Open a pull request ๐Ÿ› ๏ธ


๐Ÿ“œ License

This project is licensed under the MIT License. For more details, check the LICENSE file. ๐Ÿ“„


โœจ Acknowledgements

Special thanks to:

  • React for its powerful UI development framework.
  • Tailwind CSS for effortless styling.
  • GSAP for bringing animations to life.

๐Ÿฅณ Happy Coding!

Enjoy building and experimenting with this project! If you have any questions or need support, feel free to reach out. ๐Ÿ’ฌ

Top categories

Loading Svelte Themes