Zoon

Project Overview

Zoon is a professional and versatile “Coming Soon” and “Under Construction” React template, designed to maintain brand presence and engage visitors while a website is being developed or updated.
Originally created by Harnish Design using HTML, CSS, Bootstrap, and JavaScript, I collaborated with them to convert the entire project into React, optimizing it for modern performance and flexibility.

Zoon includes 24 unique layout variations, multiple background styles (static image, slideshow, particles, and video), and RTL language support, making it a great choice for agencies, freelancers, startups, and creative professionals.

Key Features

• React v18+ Integration:
  Converted the entire structure into modular React components, improving performance and maintainability.

• 24 Unique Layouts:
  Includes diverse “Coming Soon” page designs with creative background effects like particles, slideshow, YouTube video, and static image backgrounds.

• Responsive Design:
  Built with Bootstrap 5, ensuring perfect responsiveness across all devices and screen sizes.

• Countdown Timer:
  Built-in countdown functionality to display launch timelines dynamically.

• MailChimp & Contact Form Integration:
  Integrated MailChimp newsletter subscription form and a working contact form for user interaction.

• RTL Language Support:
  Added Right-to-Left support, enabling multilingual accessibility for global users.

• Customizable Animations & Effects:
  Smooth transitions, fade-ins, and loader animations enhance user engagement.

• Detailed Documentation:
  Includes easy-to-follow setup and customization instructions for developers.

Contribution

I was responsible for the complete React conversion of the Zoon template.
This included:

• Translating all HTML and jQuery-based interactions into React Hooks and components.
• Implementing performance optimizations and modular architecture.
• Testing and refining responsiveness across all layout variations.
• Collaborating closely with Harnish Design to align design integrity and ensure the final React version matched the original vision.

Result

The React-based Zoon template now delivers:

• Faster load times and smoother performance.
• Enhanced customization for developers and clients.
• Better maintainability with reusable React components.
• A modern, scalable “Coming Soon” solution for businesses and creators worldwide.

🔗 Live Template: https://harnishdesign.net/zoon-coming-soon-react-template.html