Refokus Website Clone

A modern React-based clone of the Refokus agency website featuring smooth animations, interactive elements, and a responsive design.

Features

• Smooth scroll animations using Locomotive Scroll
• Interactive hover effects and transitions using Motion
• Responsive design with Tailwind CSS
• Component-based architecture
• Video integration and dynamic content loading
• Animated marquee sections
• Interactive product showcase with video backgrounds

Tech Stack

• React 18
• Vite
• Tailwind CSS
• Motion (for animations)
• Locomotive Scroll
• React Icons

Getting Started

1. Clone the repository

git clone [your-repo-url]
cd refokus

2. Install dependencies

npm install

3. Start the development server

npm run dev

4. Build for production

npm run build

src/
├── components/ # React components
│ ├── Button.jsx
│ ├── Cards.jsx
│ ├── Footer.jsx
│ ├── Marquee.jsx
│ ├── Navbar.jsx
│ ├── Product.jsx
│ └── ...
├── App.jsx # Main app component
├── index.css # Global styles
└── main.jsx # Entry point

This README provides:

• Project overview
• Key features
• Technology stack
• Setup instructions
• Project structure
• License information
• Acknowledgments

Feel free to modify any section to better match your specific project needs. This README provides:

• Project overview
• Key features
• Technology stack
• Setup instructions
• Project structure
• License information
• Acknowledgments

Feel free to modify any section to better match your specific project needs.