Skip to content

Latest commit

 

History

History
32 lines (21 loc) · 1.29 KB

File metadata and controls

32 lines (21 loc) · 1.29 KB

Refokus Clone Website ✨

This project is a React-based clone of the Refokus website, designed to replicate its layout, design, and functionalities while introducing enhanced features for a smoother and more interactive user experience.

Features

  • React Component Structure: Modular design replicating the original website.
  • Smooth Scrolling: Powered by Locomotive Scroll for a seamless scrolling experience.
  • Dynamic Animations: On-scroll image transitions, hover-activated video playback, and animated marquee sections using Framer Motion.
  • Enhanced Styling: Styled with Tailwind CSS for a polished, responsive layout.

Tech Stack

  • React JS: Component-based architecture.
  • Locomotive Scroll: Smooth scrolling.
  • Framer Motion: Dynamic animations.
  • Tailwind CSS: Modern styling framework.
  • Vercel: Deployment platform.

Improvements

  • Lag-Free Scrolling: Fixed the laggy scrolling issue present in the original site.
  • Better Performance: Optimized for faster load times and smoother transitions.
  • Interactive Elements: Added hover animations for cards and enhanced user engagement.

Screenshot

Screenshot

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.