<<<<<<< HEAD

=======

📱 MicroTech Website

MicroTech — iPhone & Android Service Experts
A modern, responsive website built with React, Vite, and TailwindCSS.
It showcases the professional services, repaired projects, and certificates of MicroTech Service Center located in Puttur, Karnataka.

---

🌐 Live Website

🔗 https://microtech1.netlify.app/

---

🧰 Tech Stack

• ⚛️ React 18 — Component-based UI
• ⚡ Vite — Fast development build tool
• 🎨 Tailwind CSS — Utility-first styling framework
• 🌍 Netlify — Deployment and hosting

---

📁 Folder Structure

microtech-website/ │ ├── public/ │ ├── repaired/ │ │ ├── phone1.jpg │ │ ├── phone2.jpg │ │ └── ... │ ├── favicon.ico │ └── index.html │ ├── src/ │ ├── assets/ │ │ ├── poster.png │ │ └── logo.png │ │ │ ├── components/ │ │ ├── Header.jsx │ │ ├── Footer.jsx │ │ └── Navbar.jsx │ │ │ ├── pages/ │ │ ├── Home.jsx │ │ ├── Services.jsx │ │ ├── Projects.jsx │ │ ├── Contact.jsx │ │ └── Certificate.jsx │ │ │ ├── App.jsx │ ├── main.jsx │ └── index.css │ ├── package.json ├── tailwind.config.js ├── postcss.config.js ├── vite.config.js └── README.md

---

⚙️ Installation & Setup

1️⃣ Clone this repository

git clone https://github.com/sabik-ahmd/microtech.git
cd microtech

2️⃣ Install dependencies
npm install

3️⃣ Start the development server
npm run dev

Then open your browser and visit:
👉 http://localhost:5173/

🧩 Build for Production
npm run build
This will create a /dist folder with your optimized production files.

🖼️ Adding Images

Store posters or brand images in:
src/assets/

Store repaired phone images in:
public/repaired/

To use images from public:
<img src="/repaired/phone1.jpg" alt="Repaired Phone" />

To use images from src/assets:
import Poster from "../assets/poster.png";
<img src={Poster} alt="Poster" />;

🧑‍💻 Author

Developed by: Ahammad Sabik
📦 GitHub Repository: https://github.com/sabik-ahmd/microtech
📧 Email: [email protected]
📍 Location: Puttur, Karnataka
📞 Phone: +91 9686893983

📞 Contact
MicroTech - iPhone & Android Service Expert
📍 Ground Floor, Hindustan Building, Puttur, Karnataka 574201
📞 +91 96637 58588 / +91 91132 35714
📧 [email protected]

📝 License
This project is licensed under the MIT License — free to use, modify, and distribute.

💡 Acknowledgements

React
Vite
Tailwind CSS
Netlify
Lucide Icons

⭐ If you like this project, please give it a star on GitHub!

---

✅ **How to use:**
1. In VS Code, open your project folder.
2. Create a new file named **`README.md`** in the root directory.
3. Paste the above code and save

6d4d578 (Update README.md and project files)