Refokus UI

A modern digital agency website built with React, Vite, and Tailwind CSS. This project is inspired by Refokus and showcases interactive UI elements, smooth scrolling, and a beautiful, responsive design.

Features

• ⚡ Built with Vite for fast development
• 🎨 Styled using Tailwind CSS
• ⚛️ React 19 for component-based architecture
• 🖱️ Custom cursor and smooth scrolling (Locomotive Scroll)
• 🧩 Modular components: Navbar, Work, Stripes, Products, Marquees, Cards, Footer, and more
• 📱 Responsive design

Getting Started

Prerequisites

• Node.js (v18 or newer recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone <your-repo-url>
   cd refokus

2. Install dependencies:

   npm install
   # or
   yarn install

Running the Development Server

npm run dev
# or
yarn dev

The app will be available at http://localhost:5173.

Building for Production

npm run build
# or
yarn build

Preview Production Build

npm run preview
# or
yarn preview

Project Structure

• src/Components/ – All React components (Navbar, Work, Stripes, Products, Marquees, Cards, Footer, etc.)
• src/App.jsx – Main app entry point
• public/ – Static assets
• vite.config.js – Vite configuration
• tailwind.config.js – Tailwind CSS configuration (if present)

License

This project is for educational and demonstration purposes.

---

Proof of ownership: Nitin