Ochi Modern Website

• A modern, responsive recreation of the Ochi Digital Agency Website, built from scratch using React and today’s frontend tools.
• Showcases smooth animations, responsive design, and blazing performance.

🚀 Features

• Smooth Animations with Framer Motion
• Responsive Layout powered by Tailwind CSS
• Smooth Scrolling via Locomotive Scroll
• Reusable UI Components with React + React Icons
• Optimized Performance thanks to Vite + React
• Deployed on Vercel for fast global delivery

---

🛠️ Tech Stack

• Framework: React.js
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion, Locomotive Scroll
• Icons: React Icons
• Deployment: Vercel

---

🏃 Getting Started

Prerequisites

• Node.js (v14+)
• npm or yarn

Setup

# Clone the repo
git clone https://github.com/aykansal/Ochi-Modern-Website.git

# Enter project folder
cd Ochi-Modern-Website

# Install dependencies
npm install
# or
yarn install

# Start the dev server
npm run dev
# or
yarn dev

Then open http://localhost:5173 🚀

---

🌐 Live Demo

👉 ochi-recreate.vercel.app

---

📦 Project Structure

Ochi-Modern-Website/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── styles/
│   ├── App.jsx
│   └── main.jsx
├── index.html
└── package.json

---

👨‍💻 Author

• Ayush Kansal (aka aykansal)

---

🙏 Credits

• Sheriyans Coding School for tutorials & guidance
• Inspired by Ochi Design Agency
• Vercel for hosting
• React, Tailwind CSS, Framer Motion communities