Skip to content

This is a clone for the landing page of "refokus", an awwwards winning website, I have taken the website and added a few takes of my own onto it with respect to the animations and smooth scrolling features.

Notifications You must be signed in to change notification settings

Pranjal-Jamuar/refokus-clone

Repository files navigation

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.

About

This is a clone for the landing page of "refokus", an awwwards winning website, I have taken the website and added a few takes of my own onto it with respect to the animations and smooth scrolling features.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published